@charset "UTF-8";

/*
html {font-size:100.01%;}

body {font-size:75%;color:#222;background:#fff;font-family:"Arial", Helvetica Neue, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.6em;margin-bottom:0.75em;}
h3 {font-size:1.4em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:1.5em 1.5em 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tfoot {font-style:italic;}
caption {background:#eee;}

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

*/

/* moved to screen.css*/

/*
a:hover {
	text-decoration: underline;
}
*/

/*layout rules*/

a#srvy_tab{

	background-image:url('../images/Survey-Button.png');
	background-repeat:no-repeat;
	color:#FFFFFF;
	cursor:pointer;
	height:102px;
	left:0;
	overflow:hidden;
	position:fixed;
	text-indent:-100000px;
	top:50%;
	width:42px;
	z-index:100000;

}

a.srvy_tab_right {
	left:0 !important;
	margin-left:0 !important;
	margin-right:auto !important;
	right:auto !important;
	width:35px !important;
}

a.srvy_tab_right:hover {
	margin-left:0 !important;
	margin-right:auto !important;
	width:38px !important;
}

#header span-4 a{
	display: inline-block;
}

.content_box {
	border: 10px solid #e9e9ea;
}

.cb_wide{
	border: 10px none #e9e9ea;
	width: 825px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.horizontal_container {
	width: 845px;
	position: relative;
	margin-top: 30px;
}

.cb_narrow_left {
	border: 10px solid #e9e9ea;
	left: 0px;
	width: 255px;
	top:0px;
	height:100%;
	position: absolute;
}

.cb_narrow_middle {
	border: 10px solid #e9e9ea;
	left: 285px;
	width: 255px;
	top:0px;
	height:100%;
	position: absolute;
}

.lightbg, .darkbg, .whitebg, .yellowbg {
	background-position:bottom;
	background-repeat:no-repeat;
}

.lightbg img, .darkbg img, .whitebg img, .yellowbg img {
	display:block;
}

a.hovereffect {
	display:block;
	background-position:top;
}

a.hovereffect .overlay {
	background-position:bottom;
	cursor:pointer;
}

a.hovereffect .alttext {
	display:none;
}

div.bigbox {
	margin-top:40px;
	background:url('../images/bigbox_gradient.png') repeat-x bottom;
}

div.bigbox .entry {
	clear:both;
	height:17px;
	padding:10px 5px 10px 0;
	border:0 solid #D9DADA;
	border-width:0 1px 1px 1px;
	position: relative;
}

div.bigbox .entry:hover,
div.bigbox .entry.active {
	background:#E3E3E4;
}

div.bigbox .entry .ro {
	position: absolute;
	width:	885px;
}

div.bigbox h1 {
	text-transform:uppercase;
	color:#fff;
	background:url('../images/bigbox_top.png') no-repeat #3C3B3A;
	padding:7px 10px 0 10px;
	height:20px;
	font-size:0.9em;
}

div.bigbox .bottom {
	margin:5px 0 0 0;
	height:5px;
	background:url('../images/bigbox_bottom.png') no-repeat;
}

div.bigbox .ro .buttons {
	position: absolute;
	top: 0;
	right: 0;
	width:330px;
}

div.bigbox .rw .buttons {
	float:right;
	width:115px;
}

div.bigbox .rw input {
	border:0;
	padding:2px 4px 0 4px;
	height:24px;
	width:682px;
	background:url('../images/textfield_690px.png') no-repeat;
	position:relative;
	top:-5px;
	left:-4px;
}

div.bigbox .id {
	display:block;
	width:30px;
	margin-right:10px;
	text-align:right;
	float:left;
}

div.bigbox .name {
	margin-right:5px;
}

div.bigbox .changed {
	text-transform:uppercase;
	color:#A0A0A0;
}

/* delete button */
div.bigbox .buttons .delete {
	display:block;
	width:63px;
	height:0px;
	padding-top:19px;
	overflow:hidden;
	background:url('../images/buttons/delete.png') no-repeat 0 0;
	float:left;
	margin:0 10px 0 0;
}

div.bigbox .buttons .delete:hover {
	background-position:0 -19px;
}

/* rename button */
div.bigbox .buttons .rename {
	display:block;
	width:74px;
	height:0px;
	padding-top:19px;
	overflow:hidden;
	background:url('../images/buttons/rename.png') no-repeat 0 0;
	float:left;
	margin:0 10px 0 0;
}

div.bigbox .buttons .rename:hover {
	background-position:0 -19px;
}

/* play button */
div.bigbox .play {
	display:block;
	width:28px;
	height:0px;
	padding-top:29px;
	overflow:hidden;
	background:url('../images/buttons/play.png') no-repeat 0 0;
	position: absolute;
	top: -6px;
	left: 6px;
	margin:0 0 0 0;
}

div.bigbox .play:hover {
	background-position:0 -29px;
}

div.bigbox .play.pause {
	background-position:0 -58px;
}

div.bigbox .play.pause:hover {
	background-position:0 -87px;
}

div.bigbox .play.loading {
	background-position:0 -116px;
}

div.bigbox .play.loading .spinning{
	background:url('../images/buttons/spinning_comma.png') no-repeat;
	background-position: 0px;
	display: none;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 5px;
	left: 5px;
}

/* progress bar*/
div.bigbox .progressbar-container {
	background:url('../images/progressbar_bg.png') no-repeat 0 0;
	width: 544px;
	height: 28px;
	position: absolute;
	top: 4px;
	left: 6px;
}

div.bigbox .progressbar {
	background:url('../images/progressbar.png') no-repeat -544px 0;
	width: 544px;
	height: 28px;

}


/* go jam button */
div.bigbox .buttons .gojam {
	display:block;
	width:61px;
	height:0px;
	padding-top:29px;
	overflow:hidden;
	background:url('../images/buttons/gojam.png') no-repeat 0 0;
	position:relative;
	top:-5px;
	float: left;
	margin-right: 10px;
}

div.bigbox .buttons .gojam:focus {
	background-position:0 -29px;
}

div.bigbox .buttons .gojam:hover {
	background-position:0 -29px;
}

/* share button */
div.bigbox .buttons .share {
	display:block;
	width:101px;
	height:0px;
	padding-top:29px;
	overflow:hidden;
	background:url('../images/buttons/share.png') no-repeat 0 0;
	position:relative;
	top:-5px;
}

div.bigbox .buttons .share:focus {
	background-position:0 -29px;
}

div.bigbox .buttons .share:hover {
	background-position:0 -29px;
}

div.bigbox .buttons .share:active {
	background-position:0 0;
}

div.bigbox .buttons .share.sharing {
	background-position:0 -58px;
}

div.bigbox .buttons .share.sharing .spinning{
	background:url('../images/buttons/spinning_comma.png') no-repeat;
	background-position: 0px;
	display: none;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 5px;
	right: 15px;
}

/* save button */
div.bigbox .buttons .save {
	display:block;
	width:47px;
	height:0px;
	padding-top:19px;
	overflow:hidden;
	background:url('../images/buttons/save.png') no-repeat 0 0;
	float:left;
	margin:0 10px 0 0;
}

div.bigbox .buttons .save:hover {
	background-position:0 -19px;
}

/* cancel button */
div.bigbox .buttons .cancel {
	display:block;
	width:56px;
	height:0px;
	padding-top:19px;
	overflow:hidden;
	background:url('../images/buttons/cancel.png') no-repeat 0 0;
}

div.bigbox .buttons .cancel:hover {
	background-position:0 -19px;
}

div.bigbox-empty {
	background:url('../images/bigbox_empty_background.png') #3C3B3A;
}

div.bigbox-empty .bottom {
	background-image:url('../images/bigbox_empty_bottom.png');
}

div.bigbox-empty .message {
	color:#707070;
	padding:100px 0 180px 0;
	text-align:center;
}



div.yellowbox {
	background:#F7C200 url('../images/yellowbox_gradient.png') repeat-x bottom;
	border:0 solid #EE9D02;
	border-width:0 1px;
	width:888px;
	color:#3C3B3A;
}

div.yellowbox_top {
	background:url('../images/yellowbox_top.png') no-repeat;
	width:890px;
	height:5px;
}

div.yellowbox_bottom {
	background:url('../images/yellowbox_bottom.png') no-repeat;
	width:890px;
	height:5px;
}

div.yellowbox .vert_rule_right {
	background:url('../images/yellowbox_vert_rule.png') no-repeat right 20px;
}

div.whitebox {
	background:#fff url('../images/whitebox_gradient.png') repeat-x bottom;
	border:0 solid #EDEDED;
	border-width:0 1px;
	width:827px;
	color:#3C3B3A;
	margin:0 15px;
	padding:10px 0;
}

div.whitebox_top {
	background:url('../images/whitebox_top.png') no-repeat;
	width:829px;
	height:5px;
	margin:0 15px;
}

div.whitebox_bottom {
	background:url('../images/whitebox_bottom.png') no-repeat;
	width:829px;
	height:5px;
	margin:0 15px;
}

div.whitebox .vert_rule_right {
	background:url('../images/whitebox_vert_rule.png') no-repeat right 10px;
}

div.whitebox_plain_top {
	width:440px;
	height:10px;
	background:url('../images/whitebox_plain_top_440.png') no-repeat;
}

div.whitebox_plain {
	width:438px;
	border:0 #ededed solid;
	border-width:0 1px;
	background:#FFF;
}

div.whitebox_plain_bottom {
	width:440px;
	height:10px;
	background:url('../images/whitebox_plain_bottom_440.png') no-repeat;
}

div.whitebox_plain h2 {
	color:#a0a0a0;
	font-size:1.4em;
	font-weight:bold;
	margin:0 10px 10px 10px;
}

div.whitebox_plain ul {
	margin:0;
	padding:0;
}

div.whitebox_plain ul li {
	margin:0;
	padding:10px 10px 0 10px;
	display:block;
	list-style-type:none;
	border-bottom:1px solid #ededed;
	height:60px;
	overflow:auto;
}

div.whitebox_plain ul li:hover {
	background-color:#f5f6f6;
}

div.whitebox_plain ul li.last {
	border-bottom:0;
}

div.whitebox_plain ul li p {
	margin:0 0 0 70px;
}

div.whitebox_plain ul li p.quote {
	font-weight:bold;
	font-size:1.2em;
}

div.whitebox_plain ul li p.source {
	color:#a0a0a0;
	margin-top:2px;
}

div.whitebox_plain ul li .icon {
	float:left;
}

div.whitebox_plain ul li .balloon p {
	margin:0 0 10px 0;
}

div.whitebox_plain ul li .balloon .logo {
	float:right;
}

div.yellowbox_plain_top {
	width:440px;
	height:10px;
	background:url('../images/yellowbox_plain_top_440.png') no-repeat;
}

div.yellowbox_plain {
	width:438px;
	border:0 #fab000 solid;
	border-width:0 1px;
	background:#fdc300;
}

div.yellowbox_plain_bottom {
	width:440px;
	height:10px;
	background:url('../images/yellowbox_plain_bottom_440.png') no-repeat;
}

div.yellowbox_plain h2 {
	color:#fff;
	font-size:1.4em;
	font-weight:bold;
	margin:0 10px 10px 10px;
}

div.yellowbox_plain ul {
	margin:0;
	padding:0;
}

div.yellowbox_plain ul li {
	margin:0;
	padding:10px 10px 0 10px;
	display:block;
	list-style-type:none;
	border-bottom:1px solid #fab000;
	height:60px;
	overflow:auto;
}

div.yellowbox_plain ul li:hover {
	background-color:#fcb800;
}

div.yellowbox_plain ul li.last {
	border-bottom:0;
}

div.yellowbox_plain ul li p {
	margin:0;
}

div.yellowbox_plain ul li p.headline {
	font-weight:bold;
	font-size:1.2em;
}

div.yellowbox_plain ul li p.date {
	color:#c47700;
	margin-top:2px;
}

div.yellowbox_plain ul li a:hover,
div.yellowbox_plain ul li a:focus  {
	color:#fff;
}

div.darkbox {
	color:#626262;
	height:180px;
	background-color:#2E2D2C;
}

div.darkbox .vert_rule_right {
	padding-top:10px;
	border-right:1px solid #636362;
}

.span-12 div.darkbox {
	background:url('../images/darkbox_890x180.png') no-repeat;
}

div.icon {
	width:40px;
	height:40px;
	padding:5px;
	background:url('../images/icon_background_50.png') no-repeat;
}

div.balloon {
	width:420px;
	position:absolute;
	z-index:999;
}

div.balloon .balloon_top {
	width:420px;
	height:10px;
	background:url('../images/balloon_top_420.png') no-repeat;
}

div.balloon .balloon_content {
	padding:10px 20px;
	background:url('../images/balloon_420.png') repeat-y;
}

div.balloon .balloon_bottom {
	height:21px;
	background:url('../images/balloon_bottom_420.png') no-repeat;
}

div.balloon .more-link {
	float:right;
	font-weight:bold;
}

a.dark_button {
	background:url('../images/buttons/dark_button121x22.png') no-repeat;
	display:block;
	width:121px;
	padding-top:4px;
	height:18px;
	text-align:center;
	font-size:.9em;
	color:#fff;
	font-weight:bold;
	margin:0 auto;
}

a.dark_button:hover {
	color:#fdc500;
}

ul.yellow_bullets li {
	list-style-type:none;
	background:url('../images/bullet_yellow.png') no-repeat 0 3px;
	padding-left:12px;
	margin-left:-12px;
	margin:.5em 0;
}

.yellow_bullet {
	background:url('../images/bullet_yellow.png') no-repeat 0 3px;
	padding-left:12px;
	margin-left:-12px;
}

.black_bullet {
	background:url('../images/bullet_black.png') no-repeat 0 3px;
	padding-left:12px;
	margin-left:-12px;
}

.indent p {
	padding-left:12px;
}

body ul.yiiPager li a {
	border:0;
}

button
{
	padding: 2px 10px 2px 10px;
	border:1px solid;
	border-color:#CFD0D0;
	background-color:#EDEDED;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left: 150px;
	right:0px

}

button:hover
{
	color: #fdc500;
	background-color:#3C3B3A;
}

ul.buttons {
	margin:15px 0;
	padding:0;
}

ul.buttons li {
	float:left;
	list-style-type:none;
	padding:0;
	margin:0 10px 0 0;
}

ul.buttons li.last {
	margin-right:0;
}

div.errorSummary
{
	border: 1px solid #E73345;
	padding: 7px 7px 12px 57px;
	margin: 0 0 20px 0;
	min-height: 56px !important;
		height: auto !important;
	font-size: 12px;
	color: #E73345;
	background:url('../images/icons/error_trans63x64.png');
	background-position:left top;
	background-repeat:no-repeat;
}

div.form .rememberMe label
{
	display: inline;
}

.actions
{
	margin: 0 0 10px 0;
	padding: 0;
}

.actions li
{
	display: inline;
	margin: 0;
	padding: 0;
}

.actions li a
{
	padding: 5px;
	margin: 0;
	color: #298dcd;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	background: #DFF4FF;
	border-left: 5px solid #589FC8;
}

.actions li a:hover, .actions li a.active
{
	background: #589FC8;
	color: white;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

.cb_narrow_right {
	border: 10px solid #e9e9ea;
	width: 255px;
	position: absolute;
	left: 570px;
	top:0px;
	height:100%;
	position: absolute;
}

.solid_box {
	border: 10px solid #e9e9ea;
	background-color: #e9e9ea;
	position: absolute;
}

.sb_wide{
	border: 10px solid #e9e9ea;
	background-color: #e9e9ea;
	width: 825px;
	top:0px;
	height:100%;
	position: absolute;
	left: 0px;
}

.sb_narrow_left{
	border: 10px solid #e9e9ea;
	background-color: #e9e9ea;
	left: 0px;
	width: 255px;
	top:0px;
	height:100%;
	position: absolute;
}

.sb_narrow_middle{
	border: 10px solid #e9e9ea;
	background-color: #e9e9ea;
	left: 285px;
	width: 255px;
	top:0px;
	height:100%;
	position: absolute;
}

.sb_narrow_right{
	border: 10px solid #e9e9ea;
	background-color: #e9e9ea;
	left: 570px;
	width: 255px;
	top:0px;
	height:100%;
	position: absolute;
}

#revision,
#copyright {
	line-height:1.5em;
}

#overlay {
	background-color: #000;
	overflow: hidden;
	position: fixed;
	z-index: 900;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

#overlay2 {
	background-color: #000;
	opacity: 0.8;
	overflow: hidden;
	position: fixed;
	z-index: 900;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.overlay3 {
	background-color: #000;
	opacity: 0.8;
	overflow: hidden;
	position: fixed;
	z-index: 900;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

#application {
	background-color: #FFF;
	left: 50%;
	top: 20px;
	width: 920px;
	height: 700px;
	z-index: 20;
	position: absolute;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -450px;
}

#disclaimer {
	left: 50%;
	top: 100px;
	width: 890px;
	height: 493px;
	z-index: 1000;
	position: absolute;
	margin:0 0 0 -445px;
}

