/* MGR styles used on management pages (complex forms, etc.) */

/* z-indexes */
#admin_main .mgr-general,
#account_main .mgr-active-profile,
#account_main .mgr-communities
{z-index: 1 !important;}


/* TYPOGRAPHY
---------------------------------- */
body
{font-size: 11px;
color: #333;}

h1 {font-size: 16px;}
h2 {font-size: 13px;}
h3 {font-size: 12px;}
h4 {font-size: 11px;}
h5 {font-size: 10px;}

.mgr-box li
{margin-bottom: .8em;}

.mgmt-side-bar .mgr-box li
{margin-bottom: 0;}

em
{font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;}


/* LINKS
---------------------------------- */
a
{color: #237ACB;
text-decoration: none;}

a:visited
{color: #5AA1E0;}

a:hover, a:active
{text-decoration: underline;}

/* back to top link */
/*
.mgr-back-to-top
{text-align: right;}
*/

	.mgr-back-to-top a, .mgr-back-to-top a:visited
	{background: url(http://static.yuku.com/common/bypass/images/arrow_up.gif) no-repeat center left;
	color: #237ACB;
	padding-left: 13px;}


/* BODY - background colors, etc.
---------------------------------- */
body {background: #FDFEFF;}

/* alternate background designs */
#home_board,
#home_cscsubscription,
#home_ezboardhome,
#registration_ez,
#login_default,
#signup_community,
#domain_createdomain,
#home_learnmore,
#home_goldstory,
#home_goldfaq,
#home_goldpricing,
#home_supporterstory,
#home_supporterfaq,
#home_yukuplatform,
#home_yukucustomize,
#home_yukucommunity,
#home_communityfaq
{background: #FDFEFF url(http://static.yuku.com/common/bypass/images/mgr/home/faded-blue/bg-gradient.jpg) repeat-x left 30px;}

#find_default, #find_posts, #find_communities
{background: #FDFEFF url(http://static.yuku.com/common/bypass/images/mgr/home/faded-blue/bg-gradient.jpg) repeat-x;}

/* add Yuku logos */
#home_board .mgr-header h1,
#home_cscsubscription .mgr-header h1,
#home_ezboardhome .mgr-header h1,
#signup_community .mgr-header h1,
#home_learnmore .mgr-header h1,
#home_goldstory .mgr-header h1,
#home_goldfaq .mgr-header h1,
#registration_ez .mgr-header h1,
#home_goldpricing .mgr-header h1,
#home_supporterstory .mgr-header h1,
#home_supporterfaq .mgr-header h1,
#home_yukuplatform .mgr-header h1,
#home_yukucustomize .mgr-header h1,
#home_yukucommunity .mgr-header h1,
#home_communityfaq .mgr-header h1
{display: none;}

#find_default .mgr-header h1
{width: 770px;
margin: auto;}

#home_board .mgr-header,
#home_cscsubscription .mgr-header,
#home_ezboardhome .mgr-header,
#registration_ez .mgr-header,
#domain_createdomain .mgr-header,
#signup_community .mgr-header,
#home_learnmore .mgr-header,
#home_goldstory .mgr-header,
#home_goldfaq .mgr-header,
#home_goldpricing .mgr-header,
#home_supporterstory .mgr-header,
#home_supporterfaq .mgr-header,
#home_yukuplatform .mgr-header,
#home_yukucustomize .mgr-header,
#home_yukucommunity .mgr-header,
#home_communityfaq .mgr-header
{background: url(http://static.yuku.com/common/bypass/images/mgr/home/faded-blue/shiny.gif) no-repeat left 10px;
height: 76px;
padding: 0;
display: none;}

#home_board #mgr-wrapper,
#home_cscsubscription #mgr-wrapper,
#home_ezboardhome #mgr-wrapper,
#registration_ez #mgr-wrapper,
#login_default #mgr-wrapper,
#domain_createdomain #mgr-wrapper,
#signup_community #mgr-wrapper,
#home_learnmore #mgr-wrapper,
#home_goldstory #mgr-wrapper,
#home_goldfaq #mgr-wrapper,
#home_goldpricing #mgr-wrapper,
#home_supporterstory #mgr-wrapper,
#home_supporterfaq #mgr-wrapper,
#home_yukuplatform #mgr-wrapper,
#home_yukucustomize #mgr-wrapper,
#home_yukucommunity #mgr-wrapper,
#home_communityfaq #mgr-wrapper /* ,
#find_default #mgr-wrapper,
#find_posts #mgr-wrapper,
#find_communities #mgr-wrapper */
{background: url(http://static.yuku.com/common/bypass/images/mgr/home/faded-blue/bg-image.jpg) no-repeat;
width: auto;}

#home_board .mgr-content, #home_board .mgr-header,
#home_cscsubscription .mgr-content, #home_cscsubscription .mgr-header,
#home_ezboardhome .mgr-content, #home_ezboardhome .mgr-header,
#registration_ez .mgr-content, #registration_ez .mgr-header,
#domain_createdomain .mgr-content, #domain_createdomain .mgr-header,
#signup_community .mgr-content, #signup_community .mgr-header,
#home_learnmore .mgr-content, #home_learnmore .mgr-header,
#home_goldstory .mgr-content, #home_goldstory .mgr-header,
#home_goldfaq .mgr-content, #home_goldfaq .mgr-header,
#home_goldpricing .mgr-content, #home_goldpricing .mgr-header,
#home_supporterstory .mgr-content, #home_supporterstory .mgr-header,
#home_supporterfaq .mgr-content, #home_supporterfaq .mgr-header,
#home_yukuplatform .mgr-content, #home_yukuplatform .mgr-header,
#home_yukucustomize .mgr-content, #home_yukucustomize .mgr-header,
#home_yukucommunity .mgr-content, #home_yukucommunity .mgr-header,
#home_communityfaq .mgr-content, #home_communityfaq .mgr-header,
#find_default .mgr-content, #find_default .mgr-header,
#find_communities .mgr-content, #find_communities .mgr-header,
#find_posts .mgr-content, #find_posts .mgr-header
{width: 770px;
margin: auto;}

/* subscription button */
a.subscribe-now
{background: url(http://static.yuku.com/common/bypass/images/mgr/home/faded-blue/subscribe-now.gif) no-repeat;
text-indent: -5000px;
display: block;
width: 305px;
height: 44px;}

a:hover.subscribe-now
{background-position: 0 -45px;}


/* LAYOUT
---------------------------------- */
#mgr-wrapper
{width: 770px;
margin: auto;}

/* HEADER ---- */
.mgr-header
{padding-top: 20px;}

	.mgr-header h1
	{font-size: 20px;
	color: #8B8C8E;
	text-transform: uppercase;
	margin: 0;
	line-height: 15px;}

		.mgr-header h1 a
		{color: inherit;
		text-decoration: none;}

		.mgr-header h1 small
		{font-size: 12px;
		color: #717171;
		text-transform: none;}

/* YUKU MENU BAR ---- */
.mgr-navigation-sliver {background: #DDD; /* background: #3992D1; */}

	.mgr-navigation-sliver *, .mgr-navigation-sliver a, .mgr-navigation-sliver a:visited
	{color: #000;}

/* CONTENT
---------------------------------- */
.mgr-content
{clear: both;
padding-top: 15px;}

/* Narrow Content Container, use with floated fight ad */
.mgr-narrow-content
{width: 505px;}

	.mgr-narrow-content a
	{text-decoration: underline;}

	/* form elements */
	.mgr-narrow-content label.mgr-wide
	{width: 175px !important;
	padding-right: 4px;}

    .mgr-narrow-content .mgr-invalid span.mgr-error-message
    {padding-left: 181px !important;}
    .mgr-narrow-content .captcha-image 
    {padding-left: 165px !important;position:relative;left:0;top:-1em;}

	span.mgr-captcha-explanation
	{font-style: italic !important;
	padding-right: 7px;}

	#changeCode,
	span.mgr-captcha-explanation
	{font-size: 10px;
	display: block;}

	.mgr-narrow-content .mgr-invalid span.mgr-error-message
	{margin: 0;
	width: 280px;}

	.mgr-narrow-content span.mgr-captcha-instructions
	{padding-left: 0;}

	.mgr-narrow-content .corp-controls
	{padding-right: 10px;}

	/* trick to make calendar icon stay on same line as input */
	.mgr-narrow-content .mgr-field .mgr-compound img
	{position: absolute;
	top: 0;
	left: 250px;}

/* floated ad */
.mgr-float-ad
{float: right;}


/* MAIN COMPONENTS & SUB-COMPONENTS
---------------------------------- */

/* PAGER ---- */
.mgr-pager
{margin-top: 10px;
margin-bottom: 10px;
height: 1.5em;}

.mgr-current
{background: #4491D7;
color: #FFF;}

/* ERRORS & ALERTS ---- */
div.mgr-error,
div.mgr-alert
{padding: 10px;
margin-bottom: 15px;}

div.mgr-error
{background: #FFCCCC;
color: red;}

span.mgr-error
{color: red;}

div.mgr-alert
{background: #C9E5FF;
color: #1B6A8E;}

	div.mgr-error h2,
	div.mgr-alert h2
	{font-size: 12px;}

	div.mgr-error a
	{color: red;}

	div.mgr-alert a
	{color: #237ACB;}

	/* legacy code */
	.errors, .errors a
	{color: red;}

	div.mgr-error ul,
	div.mgr-alert ul
	{margin-left: 0;
	margin-right: 0;
	padding: 0;
	list-style: none;}

	div.mgr-error li,
	div.mgr-alert li
	{margin-bottom: .8em;}


/* KUDOS PAGE
---------------------------------- */
#lead_whokudo .pager
{clear: left;
float: none;}

#lead_whokudo .bread-crumbs
{margin-bottom: 15px;}

.kudo-list
{list-style: none;
padding: none;
margin: none;
margin-left: -60px;
width: auto;}

	ul.kudo-list li
	{width: 200px;
	height: 120px;
	display: block;
	float: left;
	padding: 10px 20px;
	border-right: 1px solid #B1B5B9;}

	.kudo-list .user-avatar
	{float: left;
	margin-right: 5px;}

	.kudo-list .user-avatar img
	{width: 100px;
	height: 100px;}

	.kudo-list li.last
	{border: none;
	margin-right: 0;}


/* 1 level MENUBAR
---------------------------------- */
.mgr-menubar
{background: url(http://static.yuku.com/common/bypass/images/mgr/menubar/menubar-left.gif) no-repeat;
height: 33px;
margin-bottom: 15px;}

.mgr-menubar-right
{background: url(http://static.yuku.com/common/bypass/images/mgr/menubar/menubar-right.gif) no-repeat;
margin-left: 6px;
height: 28px;
padding-top: 5px;}

	.mgr-menubar p
	{float: right;
	margin: 5px 10px 0 0;
	color: #CCC;}

		.mgr-menubar p *
		{position: relative;}

	/* menu list */
	.mgr-menubar ul
	{padding: 0;
	margin: 0;
	list-style: none;
	float: left;}

	.mgr-menubar li
	{display: block;
	float: left;
	font-weight: bold;
	margin-left: 5px;}

		.mgr-menubar li *
		{display: block;
		float: left;}

			.mgr-menubar li span span span
			{padding: 4px;}

			.mgr-menubar li a
			{color: white !important;
			text-decoration: none !important;
			cursor: pointer !important;}

	/* menu item highlights ---- */
	/* current page */
	.mgr-menubar li.current-page,
	.mgr-menubar li.current-page:hover
	{background: white url(http://static.yuku.com/common/bypass/images/mgr/menubar/tab-tl.gif) top left no-repeat !important;
	color: #237ACB !important;}

		.mgr-menubar li.current-page span
		{background: url(http://static.yuku.com/common/bypass/images/mgr/menubar/tab-tr.gif) top right no-repeat;}

			.mgr-menubar li.current-page span span
			{background: url(http://static.yuku.com/common/bypass/images/mgr/menubar/tab-bl.gif) bottom left no-repeat;}

				.mgr-menubar li.current-page span span span
				{background: url(http://static.yuku.com/common/bypass/images/mgr/menubar/tab-br.gif) bottom right no-repeat;}

		.mgr-menubar li.current-page a
		{color: #237ACB !important;
		cursor: default !important;}

	/* menubar containing search */
	.mgr-menubar form
	{float: right;
	padding-right: 10px;}

		.mgr-menubar form *
		{vertical-align: middle;}

/* SPECIAL LISTS
---------------------------------- */
/* NOTE: May want to move some of these list styles to indivdual section or page styles depending on how widely they will be used */

ol li
{margin-bottom: .5em;}

/* Tag Cloud ---- */
ul.tag-cloud
{margin: 0 auto;
padding: 50px !important;
list-style: none;
text-align: center;}

	ul.tag-cloud li
	{display: inline;
	line-height: 22px;}

	ul.tag-cloud a
	{text-decoration: none;
	padding: 2px;}

.tag-cloud .one a
{font-size: 10px;}

.tag-cloud .two a
{font-size: 15px;}

.tag-cloud .three a
{font-size: 17px;}

.tag-cloud .four a
{font-size: 20px;}

.tag-cloud .five a
{font-size: 25px;}

/* Category List ---- */
ul.category-list
{margin: 0 2px 5px 0;
padding: 0;
list-style: none;
float: left;
width: 24.5% !important;}

	ul.category-list li
	{margin: 0;}

/* Avatar List ---- */
/* Avatars */
.userinfo
{margin: 0;
padding: 0;
list-style: none;}

.avatar-list
{padding: 0;
margin: 0;
list-style: none;}

	.avatar-list li
	{text-align: center;
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	overflow: hidden;
	padding: 0;
	margin: 2px;
	font-size: 10px;}

	/* (used in display-box for numbered list of avatars) */
	ol.avatar-list li
	{text-align: left;
	width: 150px;
	height: 230px;}

		.avatar-list .user-avatar img
		{border: none !important;
		width: 100px !important;
		height: 100px !important;}

		.avatar-list p.user-avatar
		{width: 100px !important;
		height: 100px !important;
		margin: 0;
		margin-top: 3px;
		background-color: #666 !important;}

		/* homepage */
		#login_default .avatar-list .user-avatar img,
		#login_default .avatar-list p.user-avatar
		{width: 75px !important;
		height: 75px !important;}

			.avatar-list p a
			{color: #666;
			text-decoration: underline;}

		.avatar-block p.user-name
		{margin: 0;}

		.avatar-block h3
		{margin: 0;
		margin-bottom: 5px;
		font-size: 18px;}

		.avatar-block p.mgr-avatar-button
		{margin: 10px 0;}


/* GENERAL HTML ELEMENTS
---------------------------------- */

/* TABLES ---- */
caption
{font-weight: bold;
text-align: left;
font-size: 12px;
padding: 0;
padding-bottom: 5px;
padding-top: 10px;
margin: 0;}

table
{border-collapse: collapse;
margin: 0;
margin-bottom: 15px;
width: 100%;}

table, td
{border: 1px solid #B1B5B9;
text-align: left;}

th, td
{padding: 5px;}

th
{background: #D9EDF7 url(http://static.yuku.com/common/bypass/images/mgr/forms/th-gradient.gif) repeat-x;
font-size: 12px;
border-left: none;
border-right: none;}

	th a
	{text-decoration: underline;
	color: #000;}

/* rows */
.row_even {background: #EBF1F4;}

/* FORMS ----
(layout and elements not used in nav) */

/* quick sign up skin picker */
.skin-selector
{display: block;
padding: 2px;}

.skin-selector:hover
{background: #FFEDBA;}

/* aligning editor buttons */
.mgr-editor-wrapper .buttons-holder
{text-align: left;}

/* General Elements */
input {font-weight: normal;}

fieldset, .mgr-text
{border: 1px solid #B1B5B9 !important;}

fieldset
{padding: 10px;
margin: 0;
margin-bottom: 15px;}

	.mgr-field
	{margin-bottom: .8em;
	clear: both;
	min-height: 2em;}

	fieldset .mgr-text
	{margin-bottom: 2px;}

	fieldset table
	{margin: 1px;
	width: 99.8%;}

.mgr-radio-label, .mgr-checkbox-label, .mgr-radio, .mgr-checkbox, .mgr-sublabel
{font-weight: normal;}

/* text field for entering URL */
.mgr-enter-url
{width: 113px !important;
margin-right: 5px;}

/* hide show form fieldsets (click on legend to activate) */
.mgr-fieldset-hidden * {display: none;}
.mgr-fieldset-hidden legend {display: inline;}

body form legend
{background: url(http://static.yuku.com/common/bypass/images/mgr/forms/collapse.gif) no-repeat right center;
color: #1972C6;
font-size: 12px;
cursor: pointer;
padding-right: 20px;
padding-bottom: 2px;} /* testing */

	.mgr-fieldset-hidden legend
	{background: url(http://static.yuku.com/common/bypass/images/mgr/forms/expand.gif) no-repeat right center;}

/* hide toggle image on pages not using form plugin */
body#profile_edit form legend
{background-image: none;
padding-right: 0;}

label
{font-weight: bold;}

	label small
	{font-weight: normal;
	font-size: 10px;}

textarea
{font-size: 11px;
height: 9em;
margin: 0 0 .4em 0;}

textarea:focus
{background: url(http://static.yuku.com/common/bypass/images/mgr/forms/focus-textarea.gif) repeat-x;}

.mgr-content select
{max-width: 770px;}

/* general logic */
.shift-left
{margin-left: -10000px !important;}

.hide {display: none;}

.show-top, .show-bottom
{display: block;}

.show-top
{top: 100%;}

.web2select {position: relative;}
.web2select {z-index: 1; position: relative;}
.web2select-opened {z-index: 10 !important;}

.show-bottom {bottom: 100%;}

.mgmt-content .web2select, .mgmt-content .mgr-compound
{width: 285px !important;}

/* core layout for selects */
.web2select
{cursor: pointer;
position: relative;
margin: 0;
padding: 0;
color: #000 !important;}

.web2select,
.web2select h2
{text-align: left;
display: inline;}

	.web2select ul
	{margin: 0;
	padding: 0;}

		.web2select ul li
		{text-align: left;
		margin: 0;
		padding: 3px;}

		.web2select ul li.optgroup
		{padding: 0;}

			.web2select ul li li
			{padding-left: 1.5em;}

	.web2select h2,
	.web2select h3
	{margin: 0;
	padding: 0;
	font-size: 1em;}

	.web2select h3
	{font-size: 0.8em;}

	.web2select-dropdown
	{overflow: auto;
	position: relative;
	left: -1px;}

	.web2select-large-dropdown {
	height: 132px;
	}

.show.top
{top: auto;
bottom: 100%;}

/* Error Styles ---- */
.mgr-invalid span.mgr-error-message
{color: red !important;
text-align: left;
display: block;
margin-left: 360px;
width: 280px;
margin-bottom: .5em;
clear: both;}

.mgr-invalid textarea, .mgr-invalid .mgr-text
{background: #FFCCCC;}

/* CAPTCHA ---- */
.old-captcha .captcha_image
{margin-left: 48%;}

#captchaImage
{background-color: #FFF;
padding-left: 39px;
padding-right: 38px;}


div.captcha-image
{padding-left: 48%;
margin-bottom: 8px;}

	.captcha-image img, .captcha_image img
	{border: 1px solid #B1B5B9;}

	span.mgr-captcha-instructions
	{margin-left: 0;
	text-align: left;}

/* Element layout ---- */
.mgr-sublabel,
.mgr-compound select
{margin-right: 1em;
vertical-align: middle;
position: relative;}

div.mgr-compound
{width: 49%;
float: left;
margin-bottom: .8em;}

form table {margin-bottom: 1em;}

.mgr-confirm
{margin-top: .5em;
margin-bottom: .5em;}

label.mgr-confirm {clear: left;}

/* CONTROLS (form submit buttons ) ---- */
.corp-controls,
.mgr-controls
{margin-top: 1em;
margin-bottom: 2.5em;
text-align: right;
min-height: 1.5em;}

.corp-controls.separator
{border-top: 1px solid #CCC;
padding-top: 5px;}

	.dialogbox .mgr-controls,
	.dialogbox .corp-controls
	{margin-bottom: 0;
	margin-top: 10px;
	clear: both;
	min-height: 1.5em;}

	.mgr-box .corp-controls,
	.mgr-box .mgr-controls
	{margin-bottom: 0;}


/* Column Style Layout for Forms
---------------------------------- */

/* labels */
label.mgr-wide,
.mgr-label-faker,
.old-captcha label
{display: block;
width: 48%;
max-width: 358px;
float: left;
position: relative;}

.mgr-label-faker {margin: 0;}

/* inputs */
.old-captcha input,
input.mgr-wide,
textarea.mgr-wide,
.mgr-input-faker,
div.mgr-wide
{width: 275px;}

select.mgr-wide
{width: 283px;}

/* upload/browse */
input.mgr-upload
{width: auto !important;}


/* SPECIAL ELEMENT STYLES
---------------------------------- */

/* STYLED SELECTS ---- */
.web2select
{display: block;
float: left;
width: 283px !important;
border: 1px solid #a6a6a6;
background-color: white;
background-image: url(http://static.yuku.com/common/bypass/images/mgr/forms/form-select-drop-arrow.gif);
background-repeat: no-repeat;
background-position: 251px 1px;
padding: 1px 0;}

.web2select h2
{display: block !important;
font-weight: normal;
padding: 3px 3px 4px 3px;
margin-left: 1px;}

* html .web2select h2
{width: 275px;
float: left;}

/* focused */
.web2select.focus h2
{padding: 2px 2px 3px 2px;
width: 242px;
border: 1px dashed #808080;}

* html .web2select.focus h2
{padding: 2px 3px 3px 3px;
width: 240px;}

/* DROP DOWN LIST ---- */
.dropdown ul
{z-index: 2 !important;
list-style: none;}

	.dropdown li
	{list-style-image: none !important}

.dropdown {position: relative;}

.web2select-dropdown
{width: 281px !important;
border: 1px solid #a6a6a6;
padding: 1px !important;
background-color: white;
color: #000 !important;}

.web2select-dropdown li
{background-color: #ddd;}

li.web2select-selected-option
{background-color: #c0bfbf;}

/* selected items */
ul.web2select-dropdown li:hover
{background-color: #eee;}

/* FILE UPLOAD ---- */
.mgr-add-file, .mgr-remove-file
{cursor: pointer;}

.mgr-upload
{font-size: small;}

/* LINK BUTTONS (not actually form elements) & buttons in Tables
---------------------------------- */
a.mgr-button, a:visited.mgr-button, p.mgr-button, p.mgr-button a, p.mgr-button a:visited, li.mgr-button,
li.mgr-button a, li.mgr-button a:visited, span.mgr-button,
table input.mgr-button, .mgr-button,
.mgmt-content input.mgr-button
{background: #DDEEF7 url(http://static.yuku.com/common/bypass/images/mgr/forms/plain-button-gradient.gif) repeat-x;
border: 1px solid #79A9BE;
color: #000;
text-decoration: none !important;
text-align: center;
text-transform: none;
font-size: 10px;
font-weight: normal;
padding: 3px;
width: auto;
height: auto;}

li.mgr-button
{padding: 3px !important;}

.mgmt-content input.mgr-button, .mgr-button
{padding: 2px;}

.dropdown ul li a {background: none !important;}

/* simple delete buttons */
a.mgr-delete, table .mgr-delete, input.mgr-delete, .mgr-button.delete
{background: #FCCBCB url(http://static.yuku.com/common/bypass/images/mgr/forms/plain-button-gradient-delete.gif) no-repeat !important;
border: 1px solid #C38181 !important;}

span.mgr-button a
{text-decoration: none !important;
color: #000 !important;}

p.mgr-button a,
li.mgr-button a
{border: none;
padding: 0;
background: transparent;}

/* buttons in table */
body table .mgr-button
{padding-top: 1px !important;
padding-bottom: 1px !important;}

/* image delete button (red) */
.corp-controls .mgr-button.mgr-delete, .corp-controls .mgr-button.delete,
.mgr-controls .mgr-button.mgr-delete, .mgr-controls .mgr-button.delete
{background: url(http://static.yuku.com/common/bypass/images/mgr/forms/button-delete.gif) no-repeat !important;
border: none !important;}

.corp-controls .mgr-button.mgr-delete:hover, .corp-controls .mgr-button.delete:hover,
.mgr-controls .mgr-button.mgr-delete:hover, .mgr-controls .mgr-button.delete:hover
{background: url(http://static.yuku.com/common/bypass/images/mgr/forms/button-delete.gif) no-repeat 0 -25px !important;}

/* ban/unban button (orange) */
.current-status .ban, .current-status .unban
{background: #FFDEC8 url(http://static.yuku.com/common/bypass/images/mgr/forms/plain-button-gradient-ban.gif) no-repeat !important;
border-color: #BF8965;}

/* warn button (yellow) */
.current-status .warn
{background: #FFEDAC url(http://static.yuku.com/common/bypass/images/mgr/forms/plain-button-gradient-warn.gif) no-repeat !important;
border-color: #AA9753;}

/* fix user interact buttons in mini profile greyscreen */
/*	#profile_mini .button
	{display: block;
	width: 150px;}

	#profile_mini ul
	{width: 525px;}
*/

a.mgr-button:hover, .mgr-button:hover, span.mgr-button:hover, table input.mgr-button:hover,
input.mgr-link-button:hover, .mgr-add-file:hover, button:hover,
#profile_mini .button:hover,
.mgmt-content input.mgr-button:hover
{background-color: #FFF !important;
background-image: none;}

a.mgr-button:active, span.mgr-button:active, table input.mgr-button:active,
input.mgr-link-button:active, mgr-add-file:active, button:active,
#profile_mini .button:active,
.mgmt-content input.mgr-button:active
{border-style: inset !important;}

/* edit button in greyscreen box */
/*
body#profile_mini .boxheading .button
{background-color: transparent !important;
border: none !important;
text-align: right;}
*/


/* CALENDAR
---------------------------------- */

.mgr-date input { width: 243px; }
.mgr-date img { margin-left: 5px; }

/* calendar box */
.calendar-popup
{font-size: 10px;
width: 275px;
/*
height: 200px;
*/
font-weight: bold;
color: #333 !important;}

.calendar-popup .mgr-boxbody
{height: 190px !important;}

	.calendar-popup ul
	{list-style: none;
	margin: 0;
	padding: 0 !important;}

	/* controls - close button */
	.calendar-popup .mgr-box-controls
	{position: static;
	height: .5em;
	clear: left;}

		.calendar-popup .mgr-box-controls span
		{position: absolute;
		top: 0.3em;
		right: 0.5em;
		text-transform: uppercase;
		line-height: 1em;
		padding: 0 1px;
		cursor: pointer;
		border: 1px solid #B1B5B9;
		font-weight: normal;}

.calendar-holder
{position: relative !important;}

	.calendar-holder .dropdown ul
	{background-color: #d9e8ff;
	width: 100%;}

	.calendar-holder .dropdown p
	{text-align: center;
	margin: 0;}

/* Select Month and Year ---- */
.calendar-year-minus,
.calendar-year-plus,
.calendar-month-minus,
.calendar-month-plus
{text-indent: -15000px;
width: 25px;
height: 21px;}

.calendar-year-minus,
.calendar-year-plus,
.calendar-month-minus,
.calendar-month-plus,
.calendar-holder .dropdown
{position: absolute;
top: 0.5em;
cursor: pointer;}

.calendar-month-minus,
.calendar-year-minus
{background-image: url(http://static.yuku.com/common/bypass/images/mgr/forms/calendar-left-arrow.gif);}

.calendar-month-plus,
.calendar-year-plus
{background-image: url(http://static.yuku.com/common/bypass/images/mgr/forms/calendar-right-arrow.gif);}

.calendar-month-minus,
.calendar-month-plus,
.calendar-year-minus,
.calendar-year-plus
{z-index: 2;}

.calendar-months,
.calendar-years
{z-index: 1;}

/* select year */
.calendar-year {width: 90px;}
.calendar-year-minus {right: 90px;}
.calendar-year-plus {right: 0;}

.calendar-years
{top: 6px !important;
right: 22px;
width: 78px;
border: 1px solid #b1b5b9;}

	.calendar-years ul
	{overflow-y: scroll;
	height: 14em;}

	.calendar-years .calendar-year
	{padding: 3px 0 !important;
	background-color: #d9e8ff;}

/* select month */
.calendar-month-minus {left: 0;}
.calendar-month-plus {left: 102px;}

.calendar-months
{top: 6px !important;
left: 24px;
width: 78px;
border: 1px solid #b1b5b9;}

	.calendar-months .calendar-month
	{text-align: center;
	margin-top: 2em;
	padding: 3px 0 !important;
	background-color: #d9e8ff;}

/* Calendar Days ---- */
.calendar-days
{padding-left: 5px !important;
position: relative !important;
top: 35px !important;}

	.calendar-days li
	{text-align: center;
	vertical-align: bottom;
	width: 34px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 4px;
	float: left;
	cursor: pointer;}

	.calendar-days li:hover
	{background-color: #d9e8ff;}

.calendar-curent-day,
.calendar-current-day
{background-color: #237acb;
color: #FFF !important;}

li.calendar-week,
li.calendar-day-name
{cursor: auto;
background: #FFF !important;}

/* dropdown lists */
.calendar-holder .dropdown ul
{width: 78px;}

.calendar-popup-visible-top,
.calendar-popup-visible-bottom
{z-index: 700000 !important;}

.calendar-past-month-name,
.calendar-next-month-name
{background: #FFF !important;}

/*calendar pop up styles*/
.calendar-popup-holder
{position: relative;
margin-bottom: .8em;}

.calendar-popup-holder select
{display: none;}

.calendar-popup
{display: none;
z-index: 999999 !important;
position: absolute !important;
left: 0;}

.calendar-popup-visible-top .calendar-popup,
.calendar-popup-visible-bottom .calendar-popup
{display: block;}

.calendar-popup-visible-top .calendar-popup
{top: 100%;}

.calendar-popup-visible-bottom .calendar-popup
{bottom: 100%;}


/* TESTING CODE - The following code is for individual pages or sections,
it should probably stay in page/section specific CSS files later or be standardized */


/* SPECIAL BOX STYLES --------------------------------- */

/* DISPLAY BOX (blue, red and gray versions) ---- */
/* special link that goes at top of box */
.mgr-box-nav-link
{text-align: right;
margin-bottom: -2em;}

.mgr-display-box
{color: #FFF;
border: none !important;
margin-top: 25px;
clear: both;}

.mgr-display-box
{background: #2C80CE url(http://static.yuku.com/common/bypass/images/mgr/box/display-blue/gradient-box-left.jpg) no-repeat left top !important;}

	.mgr-display-box a
	{color: #FFF !important;}

	.mgr-display-box a.mgr-button
	{color: #000 !important;}

	.mgr-display-box .mgr-boxheading
	{position: absolute;
	background: none;
	margin-top: -15px;
	height: auto;
	padding: 0;
	color: #333;}

	/* remove above styles for calendar inside display box */
	.mgr-display-box .calendar-popup .mgr-boxheading
	{margin: 0;
	position: relative;}

		.mgr-display-box .mgr-boxheading *
		{margin: 0;
		font-size: 12px;}

	.mgr-display-box .mgr-boxbody
	{min-height: 100px;}

	.mgr-display-box .mgr-onionskin1
	{background: url(http://static.yuku.com/common/bypass/images/mgr/box/display-blue/gradient-box-right.jpg) no-repeat right top;
	margin: 0;}

	.mgr-display-box .mgr-onionskin2
	{background: url(http://static.yuku.com/common/bypass/images/mgr/box/display-blue/gradient-box-bl.gif) no-repeat left bottom;}

	.mgr-display-box .mgr-onionskin3
	{background: url(http://static.yuku.com/common/bypass/images/mgr/box/display-blue/gradient-box-br.gif) no-repeat right bottom;}

/* PLAIN BOX (box with grey outline, no header) ---- */
.mgr-category-box, .mgr-plain
{background: transparent !important;
clear: both;}

	.mgr-plain h3.mgr-header-faker
	{position: relative;
	margin-top: -25px;}

	/* delete later, moving to home.css */
	.mgr-category-box ul
	{margin: 0 2px 5px 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 24.5% !important;
	position: relative;}

		.mgr-category-box ul li
		{margin: 0;}

/* SIMPLE BOX (square box with no header, used in getting started guide) ---- */
.mgr-box.simple
{background: white !important;
padding: 10px;
position: relative;}

	.mgr-box.simple h2
	{font-size: 12px;
	margin-top: 0;
	margin-bottom: 8px;}

	.mgr-box.simple p
	{margin-top: 0;
	margin-bottom: 8px;}

	.mgr-box.simple p:last-child
	{margin-bottom: 0;}

/* Solid colored box --- */
.mgr-solid
{background: #D9E8FF !important;}

/* Colored Box (borderless, can be changed to any color) ---- */
.mgr-colored
{border: none !important;
background-image: none !important;}

	.mgr-colored .mgr-boxheading
	{background: url(http://static.yuku.com/common/bypass/images/mgr/box/borderless-tl.gif) no-repeat left top;
	height: 4px;
	padding: 0 !important;}

		.mgr-colored .mgr-boxheading h2
		{color: #333 !important;
		padding: 10px !important;}

	.mgr-colored .mgr-boxbody
	{padding-top: 0 !important;}

	.mgr-colored .mgr-onionskin1
	{background: url(http://static.yuku.com/common/bypass/images/mgr/box/borderless-bl.gif) no-repeat left bottom;
	margin: 0;}

	.mgr-colored .mgr-onionskin2
	{background: url(http://static.yuku.com/common/bypass/images/mgr/box/borderless-br.gif) no-repeat right bottom;}

	.mgr-colored .mgr-onionskin3
	{background: url(http://static.yuku.com/common/bypass/images/mgr/box/borderless-tr.gif) no-repeat right top;}

/* different colors for colored box (add extra classname to colored box to set the color) ------------ */
.lightblue {background-color: #C4D6EB !important;}
.blue {background-color: #B7CFE7 !important;}
.bluegray {background-color: #CFD4D8 !important;}
.gray {background-color: #DDD !important;}
.medgray {background-color: #A8A8A8 !important;}
.aquablue {background-color: #87C4DE !important;}
.lightaquablue {background-color: #D5EAF3 !important;}
.fadedblue {background-color: #CEDDEC !important;}
.paleyellow {background-color: #FFF8E3 !important;}
.paleorange {background-color: #FFEDBA !important;}

/* gray gradient box */
body .gray-gradient
{background: #A1A2A4 url(http://static.yuku.com/common/bypass/images/mgr/box/gray-gradient.gif) repeat-x !important;}

/* Dark blue box within a dark blue box (goes in display box) ---- */
.mgr-dark-blue
{background: #194975 url(http://static.yuku.com/common/bypass/images/mgr/box/dark-blue-box.gif) repeat-x !important;
border: none !important;
margin-bottom: 0 !important;
color: white;}

	.mgr-dark-blue label small
	{color: #FFF;}

	/* hide fieldset borders */
	.mgr-dark-blue fieldset
	{border: none !important;
	padding: 0;
	margin: 0}

	.mgr-dark-blue legend
	{display: none;}

	/* change error message text color */
	.mgr-dark-blue .mgr-invalid span.mgr-error-message
	{color: #FF9999 !important;}

	/* background gradient */
	body .mgr-display-box .mgr-dark-blue .mgr-boxbody
	{background-image: none !important;
	padding: 9px;}

	/* corners */
	.mgr-dark-blue .mgr-boxheading
	{background: url(http://static.yuku.com/common/bypass/images/mgr/box/dark-blue-tl.gif) no-repeat left top !important;
	margin: 0 !important;
	height: 5px;
	position: relative;}

	.mgr-dark-blue .mgr-onionskin1
	{background: url(http://static.yuku.com/common/bypass/images/mgr/box/dark-blue-bl.gif) no-repeat left bottom !important;}

	.mgr-dark-blue .mgr-onionskin2
	{background: url(http://static.yuku.com/common/bypass/images/mgr/box/dark-blue-br.gif) no-repeat right bottom !important;}

	.mgr-dark-blue .mgr-onionskin3
	{background: url(http://static.yuku.com/common/bypass/images/mgr/box/dark-blue-tr.gif) no-repeat right top !important;}


/* boxless text styles, text columns ---------------- */
.text-column-wrapper
{clear: both;
overflow: hidden;
padding-top: 1em;}

	.text-column-wrapper h2
	{/* color: #666; */
	margin-top: 1.5em;
	margin-bottom: .5em;
	font-size: 13px;}

	.text-column-wrapper h2:first-child,
	.text-column-wrapper h2.first-child
	{margin-top: 0;}

	.text-column-wrapper p,
	.text-column-wrapper ul
	{margin-top: 0;
	margin-bottom: .8em;}

	.text-column-wrapper ul
	{margin-left: 0;
	margin-right: 0;
	padding: 0;
	padding-left: 20px;}

	.text-column-wrapper li
	{margin-bottom: .8em;}

	.text-column-wrapper .mgr-box h2
	{color: #333;
	font-size: 1.2em;}

	.text-column-wrapper .image-with-caption
	{font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	font-style: italic;
	margin-bottom: 20px;}

/* columns */
.left-col
{width: 450px;
float: left;}

.right-col
{width: 307px;
float: right;}


/* GENERAL ------------------------ */

/* scroll over-sized content */
.mgr-content .scrolling
{overflow: auto;}

.mgr-content .scrolling
{overflow-x: auto;
overflow-y: hidden;
width: 100%;}

.clear
{clear: both;}

/* images included in sentences inline with text */
img.inline-image
{vertical-align: middle;}

/* Home info page nav (move later) ----------------------------------- */
ul.home-nav
{margin: 10px 0 20px 0;
padding: 0;
list-style: none;
overflow: hidden;}

ul.home-nav li
{text-align: center;
display: block;
float: left;
padding: 0;
width: 12.5%;}

	ul.home-nav li a
	{border: 1px solid #CCC;
	color: #237ACB;
	display: block;
	padding: 2px;
	margin: 2px;}

	ul.home-nav li a:hover
	{background: #E6EDF3;
	text-decoration: none;}

/* intro text */
.home-intro
{font-size: 14px;
margin-bottom: 20px;
overflow: hidden;
clear: both;}

	.home-intro h2
	{font-size: 16px;}

	.home-intro p,
	.home-intro h2
	{margin-top: 0;
	margin-bottom: 8px;}

/* ezboard home (move later) */
#home_ezboardhome .mgr-boxheading h2
{font-size: 18px !important;}

#home_ezboardhome .mgr-boxbody h3
{font-size: 14px;}

/* buttons */
.learn-more, .get-started
{display: block;
width: 96px;
height: 43px;
float: left;
text-indent: -5000px;
margin: 0 5px;}

a.learn-more
{background: url(http://static.yuku.com/common/bypass/images/mgr/home/faded-blue/learn-more.gif) no-repeat;}

a:hover.learn-more
{background: url(http://static.yuku.com/common/bypass/images/mgr/home/faded-blue/learn-more-hover.gif) no-repeat;}

a.get-started
{background: url(http://static.yuku.com/common/bypass/images/mgr/home/faded-blue/get-started.gif) no-repeat;}

a:hover.get-started
{background: url(http://static.yuku.com/common/bypass/images/mgr/home/faded-blue/get-started-hover.gif) no-repeat;}

#globaladmin_lastdomains .usergroups a {
    color:red;
}
#globaladmin_lastdomains .usergroups a:visited {
    color:black;
}