@import "/download/templates/css/grid16css";

/*--------------------------------------------- */
/*                 >>> HTML <<<                 */
/*--------------------------------------------- */

body {
	background: #dadada url(/download/gallery/img/bodypng) repeat-x 0 20px;
	font-family: Verdana, Arial, sans-serif;
_background: #ccc url();
}

#page { _background: #f5f5f5; }

* { outline: 0; }

a                { color: #0052a4; text-decoration: none; }
#tinymce a       { color: #0052a4 !important; text-decoration: none !important; }

a:hover          { color: #658408; text-decoration: none;}
#tinymce a:hover { color: #658408 !important; text-decoration: none !important; }

h1, h2, h3 { color: #590050;}

h2 { font-size: 14px; border-bottom: 1px solid #dfdfdf; margin-bottom: 0.5em; }

#poweredby a {
	margin-right: -9px;
}

.manage-panel a {
	color: #fff;
}

/*--------------------------------------------- */
/*                >>> LAYOUT <<<                */
/*--------------------------------------------- */

#page {}

#header, #navigation, #content, #footer-inner { margin: 0 auto; width: 940px; }

#main {
	border: 0px solid #ccc; 
	border-width: 0 0 1px; 

	/* position: relative; */
}

#navigation { 
	background-color: #fff;
	margin-top: -38px;
}
#content { background-color: transparent; }
#content-body {
	margin-top: 22px;
}
c#customcontent { padding-left: 5px; }

#header {
	height: 138px;
}

#header,
#header a {
	color: #fff;
}
#logo {
	margin-left: 5px;
}

#logo a {
	background:transparent url(/download/gallery/img/logopng) no-repeat scroll 0 0;
	
	display:block;
	height:0 !important;
	padding: 77px 0 0;
	overflow:hidden;
	width:186px;
}


/* CONTENT BOXES */

.box-body 		{ background-color: #fff; margin-top: 0px; padding-top: 0px; }
.box-head, .box-foot	{ background: url(/download-noauth/templates/img/whitecusto) no-repeat; }

.box-head, .box-foot	{ background: url(/download-noauth/templates/img/whitepng) no-repeat; }

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
	margin: 5px 5px 0;
}

.alpha, .omega { margin-left: 0; margin-right: 0; }

/* HOME BOXES */
#box-report.box-head,
#box-worlds.box-head,
#box-join.box-head,
#box-buzz.box-head,
#box-innovation.box-head 	{ background-image: url(/download/gallery/img/purplepng); }

#box-report .box-body 		{ height: auto; }
#box-worlds .box-body 		{ height: auto; }
#box-join .box-body 		{ height: auto; }
#box-buzz .box-body 		{ height: auto; }
#box-innovation .box-body 	{ height: 600px; }

#box-report.box-head h2,
#box-worlds.box-head h2,
#box-join.box-head h2,
#box-buzz.box-head h2,
#box-innovation.box-head h2 	{ color: #fff; background-color: #590050; margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px; }

.row { overflow: hidden; }

.button-custom { 
	background: url(/download/gallery/img/button01pn) no-repeat; 
	clear: right;	
	color: #fff;
	float: right; 
	font-size: 16px;
	font-weight: bold;
	line-height: 51px; 
	height: 51px; 
	margin-bottom: 1em;
	text-align: center;	
	width: 119px;
}
.button-custom a { color: #fff; display: block; }
.button-custom a:hover { color: #ccc; }
.button-02 { background-image: url(/download/gallery/img/button02pn); }


#header h1 {
	padding-top: 17px;
}

#footer { background: #fff; padding: 10px 0; }
#footer-inner {
	background: #590050 url(/download/gallery/img/box940inne) no-repeat;
	color: #fff;
}

#footer-custom, #footer-system { padding: 10px; }

#footer-system {
	background: #590050 url(/download/gallery/img/box940inne) no-repeat 0 100%;
}

#footer-inner a {
	color: #fff;
}

#footer-inner a:hover {
	color: #bcdfff;
	text-decoration: none;
}


#signin #content-inner,
#community #content-inner {
	padding: 18px;
}

/* PAGE HEADINGS - CONTENT-HEAD
_______________________*/

#content-head { background: url(/download/gallery/img/contenthea~2) no-repeat 0 28px; overflow: hidden; }
#content-head #breadcrumb	{ padding: 4px 0 6px 9px; }
#content-head #breadcrumb a	{ color: #c2c2c2 !important; }
#content-head h1			{ 
	background: #590050 url(/download/gallery/img/contenthea) no-repeat;
	border-right: 2px solid #fff;
	color: #fff; 
	float: left;
	font-size: 24px; 
	height: 71px; 
	line-height: 71px;
	margin-right: 10px;
	padding: 0 20px;
}