#disclaimer .disclaimer-top {
	height:10px;
	background:url('../images/ujamdisclaimer/betadisclaimer_top.png') no-repeat;
}

#disclaimer .disclaimer-bottom {
	height:10px;
	background:url('../images/ujamdisclaimer/betadisclaimer_bottom.png') no-repeat;
        margin-top:-20px;
}

#disclaimer .disclaimer-background {
	height:auto;
	background:url('../images/ujamdisclaimer/betadisclaimer_background.png') repeat;
}

#disclaimer .disclaimer-headline {
	height:60px;
        margin:0 20px;
        padding-top:10px;
}

#disclaimer .disclaimer-headlinetop {
	height:5px;
	background:url('../images/ujamdisclaimer/betadisclaimer_headlinetop.png') no-repeat;
}

#disclaimer .disclaimer-headlinebackground {
	height:40px;
	background:url('../images/ujamdisclaimer/betadisclaimer_headlinebackground.png') repeat;
        color: #636362;
}

#disclaimer .disclaimer-headlinebottom {
	height:5px;
	background:url('../images/ujamdisclaimer/betadisclaimer_headlinebottom.png') no-repeat;
}

#disclaimer .disclaimer-keyvisual {
	background:url('../images/ujamdisclaimer/betadisclaimer_keyvisual.png') no-repeat;
	height:260px;
        width:573px;
        float:left;
        margin:0 20px;
}

