* {margin:0;padding:0;}
body {font-family:Helvetica,Arial,sans-serif;}
a {color:#324AA1;outline:none;}
a img {border:none;}
ul {margin-left:2em;}

.clearfix:after {content:".";display:block;clear:both;visibility:hidden;height:0;}
* html .clearfix {height:1%;}
*+html .clearfix {height:1%;}

.notice {font-size:12px;padding:5px 10px;border:1px solid #F2DE43;background:#FFFBCE;margin-bottom:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.notice .sticky {float:right;text-decoration:none;}
.notice .sticky:hover {text-decoration:underline;}
#bubblewrap-view {display:none;}

#page 	{margin:20px auto 0;width:772px;}
#header {min-height:52px;height:auto !important;height:52px;}
#header-inner,#content-inner {padding:10px;width:752px;margin:0 auto;overflow:hidden;color:#333;text-align:left;}
.brand-logo {line-height:32px;text-decoration:none;}
.brand-logo:hover {text-decoration:underline;}
#content {background:#fff;}

#edit {background:#2E4F82;font-size:11px;}
#edit-inner {width:772px;margin:0 auto;padding:5px 0;}
#edit a {color:#fff;text-decoration:none;}
#edit a:hover {text-decoration:underline;}
#brands-back {float:left;}
#brands-edit {float:right;font-weight:bold;}

/* content */
#content-header h1 {font-size:20px;margin-bottom:10px;color:#444466;}
#content-header p {margin-bottom:0;font-size:11px;color:#333;}
#broadcastStudioContainer {border:1px solid #ccc;width:750px;height:420px;margin:0 auto;}
#broadcastStudioContainer p {padding-top:200px;font-size:24px;font-weight:bold;color:#ccc;text-align:center;}
#avatar {float:left;margin-right:0.5em;margin-bottom:0.5em;border:1px solid #aaa;}
#avatar img {max-width:100px;max-height:36px;}

/*only for IE6 */
#avatar img {_height:36px;_width:36px;}
/*only for IE6 */

/* hide stuff */

html.fullscreen #header,
html.fullscreen #brand-footer-preview,
html.fullscreen #content-header,
html.fullscreen #edit,
html.fullscreen #question-form,
html.fullscreen #qa-messages-mask,
html.fullscreen .notice {display:none !important;}

/* expand stuff */

html.fullscreen,
html.fullscreen body,
html.fullscreen #page,
html.fullscreen #content,
html.fullscreen #content-inner,
html.fullscreen #broadcastStudioContainer,
html.fullscreen object,
html.fullscreen embed {width:100%;height:100%;border:none;padding:0;margin:0;}

/*only for IE6 & 7*/
.extremely-static-stuff {position:static !important;}
/*only for IE6 & 7*/

.flash-alt-content {padding:50px 30px;}
.flash-alt-content h2 {margin-bottom:10px;}
.flash-alt-content h2 a {font-size:16px;}

/* the three styles */

#free-styler {
	width:100%;
	height:100%;
}

.style-compact {background:#7795BF;}

.style-compact #free-styler {
	width:772px;
	margin:0 auto;
	box-shadow:0 1px 3px #333;
	-moz-box-shadow:0 1px 3px #333;
	-webkit-box-shadow:0 1px 3px #333;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin-bottom:20px;
}
.style-compact #header {
	margin-top:15px;
	-moz-border-radius:3px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-radius:3px;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-bottom-right-radius:0;
}
.style-compact .page-wrap {
	-moz-border-radius:3px;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	-webkit-border-radius:3px;
	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;
}
.style-compact .page-wrap.has-branded-footer {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
.style-compact #brand-footer-preview {
	-moz-border-radius:3px;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	-webkit-border-radius:3px;
	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;
}

.style-segmented {background:#7795BF;}
.style-segmented #free-styler {width:772px;margin:0 auto;padding-bottom:20px;}

.style-segmented #account-extra {
	-moz-border-radius:3px;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	-webkit-border-radius:3px;
	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;
	margin-bottom:7px;
	box-shadow:0 1px 3px #333;
	-moz-box-shadow:0 1px 3px #333;
	-webkit-box-shadow:0 1px 3px #333;
}

.style-segmented .page-wrap {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-shadow:0 1px 3px #333;
	-moz-box-shadow:0 1px 3px #333;
	-webkit-box-shadow:0 1px 3px #333;
	margin-bottom:7px;
}

.style-segmented #header {
	margin:15px 0 7px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-shadow:0 1px 3px #333;
	-moz-box-shadow:0 1px 3px #333;
	-webkit-box-shadow:0 1px 3px #333;
}
.style-segmented #brand-footer-preview {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-shadow:0 1px 3px #333;
	-moz-box-shadow:0 1px 3px #333;
	-webkit-box-shadow:0 1px 3px #333;
}