#myprofile #content-head h1, #myprofile #content-head h1 a { color: #fff; padding: 0 20px; }

#myprofile #content-head h1,
#blogs #content-head h1,
#calendar #content-head h1, 
#forums #content-head h1,
body.system #page #content-head h1,
body.workarea #page #content-head h1 { margin: 0; }

.system #content-head { min-height: 88px; height: 88px; }

#blogs.landing #content-head h1,
body.workarea.landing #page #content-head h1,
#forums.landing #content-head h1,
#members.landing #content-head h1,
#gallery.landing #content-head h1 { margin: 18px 0; }


/* #blogs.landing #content-head h1, */
#calendar.landing #content-head h1,
#members.landing #content-head h1,
#myprofile.landing #content-head h1,
#myprofile.system #page #content-head h1,
#search.landing #page #content-head h1,
#wiki.landing #page #content-head h1 { margin: 28px 0; }

#myprofile #content-head { background-color: transparent !important; padding-left: 0; }
#content-head #profilestatus, #content-head #clearstatuslink, #content-head #profilestatusform, #content-head #publicstatus { float: right; margin-top: 5px !important; }


#contentmenu { float: right; margin: 4px 11px 0 0; height: 18px; width: 16px; }

#search-keyword {
	background: url(/download/gallery/img/searchpng) no-repeat;
	padding: 10px 15px;
	right: 0px; top: 0px;
}



table.calendar th a:hover, table.worktable th a:hover {
	background-image:url(/cmedia/themes/jetstream/img/thead_on.gif);
}

table.worktable th {
	border-bottom: 1px solid #ccc;
}

/*--------------------------------------------- */
/*              >>> COMPONENTS <<<              */
/*--------------------------------------------- */

#userbar {
	background: #000;
}

#userbar-signin,
#userbar-signin a {
	color: #5193d8 !important;
}

/* SYSTEMNAV
=============================================== */

#systemnav {
	margin: 9px 0 18px 0;
}

/* ACTIONBAR
=============================================== */

#actionbar {
	border-top: 1px solid #ddd;
	width: 100%;
	margin: 0px;
	font-size: 11px;
}


#actionbar-triggers {
	background: transparent url(/download/gallery/img/purplepng) no-repeat 0 -344px;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#actionbar-triggers li {
	margin-top: 0.25em;
	padding-left: 2px;
}


#actionbar-triggers a,
#actionbar-triggers span span {
	background-position: 3px 40%;
	padding: 0.45em 0.5em 0.5em 24px;
	text-decoration: none;
	color: #fff !important;
}

#actionbar-triggers span.divider {
	margin-left: 0.25em;
	padding-left: 1em;
}

#actionbar a                       { color: #fff; }
#actionbar-triggers span span,
#actionbar-triggers li.active a,
#actionbar-triggers a:hover        { color: #80a8e5; }

#actionbar-triggers li.active a { color: #133463;}
#actionbar-triggers li.active a:hover { color: #133463;}

#actionbar                         { background: #ccc url(/cmedia/img/interface/thead.gif) 0 -20px  repeat-x !important; }
/*#actionbar-triggers                { background:         url(/cmedia/themes/jetstream/img/actionbar-left.gif) no-repeat; }*/
/*#actionbar-triggers ul             { background:         url(/cmedia/themes/jetstream/img/actionbar-right.gif) no-repeat 101% 0; }*/
/*#actionbar-triggers li.active      { background: #bcbcbc url(/cmedia/themes/jetstream/img/actionbar-tab-left.gif) no-repeat; }*/

#actionbar-triggers li.active      { background: transparent url(/cmedia/themes/jetstream/img/trailer_trigger_active.gif) no-repeat scroll 50% 100%; }
/*#actionbar-triggers li.active span { background:         url(/cmedia/themes/jetstream/img/actionbar-tab-right.gif) no-repeat 100% 0; }*/

#actionbar-triggers li.help        { background:         url(/cmedia/img/icons/actionbar_help.gif) no-repeat; }
#actionbar-panels div.panel        { background: #666  repeat-x; color: #fff !important; margin: 0px 1px; }
#actionbar-panels div.panel a      { color: #fff; text-decoration: underline; }

#actionbar a.icon-audioplayer      { background-image: url(/cmedia/themes/jetstream/img/music_icon.gif); }

span.datepicker {
	color: #000;
}

span.meta, span.meta a {
	color: #dadada;
}

#uploader-submit{
	margin-right:1em;
}

/* ACTIONBUTTONS
=============================================== */

#actionbuttons {
	background: #ccc url(/cmedia/img/interface/thead.gif) 0 -14px  repeat-x !important;
	border: 1px solid #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* TRAILERBAR