#disclaimer .disclaimer-badge {
	background:url('../images/ujamdisclaimer/betadisclaimer_badge.png') no-repeat;
        left: 491px;
        position: absolute;
        top: 94px;
        width: 121px;
        height:170px;
}

#disclaimer .disclaimer-righttextbox {
	height:210px;
	width:280px;
	float:left;
	margin-top:15px;
	margin-left:-40px;
	line-height:10px;
}

#disclaimer .disclaimer-righttextbox h2{
	line-height:16px;
	font-size:16px;
}

#disclaimer .disclaimertext {
        line-height:120%;
        margin-top:-10px;
}

#disclaimer .disclaimer-checkmark {
        background:url('../images/ujamdisclaimer/betadisclaimer_checkmark.png') no-repeat;
        float: right;
        height: 14px;
        width: 13px;
        position:absolute;
        margin-left:5px;
        margin-top:-3px;
}

#disclaimer .disclaimer-contenttop {
	background:url('../images/ujamdisclaimer/betadisclaimer_contenttop.png') no-repeat;
	height:5px;
        margin:0 20px;
        clear:both;
}

#disclaimer .disclaimer-contentbottom {
	background:url('../images/ujamdisclaimer/betadisclaimer_contentbottom.png') no-repeat;
	height:5px;
        margin:0 20px;
}