#brand-footer-preview {background-color:#FFF;color:#000;font-size:75%;}
#brand-footer-text {width:742px;padding:10px 15px;text-align:left;margin:0 auto;}
#brand-footer-text .default-content {font-size:11px;}
#brand-footer-text .default-content a {text-decoration:none;}
#brand-footer-text .default-content a:hover {text-decoration:underline;}

#brand-footer-text h1 {font-size:1.5em;/*18px*/ line-height:1.5em;margin:0;}
#brand-footer-text h2 {font-size:1.333em;/*16px*/ line-height:1.5em;margin:0;} 
#brand-footer-text h3 {font-size:1.083em;/*13px*/ line-height:1.5em;margin:0;}
#brand-footer-text h4 {font-size:1em;/*12px*/ line-height:1.5em;margin:0;}
#brand-footer-text h5 {font-size:0.917em;/*11px*/ line-height:1.5em;margin:0;}
#brand-footer-text p {margin:0;font-size:1em;/*12px*/line-height:1.5;text-align:left;}

/*
 * Questions & Answers
 */

#broadcast-title {font-size:14px;font-weight:normal;color:#666;}
#broadcast-title span {font-weight:bold;}
#qa-messages-mask {display:none;padding:10px 0 0 0;}
#question-form {padding:10px 0 0 0;display:none;}
#question-form fieldset {-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;position:relative;background:#EEE;padding:10px;display:block;border:none;}
#form-elements {padding-bottom:10px;float:left;}
#form-elements h2 {font-size:14px;padding:0 0 5px 75px;margin:0;}
#form-elements label {float:left;width:70px;text-align:right;padding:0 5px 0 0;font-size:12px;line-height:24px;}
#form-elements input {float:left;width:460px;padding:3px;border:1px solid #CCC;margin-bottom:5px;}
#form-elements textarea {float:left;width:460px;height:60px;padding:3px;border:1px solid #CCC;margin-bottom:5px;}
#form-elements br {clear:left;}
#form-elements .question-actions {font-size:12px;line-height:26px;}

.q-letter-counter {font-size:11px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);color:#555;text-align:right;float:right;}

#broadcast-selector {display:none;font-size:12px;line-height:18px;position:absolute;top:5px;right:20px;}
#broadcast-selector select {padding:1px;width:200px;}

.qa-notif {background:#fff url("../images/bgd_fieldset.png") repeat-x top left;position:relative;margin-bottom:10px;padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ddd;overflow:hidden;word-wrap:break-word;}
.notif-unanswered {color:green;font-size:11px;font-style:italic;display:block;padding:0 0 5px 0;}

#tabs {border-bottom:1px solid #CCC;}
#tabs a {float:left;border-top:1px solid #FFF;padding:0 10px;text-decoration:none;font-size:13px;line-height:24px;font-weight:bold;}
#tabs a.selected {border:1px solid #CCC;border-bottom:1px solid #FFF;margin-bottom:-1px;}
#post-question {margin:0 5px 0 85px;}
#email-info {float:left;clear:left;padding-left:75px;font-size:11px;}

.qa-message {background:#fff url("../images/bgd_fieldset.png") repeat-x top left;position:relative;margin-bottom:10px;padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ddd;font-size:12px;overflow:hidden;word-wrap:break-word;}
.qa-message.question {background:#eee;}
.qa-message.answer {margin-left:30px;}
.qa-message h3 {text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);padding:0 0 5px 0;font-size:11px;}
.qa-message p {color:#333;font-size:12px;margin:0;}

/* MODULE: @buttons
 * --------------------
 * IE 6 hacks available
 */

.button 			{font-size:14px;color:#333;text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);text-decoration:none;}
.button 			{line-height:26px;height:26px;padding:0 19px 0 0;margin:0 0 0 10px;display:block;float:left;outline:none;}
.button span 		{line-height:26px;height:26px;padding:0 0 0 9px;margin:0 -9px 0 -10px;display:block;}

.button,
.button span {background: url('../images/bgd_button.png') no-repeat left top;}

.button 			{background-position: right top;}
.button span 		{background-position: left top;}
.button:hover,
.button.hover 		{background-position: right -26px;}
.button:hover span,
.button.hover span	{background-position: left -26px;}

.float_right .button {margin-right:0;}

.button:hover		{color:#000;text-decoration:none;cursor:pointer;}
.button:focus,
.button:active		{text-decoration:none;cursor:pointer;}

/* button variations */

.button-blue, .button-blue span {background-image: url('../images/bgd_button_blue.png');color:#FFF;text-shadow:0 1px 0 rgba(0, 0, 0, 0.4)}
.button-blue:hover,
.button-blue.hover 		{color:#FFF;}

.button-gray, .button-gray span {background-image: url('../images/bgd_button_gray.png');}
.button-gray {color:#324aa1;}
.button-gray:hover {color:#222;}