=============================================== */

#trailer {
	padding: 9px;
	margin-top: 0px;
}

#trailerbar {
	background: #ccc;
}

#trailerbar-triggers {
	padding: 0 9px;
	border: 0px !important;
}

#trailerbar-triggers a {
	color: #666;
	font-size: 11px;
}

#trailerbar-triggers a:hover {
	color: #333;
	text-decoration: none;
}

#trailerbar-triggers li.active a {
	color: #333;
}

#trailerbar-panels {
	background: #666 !important;
	font-size: 11px;
}

#trailerbar-panels .panel {
	background: #666 !important;
	color: #fff;
	border: 0px !important
}

#trailerbar-panels .panel a {
	color: #fff;
	text-decoration: underline;
}

#trailerbar-triggers li.active {
	background: transparent url(/cmedia/themes/jetstream/img/trailer_trigger_active.gif) no-repeat scroll 50% 100%;
}

#trailerbar-panels .padding {
	border-color: #666 !important;
}

/* LOGO/TAGLINE
=============================================== */

#logo {
	padding-top: 9px;
}

/* PRIMARYNAV
=============================================== */

#primarynav {
	border-bottom: 3px solid #590050;
	font-size: 11px;
	font-weight: bold;
	height: 37px;
	overflow: hidden;
	
}

#primarynav ul {
	float: left;
	margin: 8px 0 0 0;
}

#primarynav li {
	float: left;
	margin: 0 6px 0 0;
	padding: 0;
}

#primarynav li a {
	margin: 0px;
}

#primarynav a {
	display: block;
	margin: 0;
	padding: 2px 9px 4px;
	color: #590050;
}

#primarynav a:hover {
	color: #c1c1c1;
	text-decoration: none;
}

#primarynav li.here		{  }
#primarynav li.here a	{ }

#primarynav li.join		{  }
#primarynav li.join a	{ }
#primarynav li.join a:hover { color: #e7ff89; }



/* THUMBNAIL
=============================================== */

#gallery span.thumbnail-crlarge {
	background: url(/cmedia/img/effects/shadow_new.png) no-repeat 100% 100%;
	width: 171px;
}

#gallery span.thumbnail-crlarge span.thumbnail-padding {
	background: url(/cmedia/img/effects/shadow_fade.png) no-repeat;
	padding: 0px 9px 9px 0px;
}

#gallery span.thumbnail-featured {
	background: url(/cmedia/img/effects/shadow_featured.png) no-repeat 100% 100%;
}

* html #gallery span.thumbnail-crlarge,
* html #gallery span.thumbnail-crlarge span.thumbnail-padding,
* html #gallery span.thumbnail-featured {
	background-image: none;
}


/* WIDGETS
=============================================== */

td.leftcolumn,
td.rightcolumn {
	width: 220px;
}


/* Application Adjustments
-------------------------------------*/

#gallery-list.basic span.actions {
	margin-top: -27px;
}

#gallery-list span.title-wrapper {
	margin-top: 0;
}

#gallery-covers span.thumbnail {
	margin: 0 9px 9px 0;
}

#members-profile {
	margin-bottom: 0.75em;
}

#forums-categories td.header {
	background-color: #ccc;
}

.heading4,
#refinement h3,
#refinement-posts h3,
#search-section h3,
p.showing {
	background: #e7e7e7 !important;
}

#content-head .memberlink {
	margin-right: 9px;
	margin-top: 36px;
}



#members #content-head .memberlink {
	margin: 0 9px 0 0;
}

/* PROFILESTATUS
-------------------------------------*/

#profilestatus,
#clearstatuslink,
#profilestatusform,
#publicstatus {
	margin-top: 26px !important;
}

#profilestatusform span,
#profilestatusform div {
	margin-top: 0px !important
}

#profilestatus li.set {
	border-color: #fff !important;
}


/* PROFILE PAGES
-------------------------------------*/

.profile-page {
	padding: 0 1.25em 1.25em;
}

#myprofile #content-body {
	padding: 0px;
}

#myprofile #systemnav {
	margin-top: 0px;
}

}

#myprofile #profile {
	padding: 0 1.25em;
}

#messages-notify {
	margin-bottom: 0px;
}

#refinement-blogs ul li .meta,
#refinement ul li .meta,
#inboxmessagestable td.name .meta,
#memberslist li div .meta,
#uploader-queue .file .meta,
.details span.meta {
	color: #777 !important;
}

#publicprofile {
	padding: 0 18px !important;
}

.form-column .meta {
	color: #888 !important;
}


* html #content-head {
        height: 117px;
        background-image: none
}

* html #content-head h1 { 
        background-image: none;
        background-color: #590050;
 }