#disclaimer .disclaimer-content {
	background:url('../images/ujamdisclaimer/betadisclaimer_contentbackground.png') repeat;
	display:inline-block;
	margin:0 20px;
	padding-bottom: 5px;
}

#disclaimer .disclaimer-content .disclaimer-column {
	float:left;
	margin-left:10px;
	width:270px;
	min-height: 160px;
}

#disclaimer .disclaimer-content .disclaimer-column.last {
	margin-right:10px;
}

#disclaimer .disclaimer-content .disclaimer-column.narrow {
	min-height: 30px;
}

#disclaimer .disclaimer-content .disclaimer-column .small{
	line-height: 1.6em;
	text-shadow: 0px 1px #FFFFFF;
}

#disclaimer .disclaimer-links {
	text-decoration:underline;
	color: #636362;
}


#disclaimer .disclaimer-content .white,
#disclaimer .disclaimer-content .white a {
	color:#fff;
	text-shadow:1px 1px 0 #F28D00;
}

#disclaimer .disclaimer-content .white a:hover {
	color:#000;
	text-shadow:1px 1px 0 #FFD153;
}

#disclaimer .disclaimer-footer {
        width:850px;
        height:43px;
        margin:20px 20px;
}

#disclaimer .closeDisclaimer {
        float:right;
        margin-right: -14px;
}

#disclaimer .closeDisclaimer:hover {
	background-position:0 -34px;
}

#disclaimer .closeDisclaimer:active {
	background-position:0 0;
}

#disclaimer .disclaimerbuttons {
        float:left;
        margin: 0 5px;
}

#disclaimer .disclaimerbuttonyellow {
        float:right;
        margin-top:0;
}

.oneColLiqCtrHdr {
	background-color:#E7E7E7;
}

.oneColLiqCtrHdr #header {
	top: 0px;
	width: 100%;
	height: 91px;
	background: url('../images/HeaderBackgroundWhite.png') repeat-x;
}

.oneColLiqCtrHdr #header #logo {
	margin-left:8px;
}

.oneColLiqCtrHdr #header .public-beta-link {
	position: absolute;
	top: 50px;
	margin-bottom: 0px;
	display: block;
	left: 51px;
	width: 96px;
	height: 36px;
	background: url('../images/buttons/publicbeta.png') no-repeat;
}

.oneColLiqCtrHdr #header .public-beta-link:hover {
	background-position: 0 -36px;
}

.oneColLiqCtrHdr #header .public-beta-link span.alt{
	display: none;
}

.oneColLiqCtrHdr #headerspacer_small {
	position:relative;
	width: 100%;
	height: 10px;
	z-index: 1;
}

.oneColLiqCtrHdr #container {
	width: 100%;
	min-height:100%;
	text-align: left;
	z-index: 1;
	position:relative;
	background:url('../images/mainBackground.png') #2C2C2B;
}

.oneColLiqCtrHdr #contentArea {
	background-color:#ededed;
	color:#636362;
}

.oneColLiqCtrHdr #contentArea a {
	color:#9c9d9d;
}

.oneColLiqCtrHdr #contentArea a:hover,
.oneColLiqCtrHdr #contentArea a.active,
.oneColLiqCtrHdr #contentArea .active > a {
	color:#3b3b3a;
}

.oneColLiqCtrHdr #contentArea a.underline {
	color: #3B3B3A;
	text-decoration: underline;
}

.oneColLiqCtrHdr #content {
	padding-bottom:50px;
	min-height:400px;
}

.oneColLiqCtrHdr #footerPush {
	position:relative;
	height: 50px;
	z-index: -1;
}

.oneColLiqCtrHdr #footer {
	width: 100%;
	height: 200px;
	background:url('../images/footerCrowd.png') repeat-x left 0 #2C2C2B;
	text-align:left;
	padding-bottom:12px;
}

.oneColLiqCtrHdr #footer .container {
	padding-top:80px;
}

#footer #fbLikeButtonContainer {
	position:relative;
	vertical-align: top;
	width:120px;
	display:inline-block;
	margin:2px 0 0 4px;
}

#footer .secondaryLinks {
	list-style-type: none;
	padding-left: 0px;
}

#footer .secondaryLinks li {
	float: left;
	padding: 5px 15px;
}

#footer .secondaryLinks li.first {
	background: transparent;
}

#footer .secondaryLinks li a,
#footer .secondaryLinks li span {
	display: block;
	text-align: left;
	margin: 2px 0;
	text-shadow:0 -1px #000;
}

#footer .secondaryLinks li a.midlight:hover {
	color:#FDC500 !important;
}

#footer .secondaryLinks .title {
	font-weight: bold;
	margin-bottom: 10px;
}

#footer #copyright {
	padding-top: 11px;
	text-shadow: 0 -1px #000;
}

#footer #revision {
	padding-top: 5px;
}

#pageEnd {
	background:url('../images/footerEnd.png') repeat-x;
	width:100%;
	height:12px;
	position:absolute;
	bottom:0;
}

.dark_button_link {
	text-shadow: 1px 1px #1A1A18;
	display:inline-block;
	border:0;
	height:33px;
	line-height: 33px;
	background: transparent;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 10px;
	color: #EDEDED;
}

.dark_button_link:hover {
	color: #FFFFFF;
	text-shadow: -1px -1px #000000;
}

.dark_button_corner_left {
	background-image: url('../images/buttons/dark_button_left.png');
	height: 33px;
	background-repeat: no-repeat;
	background-position: left top;
}

.dark_button_corner_right {
	background-image: url('../images/buttons/dark_button_right.png');
	height: 33px;
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: -5px;
}

.dark_button_corner_left:hover {
	background-position: left -33px;
}

.dark_button_corner_right:hover {
	background-position: right -33px;
}

.ujam_mail {
	background: url('../images/ujam_mail.png') no-repeat 0 0 transparent;
	height: 200px;
	width: 170px;
	float: right;
}

.ujam_wait {
	background: url('../images/ujam_wait.png') no-repeat 0 0 transparent;
	height: 200px;
	width: 170px;
	float: right;
}

.top-space {
	background: transparent;
	height: 130px;
}

#fb-root {
	position: absolute;
	left: 0;
}



/* Landing Page */

#header-landing {
	background: url('../images/header/header_bg.png') repeat-x 0 0 transparent;
	height: 100px;
	padding-top: 12px;
}

#header-landing .loginBox {
	float: right;
}

#header-landing .login_input {
	width: 140px;
	float: left;
	margin-bottom: 10px;
}
#header-landing .login_input.thin {
	width: 65px;
}

#header-landing input {
	background: url('../images/header/input_bg.png') no-repeat transparent;
	width: 132px;
	height: 15px;
	padding: 4px;
	color: #FDC500;
	font-size: 12px;
	border: 0 none;
	margin: 5px 0;
}

#header-landing label {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 10px;
	padding-left: 5px;
	text-shadow: -1px -1px #000000;
}

#header-landing .login_text {
	text-transform: uppercase;
	padding: 0 0 0 5px;
	font-size: 10px;
	text-shadow: -1px -1px #000000;
}

#header-landing .login_button {
	background: url('../images/buttons/login.png') no-repeat transparent;
	width: 65px;
	height: 23px;
	margin: 17px 0 5px 0;
	border: 0 none;
	text-indent: -999em;
	cursor: pointer;
}

#header-landing .login_button:hover {
	background-position: 0 -23px;
}

#header-landing .welcome {
	margin-top: 20px;
}

#container.pores {
	background: url('../images/pores.png') repeat 0 0 transparent;
}

#footer-small {
	background: url('../images/footer_small.png') repeat-x 0 0 transparent;
	height: 47px;
	padding: 20px 0 10px 0;
}

#playpage {

}

.playerRow {

}

.playerBox {
	background: url('../images/playPage/player_bg.png');
	height: 59px;
	width: 558px;
	float: left;
	position: relative;
}

.playerRow .buttonBox {
	float: right;
	width: 258px;
}

#playpage .infoBox .song-rating,
#playpage .infoBox .playcount,
#playpage .infoBox .rank,
#playpage .infoBox .icon_campaign,
#playpage .infoBox #fbSongLikeButtonContainer,
#playpage .infoBox #TwitterTweetButtonContainer {
	margin-left:15px;
	vertical-align:middle;
}

#playpage .infoBox .icon_campaign {
	width:33px;
	height:33px;
	display:inline-block;
}


#fbSongLikeButtonContainer {
	display:inline-block;
}

#TwitterTweetButtonContainer {
	display:inline-block;
        margin-left:0 !important;
        vertical-align:middle;
}

#GooglePlusButtonContainer {
	display:inline-block;
        margin-left:0 !important;
        vertical-align:middle;
}


.giant-button.create-your-own-song {
	background: url('../images/buttons/create_your_own_song.png');
	height: 59px;
	width: 258px;
}

.giant-button.create-your-own-song:hover {
	background-position: 0 -63px;
}

.frame-big {
	background: url('../images/frame_big.png') no-repeat 0 0 transparent;
	width: 824px;
	height: 326px;
	padding: 15px 32px;
	position: relative;
}

.frame-big .bg {
	background: url('../images/frame_big_bg.jpg') no-repeat 0 0 transparent;
	width: 824px;
	height: 326px;
}

.frame-big .main-text {
	background: url('../images/frame_big_main_text.png') no-repeat 0 0 transparent;
	height: 140px;
	width: 272px;
	position: absolute;
	top: 35px;
	right: 50px;
	padding: 126px 20px 20px;
	text-shadow: -1px -1px #000000;
}

.frame-big .main-text p {
	margin: 0 0 15px 0;
	line-height: 1.7em;
}

.frame-small {
	background: url('../images/frame_small.png') no-repeat 0 0 transparent;
	width: 828px;
	height: 96px;
	padding: 13px 30px;
}

#scPlayer, #player {
	float: left;
}

.player_error_message {
	color: #FFFFFF;
	text-shadow: none;
}

.frame-video {
	background: url('../images/frame_video.png') no-repeat 0 0 transparent;
	width: 469px;
	height: 290px;
	padding: 13px;
	float: left;
}

.video-list {
	background: url('../images/video_list_bg.png') no-repeat 0 0 transparent;
	width: 324px;
	height: 265px;
	padding: 41px 10px 10px;
	float: right;
}

.video-thumbs {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.video-thumbs li {
	background: url('../images/video_list_separator.png') no-repeat 0 0 transparent;
	display: block;
	height: 65px;
	padding-top: 13px;
	cursor: pointer;
}

.video-thumbs li.first {
	background: transparent;
	padding-top: 10px;
}

.video-list div.balloon .balloon_content {
	padding: 7px 20px;
}

.video-list div.balloon .balloon_content span {
	display: block;
}

.video-list .date {
	padding-bottom: 7px;
}

.video-thumb {
	background: url('../images/video_list_thumb.png') no-repeat 0 0 transparent;
	height: 35px;
	width: 47px;
	padding: 8px;
	float: left;
}

.video-thumbs .text {
	float: left;
	width: 250px;
	height: 50px;
	text-shadow: -1px -1px #2D2C2B;
}

.video-thumbs .text .video-title {
	color: #CFD0D0;
	font-weight: bold;
	display: inline-block;
	width: 100%;
}

.video-thumbs .text .video-description {
	color: #CFD0D0;
	display: block;
	line-height: 1em;
}

.video-thumbs .hover .text .video-title {
	color: #FDC300;
}

.tweets {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.tweets li {
	background: url('../images/video_list_separator.png') no-repeat 0 0 transparent;
	display: block;
	height: 65px;
	padding-top: 13px;
}

.tweets li.first {
	background: transparent;
	padding-top: 10px;
}

.tweets .text {
	color: #636262;
	display: inline-block;
	width: 325px;
	text-shadow: -1px -1px #2D2C2B;
}

.tweets .message {
	display:block;
        width:395px;
        height:32px;
}

.yt-more-button {
	background: url('../images/buttons/yt_more.png') no-repeat 0 0 transparent;
	height: 23px;
	width: 135px;
	float: right;
	text-indent: -999em;
}

.yt-more-button:hover	 {
	background-position: 0 -23px;
}

.sign_up_free {
	background: url('../images/buttons/sign_up_free.png') no-repeat 0 0 transparent;
	height: 123px;
	width: 364px;
	float: right;
	margin-top: -13px;
	margin-right: -30px;
	text-indent: -999em;
}

.sign-up-split {
	background: url('../images/buttons/sign_up_split.png') no-repeat 0 0 transparent;
	height: 62px;
	width: 347px;
	margin-right: -13px;
	margin-top: -13px;
	float: right;

}

.sign-up-free-new {
        background: url('../images/buttons/sign-up-free-new.png') no-repeat 0 0 transparent;
        height:102px;
        width:313px;
        cursor:pointer;
		display: inline-block;
		position:absolute;
		bottom:0;
		left:0;
		text-indent:-9999px;
}

.sign-up-free-new:hover {
        background-position: 0 -106px;
}

.go-jam-free-new {
        background: url('../images/buttons/go-jam-free-new.png') no-repeat 0 0 transparent;
        height:102px;
        width:313px;
        cursor:pointer;
		display: inline-block;
		position:absolute;
		bottom:0;
		left:0;
		text-indent:-9999px;
}

.go-jam-free-new:hover {
        background-position: 0 -106px;
}

.login-facebook-split {
	background: url('../images/buttons/login_facebook_split.png') no-repeat 0 0 transparent;
	height: 60px;
	width: 347px;
	margin-right: -13px;
	margin-top: 0;
	float: right;
	clear: right;
	cursor: pointer;
}

.sign-up-split .alt,
.login-facebook-split .alt	{
	display: none;
}

.sign-up-split:hover{
	background-position: 0 -66px;
}

.login-facebook-split:hover	 {
	background-position: 0 -64px;
}

.go_jam {
	background: url('../images/buttons/gojam-landing.png') no-repeat 0 0 transparent;
	height: 123px;
	width: 364px;
	float: right;
	margin-top: -13px;
	margin-right: -30px;
	text-indent: -999em;
}

.sign_up_free:hover,
.go_jam:hover	 {
	background-position: 0 -123px;
}


.dark_band {
	background: url('../images/content_head_bg.png') repeat-x 0 0 transparent;
	width: 100%;
	padding: 12px 0 1px 0;
}

.dark_band .container {
	width: 852px;
	padding: 20px 19px;
}

.container .compact {
	padding: 20px 19px;
}

.mid_band {
	background: url('../images/mid_band.png') repeat-x 0 0 transparent;
	width: 100%;
	height: 150px;
	padding: 12px 0;
}

.mid_band_container {
	position: relative;
	width: 870px;
	padding: 0 10px;
	margin: 0 auto;
}

.mid_band .partial_box {
	background: url('../images/mid_box_stripline.png') center right no-repeat;
	float: left;
	width: 281px;
	height: 160px;
	padding-left: 19px;
}
.mid_band .partial_box.first {
	padding-left: 2px;
	width: 283px;
}

.mid_band .partial_box.last {
	background: transparent;
	width: 266px;
}

.mid_band .partial_box .title {
	width: 259px;
	height: 76px;
}

.mid_band .partial_box .mid_box_compose {
	background: url('../images/mid_box_compose.png') no-repeat;
}

.mid_band .partial_box .mid_box_style {
	background: url('../images/mid_box_style.png') no-repeat;
}

.mid_band .partial_box .mid_box_share {
	background: url('../images/mid_box_share.png') no-repeat;
}

.mid_band .partial_box span {
	padding: 15px 5px;
	display: block;
	text-shadow: #2d2c2b -1px -1px;
}

#content hr {
	width:670px;
	height:3px;
	margin:15px 0;
	background:url('../images/PageSectionSeparator.png') #fff;
}

.page-title {
	background:url('../images/HeadlineBackgroundWhite.png') #fff repeat-x;
	font-size: 30px;
	width: 100%;
	height: 83px;
	position: absolute;
	left: 0px;
	color:#FDC500;
	font-weight:bold;
}

.profile_header {
	color:#FDC500;
	font-weight:bold;
}

.page-title h1 {
	display: inline-block;
	width: 600px;
}

.page-title h1.short {
	display: inline;
}

.page-title .small-headline {
	font-size: 20px;
	width: 600px;
	height: 44px;
	top: 20px;
	position:absolute;
	overflow: hidden;
}

.profile_header .small-headline {
	font-size: 20px;
	width: 250px;
	top:20px;
	left:90px;
	position:absolute;
	overflow: hidden;
}

.page-title .small-headline h1 {
	width: 600px;
	height: 28px;
	overflow: hidden;
}

.page-title .small-headline .artist {
	font-size: 12px;
	font-weight: normal;
}

.page-title .compact {
	padding-top:25px;
}

.page-title .compact.withAvatar,
.profile_header .compact.withAvatar {
	padding-top:25px;
	padding-left: 100px;
	position: relative;
}

.page-title .compact.withAvatar .buttonBox {
   position: absolute;
   right: 20px;
   top: 10px;
}

.page-title .compact .buttons {
	float:right;
	height:33px;
}

.page-title .compact .buttons > span {
	font-size:12px;
	color:#9C9C9C;
	position:relative;
	top:10px;
	margin-right:5px;
	font-weight:normal;
	vertical-align:top;
}

.page-title .hintBox {
	display: block;
	width: 432px;
	height: 59px;
	background: url('../images/title-hint.png') no-repeat;
	position: absolute;
	right: 20px;
	top: 10px;
}

.page-title .hintBox p {
	font-size: 14px;
	color: #FFFFFF;
	text-shadow: -1px -1px #88AA88;
	margin: 8px 0px 9px 30px;
	width: 380px;
	float: left;
}

.page-title .hintBox .closeHintBox {
	display: block;
	height: 11px;
	width: 11px;
	background: url('../images/icons/greenclose11x11.png') no-repeat;
	float: right;
	margin: 5px 5px 0 0;
	cursor: pointer;
}

.page-title .hintBox .closeHintBox:hover {
	background-position: 0 -15px;
}

.page-title .compact.withAvatar .avatar {
	top: 8px;
	left: 17px;
	position: absolute;
	height: 64px;
	width: 64px;
}

.page-title .search-form {
	display: inline-block;
	position: relative;
}

.page-title .search-form .inputs {
	position:absolute;
	top: 0;
        left: 55px;
}

.page-title .search-form input.placeholder,
.gotopage input.placeholder {
	color: #9C9C9C;
}

.page-title .searchbar {
	height: 20px;
	line-height: 20px;
	width: 130px;
	background: url('../images/searchbar.png') no-repeat;
	border: none;
	margin-left: -4px;
	z-index: 2;
	padding: 7px 30px 6px 10px;
}

.page-title .magnifier {
	height: 14px;
	width: 14px;
	background: url('../images/icon_magnifier.png') no-repeat;
	position: absolute;
	top: 10px;
	right: 7px;
	border: none;
	cursor: pointer;
	z-index: 3;
}

.page-title .magnifier .alt {
	display: none;
}

.page-title .searchbuttondropdown {
	width: 52px !important;
	padding-right: 165px;
	z-index: 1;
}

.searchbuttondropdown:hover span.icon_search_type {
	background-position: 0px -19px;
}

.searchbuttondropdown:hover .active span.icon_dropdown {
	background-position: -19px -19px;
}

span.icon_search_type {
	top: 3px;
	position: relative;
	width: 15px;
	height: 15px;
	display: inline-block;
	background-image: url('../images/searchallicon.png');
}

span.icon_search_type.songname,
.searchbuttondropdown.songname span.icon_search_type {
	background-image: url('../images/searchsongicon.png');
}

span.icon_search_type.artistname,
.searchbuttondropdown.artistname span.icon_search_type {
	background-image: url('../images/searchartisticon.png');
}

.page-title .searchbuttondropdown span.small_icon {
	right: 23px !important;
	top: 10px;
	position: absolute;
	z-index: 2;
}

.page-title .searchbuttondropdown span.search_icon_dropdown {
	top: 9px !important;
        right: 2px !important;
        left: 22px;
}

.page-title .searchbuttondropdown span.middle {
	width: 10px;
}

/*
.page-title .searchbuttondropdown:hover span.icon_dropdown {
	background-position:0px -19px;
}

.page-title .searchbuttondropdown.active span.icon_dropdown {
	background-position:-19px 0px;
}

.page-title .searchbuttondropdown.active:hover span.icon_dropdown {
	background-position:-19px -19px;
}
*/

.page-title .search_dropdown {
	position:absolute;
	z-index:50;
	background:url('../images/mainmenu/menu01_background.png');
}

.page-title .search_dropdown_end {
	position:absolute;
	z-index:50;
	width: 160px;
	height: 6px;
	background:url('../images/mainmenu/menu01_bottom.png');
}

.page-title .search_dropdown {
	width: 160px;
	font-size: 12px;
        font-weight: normal;
}

.page-title .search_dropdown ul {
	padding:0;
	margin:0;
}

.page-title .search_dropdown li {
	display:block;
	float:none;
}

.page-title .search_dropdown li.last {
	padding-bottom: 5px;
}

.page-title .search_dropdown li a {
	display:block;
	padding:8px 12px;
	float:none;
    color: #FFFFFF !important;
	text-shadow:0 -1px #2c2c2b;
	background:url('../images/mainmenu/menu01_separator.png') bottom no-repeat;
}

.page-title .search_dropdown li.last a {
	background-image:none;
	padding-bottom:0;
}

.page-title .search_dropdown li a:hover {
	color:#fdc300 !important;
}

.page-title .search_dropdown li a:hover span.icon_search_type {
	background-position: 0 -20px;
}

.page-title .search_dropdown li a span.text{
	display:inline-block;
}

.avatar64-empty {
	background: #636362;
	height: 64px;
	width: 64px;
}

.page-title-spacer {
	width:100%;
	height:83px;
}

.page-title .span-12 {
	margin: 0 auto;
	float: none;
	background: transparent;
}

.centered-hint {
	text-align:center;
	color:#636362;
}

.scrolling-text {
	margin:15px auto;
	height:500px;
	overflow-y:scroll;
}

.scrolling-text .content {
	padding:0 15px 0 0;
}

#content h3 {
	margin:30px 15px 15px 15px;
	font-size:18px;
	color:#3c3c3b;
}

#content span.quote-start,
#content span.quote-end {
	width:15px;
	height:15px;
	display:inline-block;
	vertical-align:middle;
	text-indent:-999px;
}

#content span.quote-start {
	background:url('../images/icons/quote_start15x15.png') no-repeat;
}

#content span.quote-end {
	background:url('../images/icons/quote_end15x15.png') no-repeat;
}

#content p .icon {
	display:inline-block;
	margin:0 6px;
	vertical-align:middle;
}

#content p .icon.first {
	margin-left:0;
}

#content p .icon.last {
	margin-right:0;
}

#content p :hover > .icon {
	background-position:bottom;
}

#content .icon_download {
	width:16px;
	height:16px;
	background:url('../images/icons/download16x16.png') no-repeat;
}

#content .icon_external {
	width:16px;
	height:16px;
	background:url('../images/icons/external16x16.png') no-repeat;
}

.grey_box_big {
	width: 852px;
}

.grey_box_big .box-content {
	background:url('../images/grey_box_big_bg.png') repeat-y 0 0;
	padding: 1px 10px;
}

.grey_box_big .top {
	height:9px;
	background:url('../images/grey_box_big_bg_top.png') no-repeat 0 0;
}

.grey_box_big .bottom {
	height:9px;
	background:url('../images/grey_box_big_bg_bottom.png') no-repeat;
}

.commentsBox {
	background: #FFFFFF;
	padding: 0 10px;
}

/* --------- popups ----------------*/

.simplePopup .centeredLoading,
.generalPopup .centeredLoading {
	width: 100%;
	height: 100%;
	position:fixed;
	z-index:1000;
	top:0;
	left:0;
}

.simplePopup {
	background-color:#fff;
}

.simplePopup .centeredLoading {
	background:url('../images/relocating.gif') no-repeat center center #fff;
}

.generalPopup {
	background-color:#E7E7E7;
	overflow-x:hidden;
}

.generalPopup .centeredLoading{
	background:url('../images/spinning-grey.gif') no-repeat center center #E7E7E7;
}


.giant-button {
	width: 269px;
	height: 56px;
	display: block;
}

.giant-button:hover {
	background-position: 0 -56px;
}

.giant-button span.alttext{
	display: none;
}

.giant-button.gojam {
	background-image: url('../images/counter/button_go_jam_a.png');
}

.avatar-frame-dark-xl,
.avatar-frame-light-xl,
.no-avatar-frame {
	width: 64px;
	height: 64px;
	position: absolute;
	top:0px;
	left:0px;
}

.avatar-frame-dark-xl {
	background: url('../images/avatar_frames/avatar_frame_dark_64.png');
}

.avatar-frame-light-xl {
	background: url('../images/avatar_frames/avatar_frame_light_64.png');
}

.no-avatar-frame {
	/* transparent dummy PNG, required for IE */
	background: url('../images/avatar_frames/no_avatar_frame.png');
}

.avatar-frame-light-195 {
	width: 185px;
	height: 185px;
	padding: 5px;
	display: block;
	background: url('../images/avatar_frames/avatar_frame_light_195.png');
}

.avatar img {
	display:inline-block;
	overflow: hidden;
}

/* ------------ MyPage ----------------*/

.general-dark-box {
	display: block;
	float: left;
	margin-right: 10px;
}

.general-dark-box h1 {
	color: #FDC500;
	font-size: 20px;
	font-weight:bold;
	padding: 11px 12px;
	height: 17px;
}

.box-portrait {
	width: 346px;
	height: 414px;
	background: url('../images/myPage/box_portrait.png');
}

.box-landscape {
	width: 496px;
	height: 354px;
	background: url('../images/myPage/box_landscape.png');
}

.box-landscape .youtube-player-container {
	padding: 13px 14px;
	height: 289px;
}

.missing_plugin {
	background: url('../images/icons/missing_plugin.png') center center no-repeat;
	text-align: center;
	height: 100%;
}

.missing_plugin.flash {
	background-image: url('../images/icons/missing_plugin_flash.png');
}

.missing_plugin span {
	display: block;
	color: #FFFFFF;
	text-shadow: -1px -1px #1A1A18;
}

.box-landscape .missing_plugin span {
	padding-top: 180px;
}

.canvasBox .missing_plugin span {
	padding-top: 170px;
}

.tabBox .missing_plugin span {
	padding-top: 185px;
}

.box-landscape #ujamytplayer {
	border: 1px solid #1A1A18;
}

.box-flat {
	width: 496px;
	height: 50px;
	background: url('../images/myPage/box_flat.png');
}

.box-flat .text {
	display: block;
	width: 290px;
	padding: 17px 0 9px 17px;
	margin-right: -10px;
	float: left;
}

.box-flat .giant-button.learn {
	height: 50px;
	width: 198px;
	background: url('../images/myPage/button_learn.png');
	float: right;
}

.box-flat .giant-button.learn:hover {
	background-position: 0 -54px;
}

.dive-in {
	display: block;
	height: 350px;
	width: 320px;
	background: url('../images/myPage/dive_in.jpg');
	margin: 12px 13px;
	position: relative;
}

.dive-in .giant-button.gojam {
	height: 66px;
	width: 276px;
	background-image: url('../images/myPage/go_jam_button.png');
	position: absolute;
	left: 20px;
	bottom: 20px;
}

.dive-in .giant-button.gojam:hover {
	background-position: 0 -70px;
}

.dark-message {
	color: #9C9C9C;
}

.oneColLiqCtrHdr #contentArea .dark-message a {
	color: #FFFFFF;
}

.oneColLiqCtrHdr #contentArea .dark-message a:hover {
	color: #FDC500;
}

/* jPlayer not visible */
.jp-jplayer {
	position:absolute !important;
	height:0;
	width:0;
}

.profile_header {
	postion:relative;
}

.profile_image {
	height: 64px;
    left: 0;
    position: absolute;
    top: 0;
    width: 64px;
}

.profile_image img {
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}

.profile_name {

}

.profile_info table {
	line-height:100%;
}

.profile_info th,
.profile_info td {
	padding:5px 0;
	vertical-align:top;
}

.profile_info th {
	width:90px;
	color:#9C9D9D;
	margin:10px 0;
}

.profile_info td,
.profile_info td a {
	color:#FFFFFF !important;
	line-height:100%;
}

.profile_info .campaign_badges {
	float:left;
	margin-right:5px;
}

#sub_fin {
	width: 700px;
	margin-top: 80px;
	padding: 0;
}

#sub_fin h1 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}

#sub_fin #closeFancybox {
	margin-top:50px;
}

.white-bg {
	background: #FFF;
}

.rounded {
	border-radius: 5px;
}

.campaign_overview .campaign {
	padding: 20px;
}

.campaign_icon {
	display: inline-block;
	width: 128px;
	height:	128px;
	position: relative;
}

.campaign_icon img {
	width: 128px;
	height:	128px;
}

.campaign_icon .frame-light-128 {
	background: url('../images/frame_light_128.png') no-repeat;
	width: 128px;
	height:	128px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.campaign_icon .frame-dark-128 {
	background: url('../images/frame_dark_128.png') no-repeat;
	width: 128px;
	height:	128px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.campaign_content {
	display: inline-block;
	vertical-align: top;
	width: 435px;
	min-height: 128px;
	margin-left: 20px;
	position: relative;
}

.campaign_content h1 {
	font-size: 20px;
	color: #1A1A18;
	font-weight: bold;
}

.campaign_content h1 a {
	color: #1A1A18 !important;
}

.campaign_content span {
	display: block;
	width: 100%;
}

.campaign_content .started_period {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
}

.campaign_content .subtitle {
	color: #1A1A18;
	font-weight: bold;
	padding-bottom: 5px;
}

.campaign_content .description {
	padding-bottom: 20px;
}

.campaign_content a.more {
	position: absolute;
	bottom: 0px;
	color: #1A1A18 !important;
	text-decoration: underline;
}

.campaign_content a.more:hover,
.campaign_content a.more:focus	 {
	color: #636362 !important;
}

.followLink {
	background: url("../images/campaignTicker/follow_link.png") no-repeat scroll right 0px;
	padding-right: 12px;
	padding-bottom: 0;
	line-height: 1.2em;
	
}
.followLink:hover {
	background: url("../images/campaignTicker/follow_link.png") no-repeat scroll right -17px;	
}