/* CSS Document */

/************************************************************************

	Site:		Wacom Community

	Author:		eROI		[www.eroi.com]

	Client:		Wacom		[www.wacom.com]

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Main Content
	4 - Sub Navigation
	5 - Left Navigation
	6 - Footer Navigation


************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/
body
{
	margin: 0;
	padding: 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Helvetica, Arial, Sans-Serif;
	background: #ffffff;
	color: #797878;
}

html, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td, fieldset
{
	margin: 0;
	padding: 0;
}

a
{
	color: #00a1de;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a.fancy
{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -100000em;
}
	h1.fancy,
	h2.fancy,
	h3.fancy,
	h4.fancy,
	h5.fancy,
	h6.fancy
	{
		display: block;
		height: 100%;
	}

a.block
{
	display: block;
	width: 100%;
	height: 100%;
}

a img
{
	border: none;
}

ul.nobullets,
ol.nobullets,
ul.poll_widget_choice_list,
.error_container ul.errors
{
	list-style: none;
}
	.error_container ul.errors
	{
		margin-bottom: 15px;

		color: #ff0000;
		font-size: 1.2em;
	}

ul.horizontal li,
ol.horizontal li
{
	float: left;
}

.col
{
	float: left;
}
.colR
{
	float: right;
}

.clearLeft
{
	clear: left;
}
.clearBoth
{
	clear: both;
}

.floatNone
{
	float: none;
}

.nobold
{
	font-weight: normal;
}

input,
textarea,
select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#6a6768;
}
	input.checkbox
	{
		width: 13px;
		height: 13px;
		margin: 0;
		padding: 0;
	}

	select#order {
		margin-right:5px;
	}

h2
{
	color: #00a1de;
	font-size: 1.8em;
	font-weight: normal;
}

h3
{
	font-size: 1.6em;
	font-weight: normal;
}

p
{
	font-size: 1.2em;
	line-height: 1.4em;
}

.box
{
	border: 1px solid #c1c1c1;
}
	.box.stripeback
	{
		background: url(../images/box-stripe_background.gif);
	}

.border_top
{
	border-top: 1px solid #dad8d9;
}

.nowrap
{
	white-space: nowrap;
}

.textRight
{
	text-align: right;
}

.caps
{
	text-transform: uppercase;
}

.blue
{
	color: #00a1de;
}

.lightGreen
{
	color: #21d62e;
}

.red
{
	color: #ff1c1c;
}

.gold
{
	color: #f0b80f;
}

.white
{
	color: #ffffff;
}

.img img
{
	border: 1px solid #6f6f6f;
}

.ui-tabs-hide { display: none; }
/***********************************************************************
	CONTAINER
************************************************************************/
.container
{
	width: 950px;
	margin: 0 auto;
}
/***********************************************************************
	HEADER
************************************************************************/
.header
{
	width: 950px;
	/*margin: 0 auto 33px auto;*/
	margin: 0 auto 0 auto;
}
	.header .bluebar
	{
		width: 100%;
		background: #0097d4;
	}

	.header .logo
	{
		width: 130px;
		height: 30px;
		margin-top: 25px;
		margin-left: 15px;
		background: url(../images/header-logo.jpg) no-repeat;
	}
		.header .logo.admin
		{
			margin-bottom: 25px;
		}
		.header .logo a
		{
			height: 30px;
		}
	.header .worldwide
	{
		width: 122px;
		height: 80px;
		margin-right: 15px;
		background: url(../images/header-worldwide.jpg) no-repeat;
	}
		.header .worldwide a
		{
			height: 80px;
		}

.header .topnav ul li
{
	width: 115px;
	padding: 3px 0;
	border-left: 1px solid #80cbea;

	color: #ffffff;
	font-size: 1.2em;
	text-align: center;
}
	.header .topnav ul li a
	{
		color: #ffffff;
	}

.header .silverbar
{
	padding-top: 6px;
	background: #e6e6e6 url(../images/header-arrow.gif) 697px 0px no-repeat;
}
	.header .secnav ul li
	{
		margin-left: 32px;
		padding: 5px 7px 10px 7px;
		font-size: 1.2em;

		display: inline; /* IE6 double margin bug */
	}

	.header .secnav ul.rightNav li {
		margin-left:14px;
	}
	.header .secnav ul li.on
	{
		background: #ffffff;
	}

.header .language_select
{
	margin-right: 25px;
}
	.header .language_select select
	{
		color: #797878;
		font-size: 10px;
	}
/***********************************************************************
	BREADCRUMB
************************************************************************/
.breadcrumb
{
	margin-top: 25px;
	padding-bottom: 17px;
	/*background: url(../images/breadcrumb-bot_cap.gif) bottom left no-repeat;*/
}

.breadcrumb .col
{
	/*margin-left: 25px;*/
	width:350px;
	display: inline; /* IE6 double margin bug */
}

.breadcrumb .col p {
	padding:5px 20px 9px 0;
	font-size:1.4em;
}
.breadcrumb .colR
{
	/*margin-top: 13px;
	margin-right: 25px;*/
	width:600px;
	display: inline; /* IE6 double margin bug */
}

.breadcrumb .colR img {
float:right;
}

.breadcrumb-old {
	margin-top: 25px;
	padding-bottom: 17px;
	background: url(../images/breadcrumb-bot_cap.gif) bottom left no-repeat;
}

.breadcrumb-old .col
{
	margin-left: 25px;
	display: inline; /* IE6 double margin bug */
}

.breadcrumb-old .colR
{
	margin-top: 13px;
	margin-right: 25px;
	display: inline; /* IE6 double margin bug */
}

/***********************************************************************
	PAGE CONTENT CONTAINER
************************************************************************/
.page_content
{
	margin-top: 20px;
}
/***********************************************************************
	ACCORDION
************************************************************************/
.set
{
	margin-bottom: 25px;
}

.set img.thumb
{
	border: 1px solid #6f6f6f;
}

.accordionHeader,
.setHeader
{
	padding: 5px 15px;
	background: #e6e6e6;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
}
	.accordionHeader h3,
	.setHeader h3
	{
		color: #6f6f6f;
		font-size: 1.8em;
		font-weight: normal;
	}
	.accordionHeader h4,
	.setHeader h4
	{
		margin-top: 5px;
		color: #00a1de;
		font-size: 1.2em;
		font-weight: normal;
	}

ul.accordionList li,
ul.setList li
{
	width: 88px;
	margin-left: 15px;
	padding-bottom: 15px;
}
	ul.setList li
	{
		margin-left: 36px;
	}
		ul.setList.smallThumbs li
		{
			width: 60px;
			margin-left: 40px;
		}
	ul.accordionList li h4,
	ul.setList li h4
	{
		font-size: 1.2em;
		font-weight: normal;
	}
	ul.accordionList li h5,
	ul.setList li h5
	{
		color: #6f6f6f;
		font-size: 1.3em;
		font-weight: normal;
		text-align: left;
	}
	ul.accordionList li p,
	ul.setList li p
	{
		font-size: 1.0em;
	}

.non-accordion ul.accordionList
{
	margin-left: 22px;
}
	.non-accordion ul.accordionList li
	{
		margin-left: 27px;
	}

ul.setList.aGrid li
{
	width: 88px;
	display: block;
	min-height: 200px;
	height: auto !important; /* IE6 min-height hack (part 1 of 2) */
	height: 200px; /* IE6 min-height hack (part 2 of 2) */
}
	.moderation_mode ul.setList.aGrid li
	{
		min-height: 190px;
		height: auto !important; /* IE6 min-height hack (part 1 of 2) */
		height: 190px; /* IE6 min-height hack (part 2 of 2) */
	}
/***********************************************************************
	SETS
************************************************************************/
.set .setContent
{
	padding: 13px;
}
/***********************************************************************
	PAGINATION
************************************************************************/
.pagination-link
{
    margin-right: 3px; margin-left: 3px;
}
.pagination-link.current
{
	font-weight: bold;
	text-decoration: underline;
}
/***********************************************************************
	COMMUNITY UPDATES (WACOM)
************************************************************************/
ul.community_updates li
{
	padding: 10px;
	border-top: 1px solid #c1c1c1;
}
	ul.community_updates li.first
	{
		border: none;
	}
	ul.community_updates.with_delete li
	{
		padding-top: 0;
	}
	ul.community_updates.with_delete .wacom_bug,
	ul.community_updates.with_delete .wacom_item
	{
		margin-top: 10px;
	}


.col.wacom_bug
{
	width: 15px;
	height: 16px;
	margin-right: 6px;

	background: url(../images/updates-wacom.gif) 0px 2px no-repeat;
	text-indent: -100000em;
}
.col.wacom_item
{
	width: 150px;
}
/***********************************************************************
	HOT TOPICS
************************************************************************/
ul.community_updates li.last
{
	border-bottom: 1px solid #c1c1c1;
}
/***********************************************************************
	SUB FOOTER
************************************************************************/
.subFooter
{
	margin-bottom: 10px;
}

.subFooter .ad
{
	width: 625px;
	margin-right: 18px;
	/* width: 623px; height: 148px; border: 1px solid #c1c1c1;*/
}

.subFooter .feedback
{
	width: 307px;
	background: url(../images/feedback-top_cap.gif) no-repeat;
}
/***********************************************************************
	FOOTER
************************************************************************/
.footerBk
{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 35px;
	padding: 15px 0;
	background: #e6e6e6;
}

.footer
{
	width: 900px;
	margin-left: 30px;

	color: #8b898a;
}

.footer a
{
	color: #8b898a;
}

.footer p
{
	margin-top: 5px;
	font-size: 1.1em;
}

.footer h6
{
	width: 100%;
	margin: 10px 0 5px 0;
	padding-top: 5px;
	/*border-top: 1px solid #80cbea;*/

	font-size: 1.0em;
	font-weight: normal;
}
/***********************************************************************
	PAGE WATERMARK (beta)
************************************************************************/
.page_watermark
{
	position: fixed;
	z-index: 10000000;
	bottom: 0;

	width: 938px;
	margin: 0 auto;
	padding: 5px;

	background: #e6e6e6;
	border: 1px solid #797878;
	border-bottom: none;
}
* html div.page_watermark
{
	position: absolute;
	top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop + (document.body.clientHeight-this.clientHeight));
}

/***********************************************************************
	EXPANDABLE SECTIONS
************************************************************************/
.expandable
{
	margin-top: 10px;
}

.expandable h3.switch
{
	padding: 5px 10px;

	background: #e6e6e6 url(../images/dashboard_sidebar-expandable_arrow_down.gif) center right no-repeat;

	color: #6a6768;
	font-size: 1.2em;

	cursor: pointer;
}
	.expandable h3.switch.minimized
	{
		background-image: url(../images/dashboard_sidebar-expandable_arrow_left.gif);
	}
/***********************************************************************
	CLUETIP
************************************************************************/
.cluetip .imgColumn
{
	width: 100px;
}

.cluetip .imgMeta
{
	width: 150px;
}

a.whatisthis
{
	font-size: 0.8em;
	margin-left: 7px;


}

a.whatisthis img {
	border:none !important;
	margin-top:2px;
}

.leftSidebar a.whatisthis img {
	margin-bottom:5px;
}
/***********************************************************************
	HOVER TIP
************************************************************************/
.hovertip,
* html .hovertipContainer
{
	position: static;
	z-index: -5;

	float: left;
}
	.hovertipHover
	{
		position: absolute;
		z-index: 800 !important;

		float: left;

		width: 180px;
		padding: 5px;

		background: #ffffff !important;
		border: 1px solid #d0d0d0;
	}

	.hovertipContainer .hoverhide {
		margin-top:5px;
	}

.hovertip div.hoveronly
{
	display: none;
	margin: 5px 0;
	background: #ffffff !important;
}
.hovertip span.hoveronly
{
	display: none;
	background: #ffffff !important;
}
/***********************************************************************
	STATIC PAGE
************************************************************************/
div.static
{
	width: 890px;
	margin: 0 auto;
}

.support-item
{
	margin-top: 20px;
}
.support-item p
{
	margin-top: 7px;

}

.toc-box
{
	width: 275px;
	border: 1px solid #aaaaaa;
	margin-bottom: 20px;
	padding: 10px;
	background: #f9f9f9;
}

ol.toc,
ul.toc
{
	margin-top: 5px;
	margin-left: 25px;
}
	ol.toc li,
	ul.toc li
	{
		font-size: 1.2em;
	}

p.static
{
	margin: 10px 0;
}
p.static.headline
{
	font-weight: bold;
}
/***********************************************************************
	99 - SELF-CLEARING FLOATS
************************************************************************/
.first,
.nomargins
{
	margin: 0 !important;
}

.nopadding
{
	padding: 0 !important;
}

.noborder
{
	border: none !important;
}

.widthauto
{
	width: auto !important;
}

.floatwrapper:after,
.gridFirst:after,
.post:after,
#footer:after
{
	/* Firefox */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .floatwrapper,
* html .gridFirst,
* html .post,
* html #footer
{
	height: 1%; /* IE6 fix */
}

*:first-child+html .floatwrapper,
*:first-child+html .gridFirst,
*:first-child+html .post,
*:first-child+html #footer
{
	min-height: 1px; /* IE7 fix */
}

.loadable-image
{
    text-align: center;
}

.img.thumb86 {
   width: 86px;
   height: 86px;
}

.img.thumb86-container {
    min-height: 193px;
    min-width: 193px;
}

.img.thumb86-container {
    min-height: 86px;
    min-width: 86px;
}

.img.thumb58-container {
    min-height: 58px;
    min-width: 58px;
}

.thumb86.loadable-image
{
    width: 86px !important;
    height: 86px !important;
    border: 1px solid #dddddd;
    display: block;
}

.thumb86.loadable-image img
{
    border: none !important;
    margin: 28px;
}

.thumb58.loadable-image
{
    width: 58px !important;
    height: 58px !important;
    border: 1px solid #dddddd;
    display: block;
}

.thumb58.loadable-image img
{
    border: none !important;
    margin: 13px;
}

.thumb193.loadable-image
{
    width: 193px !important;
    height: 193px !important;
    border: 1px solid #dddddd;
    display: block;
}

.thumb193.loadable-image img
{
    border: none !important;
    margin: 66px;
}


div.ajax-spacer {
    width: 456px;
}

div#profileContent {
    min-height: 300px;
}

.errorMessage
{
	color: #ff0000;
	font-weight: bold;
}/* CSS Document */

/***********************************************************************
	PROFILE PAGE
************************************************************************/
.profile .leftSidebar
{
	width: 223px;
}
	.leftSidebar .set
	{
		background: url(../images/profile_leftSidebar-top_cap.gif) no-repeat;
	}

.profile .rightSidebar
{
	width: 227px;
}
	.rightSidebar .set
	{
		background: url(../images/profile_rightSidebar-top_cap.gif) no-repeat;
	}

.set.homepage
{
	margin-top: 20px;
	margin-bottom: 0;
}

.profile .leftSidebar img
{
	border: 1px solid #6b6869;
}
	img.rss
	{
		border: none !important;
	}
	img#fb_login_image {
		border:none;
		
	}
	
	*:first-child+html img#fb_login_image {
		margin-top:10px;
	}
	* html img#fb_login_image {
		margin-top:10px;
	}

.profile .bio .img
{
	margin-bottom: 15px;
}
	.profile .bio .img img
	{
		/*width: 193px;
		height: 193px;
		overflow: hidden;*/
	}

.bio .bioRight
{
	width: 100px;
	margin-top:17px;
}

.sidebarSection
{
	margin-top: 20px;
	padding-top: 5px;
	border-top: 1px solid #c1c1c1;
}
	.sidebarSection li
	{
		font-size: 1.2em;
	}

	.sidebarSection h3
	{
		margin-bottom: 7px;
		color: #3c3c3c;
		font-size: 1.4em;
		/*font-weight: bold;*/
	}

	.sidebarSection h4
	{
		margin: 7px 0;
		color: #3b3b3b;
		font-size: 1.2em;
		font-weight: normal;
	}

.sidebarSearch
{
	margin: 20px 0;
	/*padding: 8px 8px 0 8px;*/

	background: #e6e6e6;
}
.setContent .sidebarSearch
{
	margin-bottom: 0;
}
	.sidebarSearch ul,
	.sidebarSearch .field
	{
		padding: 8px 8px 0 8px;
	}
		.sidebarSearch .field input.search
		{
			width: 170px;
		}
	.sidebarSearch ul li
	{
		margin-top: 5px;
		font-size: 1.2em;
	}

	.sidebarSearch .submit
	{
		margin-top: 5px;
		position: relative;
		top: 3px;
	}
	.setContent .sidebarSearch .submit
	{
		margin-top: 50px;
	}
		* html .sidebarSearch .submit,
		*:first-child+html .sidebarSearch .submit
		{
			top: 0px;
		}

.profileMain
{
	width: 460px;
	margin: 0 20px;
}
/***********************************************************************
	BUTTONS
************************************************************************/
a.button
{
	display: block;
	width: 105px;
	margin-top: 6px;
	padding: 5px;

	border: 1px solid #c1c1c1;

	font-size: 1.2em;
}
a.button:hover
{
	background: #e1e1e1;
	text-decoration: none;
}

	.profile .bio.work_page a.button,
	.profile .bio.tipstricks_page a.button,
	.profile .bio.dashboard_page a.button
	{
		padding: 2px 2px 2px 4px;
	}
/***********************************************************************
	PROFILE TABS
************************************************************************/
.profileTabs
{
	background: #0097d4;
	margin-bottom: 20px;
}
	.profileTabs.subnav
	{
		background: #e6e6e6;
	}
	.profileTabs h2
	{
		padding: 5px 10px;
		background: #0097d4;
		color: #ffffff;
	}

.profileTabs li
{
	margin-top: 5px;
	padding: 5px 3px 8px 3px;

	font-size: 1.2em;

	display: inline; /* IE6 double margin bug */
}
	.profileTabs.user li
	{
		margin-left: 20px;
	}
	.profileTabs.group li
	{
		margin-left: 27px;
	}
	.profileTabs.dashboardNav li
	{
		margin-left: 10px;
	}
.profileTabs li a
{
	color: #ffffff;
}
.profileTabs.subnav li a
{
	color: #0097d4;
}
	.profileTabs li.ui-tabs-selected
	{
		background: #ffffff;
		padding: 5px 10px 8px 10px;
		
	}
	.profileTabs li.ui-tabs-selected a
	{
		color: #00a1de;
	}
		.profileTabs.subnav li.ui-tabs-selected a
		{
			color: #6a6768;
		}
/***********************************************************************
	SEE ALL
************************************************************************/
.see_all
{
	margin-top: 5px;
	font-size: 1.2em;
}
	.profileContentSubSetHeader .see_all
	{
		margin-top: 0;
	}

.see_all img
{
	border: none !important;
}
/***********************************************************************
	SETS
************************************************************************/
	.profile .leftSidebar .set .setContent
	{
		background: url(../images/profile_leftSidebar-bot_cap.gif) bottom no-repeat;
	}

	.profile .rightSidebar .set .setContent
	{
		background: url(../images/profile_rightSidebar-bot_cap.gif) bottom no-repeat;
	}

.profileContentSetHeader
{
	margin-top: 20px;
	padding-top: 8px;
}
	.profileContentSet h3
	{
		color: #3b3b3b;
		font-size: 1.6em;
		font-weight: bold;
	}
	.profileContentSetContent h3
	{
		font-weight: normal;
	}
	.profileContentSubSetHeader h3
	{
		color: #6f6f6f;
		font-size: 1.2em;
		font-weight: normal;
		line-height: 1.5em;
	}

	.profileContentSet h4
	{
		color: #6f6f6f;
		font-size: 1.0em;
		font-weight: normal;
	}

#theWork
{
	margin-top: 10px;
	border: 1px solid silver;
}

div.work div.description {
    padding-top: 15px;
}
	/* #theWork .overlayContainer */
	/* { */
	/*    opacity: 0.6; */
	/*    -moz-opacity: 0.6; */
	/*    /\*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=-1);*\/ */
	/*    filter: alpha(opacity='10'); */

	/*    padding: 1.3em; */

	/*    background: #666666; */
	/*    text-indent: -100000em; */
	/* } */
	/* #theWork .overlay */
	/* { */
	/*    position: relative; */
	/*    top: -4.0em; */
	/*    right: 1.0em; */
	/*    color: #ffffff; */

	/*    text-align: right; */
	/* } */

	/* #theWork h3 */
	/* { */
	/* 	font-size: 1.6em; */
	/* } */
	/* #theWork h4 */
	/* { */
	/* 	font-size: 1.2em; */
	/* } */

.profileContentSetContent
{
	margin-top: 10px;
}
	.profileContentSetContent .col.latest_tip,
	.profileContentSetContent .col.my_tipstricks_copy,
	.profileContentSetContent .col.my_groups_copy
	{
		width: 250px;
		margin-left: 10px;
	}
		.profileContentSetContent .col.my_groups_copy h4
		{
			margin: 3px 0 8px 0;
		}
	.profileContentSetContent img
	{
		border: 1px solid #6f6f6f;
	}

	.profileContentSubSetHeader
	{
		margin-bottom: 5px;
		padding: 5px 5px 5px 10px;

		background: #e6e6e6;
	}

.myfavorites_group,
.my_tipstricks,
.my_groups
{
	margin-bottom: 15px;
}
/***********************************************************************
	HEADER FOR WORK AND TIPS/TRICKS
************************************************************************/
.work_header,
.tipstricks_header
{
	margin-bottom: 10px;
}
#work_preview .work_header
{
	margin-top: 10px;
}
	.work_header h4,
	.tipstricks_header h4
	{
		font-size: 1.0em;
		font-weight: bold;
	}

.work_info,
.tipstricks_info
{
	width: 342px;
	margin-right: 5px;
}

.work_info .box,
.tipstricks_info .box
{
	padding: 8px;
	border: 1px solid #e6e6e6;
}

.header_links
{
	padding: 3px 8px;
	background: #e6e6e6;

	font-size: 1.2em;
}

.marks_column
{
	width: 111px;
}

.marks_box
{
	padding: 8px 8px 9px 8px;
	border: 1px solid #e6e6e6;
	border-bottom: none;

	text-align: center;
}

.box h3,
.marks_box h3
{
	font-size: 2.0em;
	font-weight: bold;
}

.mark_it,
.button_blue,
.unmark_it,
.button_grey
{
	text-align: center;
}
	.mark_it a,
	.button_blue a,
	.unmark_it a,
	.button_grey a
	{
		display: block;
		padding: 3px 8px;

		color: #ffffff;
		font-size: 1.2em;
	}
	.mark_it a:hover,
	.button_blue a:hover,
	.unmark_it a:hover,
	.button_grey a:hover
	{
		text-decoration: none;
	}

	.mark_it a,
	.button_blue a
	{
		background: #00a1de;
	}
	.unmark_it a,
	.button_grey a
	{
		background: #6a6768;
	}

	.mark_it a:hover,
	.button_blue a:hover
	{
		background: #15afe9;
	}
	.unmark_it a:hover,
	.button_grey a:hover
	{
		background: #7b7879;
	}
/***********************************************************************
	WORK PAGE
************************************************************************/
.work .img img
{
	border: 1px solid #dddddd;
}

ul.related li
{
	padding: 10px;
	border-top: 1px solid #c1c1c1;
}
	ul.related li.first
	{
		border: none;
	}

ul.related li .img
{
	width: 60px;
	margin-right: 10px;
}

ul.related li .desc
{
	width: 105px;
}

/***********************************************************************
	COMMENTS
************************************************************************/
.comments_container
{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #dad8d9;
}
	.comments_container h3,
	.comments_container p
	{
		margin-bottom: 10px;
	}

.comments_container .comment_form,
.comments_container .comments
{
	margin-bottom: 20px;
	padding: 15px;
	background: #f1f1f1;
	border: 1px solid #dedbdc;
}

.comments_container .comments ol li
{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #dad8d9;
}

.comments .img
{
	width: 60px;
	margin-right: 20px;
}

.comments .comment
{
	width: 345px;
}

/***********************************************************************
	BULLETINS TABLE
************************************************************************/
table.bulletins
{
	margin: 0 0 20px 0;
	padding: 0;
	border: none;
}

table.bulletins th
{
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	font-weight: normal;
}
table.bulletins td
{
	padding: 5px 0;
	font-size: 1.2em;
}
	table.bulletins th.topics,
	table.bulletins td.topics
	{
		width: 300px;
		text-align: left;
	}
	table.bulletins th.posts,
	table.bulletins td.posts
	{
		width: 40px;
		text-align: center;
	}
	table.bulletins th.starter,
	table.bulletins td.starter
	{
		width: 120px;
		text-align: right;
	}
/***********************************************************************
	DASHBOARD ACTIVITY LIST
************************************************************************/
table.dashboard_activity_list
{
	width: 446px;
	margin: 0 7px;
	padding: 0;
	border: none;
}

table.dashboard_activity_list th
{
	display: none;
}

table.dashboard_activity_list td
{
	padding: 5px 0;
}

table.dashboard_activity_list th.topic,
table.dashboard_activity_list td.topic
{
	width: 310px;
	margin: 0;
	border-bottom: 1px solid #dad8d9;
}

table.dashboard_activity_list th.timestamp,
table.dashboard_activity_list td.timestamp
{
	width: 136px;
	margin: 0;
	text-align: center;
	border-bottom: 1px solid #dad8d9;
}
/***********************************************************************
	MESSAGE CENTER
************************************************************************/
table.message_list
{
	margin: 0 0 10px 0;
	background: #ffffff;
	border: 1px solid #dad8d9;
	border-collapse: collapse;
}
	table.message_list_top
	{
		margin-bottom: 0;
		border-bottom: none;
	}
	table.message_list_bottom
	{
		margin-top: 0;
		border-top: none;
	}

table.message_list tr.headings
{
	background: #cacaca;
}

table.message_list th
{
	padding: 5px 0;
	color: #6f6f6f;
	font-size: 1.2em;
	font-weight: normal;
	text-align: left;
}
table.message_list td
{
	padding: 5px 0;
	font-size: 1.2em;
	font-weight: normal;
}
	table.message_list th.delete
	{
		width: 40px;
		text-align: center;
	}
	table.message_list th.from
	{
		width: 115px;
	}
	table.message_list th.subject
	{
		width: 195px;
	}
	table.message_list th.date
	{
		width: 85px;
		padding-left:15px;
	}

	table.message_list td.delete
	{
		width: 40px;
		text-align: center;
	}
	table.message_list td.from
	{
		width: 115px;
	}
	table.message_list td.subject
	{
		width: 195px;
	}
	table.message_list td.date
	{
		width: 75px;
		padding-left:25px;
	}

.message_center .message_scroll
{
	height: 150px;
	overflow: auto;
	margin-bottom:10px;
}

.message_center td.unread
{
	font-weight: bold;
}
.message_center td.nomessages
{
	width: 449px;
	height: 140px;

	text-align: center;
}

.messageCluetip div
{
	margin-left: 10px;
}
/***********************************************************************
	GROUP CRITIQUES AND BULLETINS
************************************************************************/
.description.crit,
.description.bulletin
{
	margin-top: 12px;
}

.description.crit .img,
ul.critList li .img,
.description.bulletin .img,
ul.bulletinList li .img
{
	width: 60px;
	margin-right: 12px;
}

.description.crit .meta,
ul.critList li .meta,
.description.bulletin .meta,
ul.bulletinList li .meta
{
	width: 388px;
}

.description.crit .buttons,
ul.critList li .buttons,
.description.bulletin .buttons,
ul.bulletinList li .buttons
{
	margin-bottom: 12px;
}
	.description.crit .buttons .colR,
	ul.critList li .buttons .colR,
	.description.bulletin .buttons .colR,
	ul.bulletinList li .buttons .colR
	{
		margin-left: 7px;
	}

ul.critList,
ul.bulletinList
{
	margin-top: 7px;
}

ul.critList li,
ul.bulletinList li
{
	padding-top: 20px;
	border-top: 1px solid #dad8d9;
}
	ul.critList li .crit,
	ul.bulletinList li .bulletin
	{
		margin-top: 15px;
	}
		ul.critList li .quote,
		ul.bulletinList li .quote
		{
			margin: 5px 0;
			padding: 8px 15px 15px 14px;

			background: #f1f1f1;
			border: 1px solid #dcd9da;
		}
		ul.critList li .quote p,
		ul.bulletinList li .quote p
		{
			margin: 5px 0;
		}
	ul.critList li .crit p,
	ul.bulletinList li .bulletin p
	{
		margin: 5px 0;
	}
	ul.critList li .crit .critImg
	{
		margin-bottom: 10px;
	}
/***********************************************************************
	GROUP CRITIQUES
************************************************************************/
.searchBox
{
	background: #e6e6e6;
	padding-top: 15px;
	margin-bottom: 20px;
}


.searchBox h3
{
	color: #6f6f6f;
	font-size: 1.6em;
	font-weight: normal;
}

.searchBox .field
{
	margin-left: 10px;
	margin-top: 10px;
	font-size: 1.2em;

	display: inline; /* IE6 double margin bug */
}

.searchBox input.groupSearch
{
	width: 400px;
}

.searchBox .submit,
.dashboard .submit
{
	position: relative;
	top: 3px;
}
	* html .searchBox .submit,
	*:first-child+html .searchBox .submit,
	*:first-child+html .dashboard .submit
	{
		top: 0px;
	}
	
	* html .dashboard .submit,
	{
		top: 0px;
	}
.dashboard .edit-submit {
	margin-left:12px;
	
}
/***********************************************************************
	DASHBOARD
************************************************************************/
.dashboard
{
	margin-bottom: 15px;
	background: #e6e6e6;
}

.dashboard h3
{
	font-size: 1.2em;
	padding-bottom:5px;
}

.dashboard h3 span {
	float:left;
	padding-top:2px;
	
}


.step_number
{
	color: #3f3f3f;
	margin-right:5px;
}

.dashboard-ajax-section
{
	padding: 25px 10px;
}

.dashboard-search-section
{
	padding: 15px 10px 13px 10px;
}
.dashboard-ajax-section.message_center
{
	padding: 10px 10px 0 10px;
}
.dashboard-ajax-section.message_center .see_all
{
	margin-top: 0;
}
	.see_all a.delete {
		display:block;
		background-color:#cacaca;
		color:#6a6768;
		padding:7px 12px;
		
		
	}
	.dashboard-ajax-section fieldset
	{
		border: none;
	}
	.dashboard-ajax-section input.dashboard_input_field,
	.dashboard-ajax-section textarea.dashboard_input_field
	{
		width: 430px;
	}
	.dashboard-ajax-section input.dashboard_search_field
	{
		width: 360px;
		height: 16px;
		padding-top: 2px;
	}

	.dashboard-ajax-section ul.setList li
	{
		margin-left: 18px;
	}

.dashboardExplanation
{
	margin-left: 10px;
	
}

	*:first-child+html .dashboardExplanation {
		width:432px;
	}

h5.thumbpreview
{
	font-size: 1.0em;
	font-weight: normal;
}

.favorites_drag_hover img
{
/*	background: red; */
	border: 1px solid red;
}

.bulletinCreate p
{
	margin: 5px 0;
}

.bulletinCreate input#thread_title
{
	width: 410px;
}

.dashintro {
	margin-bottom:20px;
}

	.dashintro img {
		margin-top:5px;
	}

p.overview {
	width:319px;
	font-size:14px;
}

p.portfolio {
	width:270px;
	font-size:14px;
}

p.tipstricks {
	width:240px;
	font-size:14px;
}

div.upload-buttons {
	margin-bottom:-3px;
}

div.upload-buttons img.uploadsubmit {
	margin-left:12px;
}

div#thumbadjust {
	margin:25px 0;
}

#thumbnail-cropper h4 {
	margin-bottom:5px;
	font-size:10px;
	font-weight:normal;
}

form#myfavorites-work-search div.dashform {
	background-color:#e6e6e6;
	padding:15px;
}

form#myfavorites-work-search div.dashform input.dashboard_search_field {
	width:345px;
}

form#mygroup-search div.dashform {
	background-color:#e6e6e6;
	padding:15px;
}

form#mygroup-search div.dashform input.dashboard_search_field {
	width:345px;
}

div#mygroups-grid-page h3 {
	font-size:1.2em;
	margin:15px 0 10px 0;
}

#myfavorites-profiles-grid-page {
	padding-left:18px;
}

.favorites-top4 {
	padding:25px 0 10px 18px;
}

/***********************************************************************
	DASHBOARD TABS
************************************************************************/
.tabs.dashboardTabs ul li
{
}

.tabs.dashboardTabs ul.search_tabs li
{
	margin-left: 8px;
	padding: 6px 10px;
	font-size: 1.2em;
}
	.tabs.dashboardTabs ul li.ui-tabs-selected
	{
		background: #e7e7e7;
	}
	.tabs.dashboardTabs ul li.ui-tabs-selected a
	{
		color: #6a6768;
	}

	.tabs.dashboardTabs ul li.ui-tabs-disabled
	{
		background: #ffffff;
	}
	.tabs.dashboardTabs ul li.ui-tabs-disabled a
	{
		color: #d9d9d9;
	}
	.tabs.dashboardTabs ul li.ui-tabs-disabled a:hover
	{
		text-decoration: none;
	}

/***********************************************************************
	STUFF BRANDON ADDED
************************************************************************/

.carousel-thumb
{
    cursor: pointer;
}

.carousel-thumb.loadable-image
{
    width: 75px !important;
    height: 75px !important;

    border: 1px solid #dddddd;
}

.carousel-thumb.loadable-image img
{
    margin: 22px;
    border: none;
}

div#theWork.loadable-image
{
    border: 1px solid #dddddd;
    width: 458px !important;
    height: 458px !important;
}

div#theWork.loadable-image img
{
    border: none;
    margin: 214px;
}

div#theWork img
{
    cursor: pointer;
}

div.tiptrick-large-thumb.loadable-image
{
    border: 1px solid #dddddd;
    width: 192px !important;
    height: 128px !important;
}

div.tiptrick-large-thumb.loadable-image img
{
    border: none;
    margin: 49px 81px 49px 81px;

}

a.mywork-thumb.loadable-image
{
    border: 1px solid #dddddd;
    width: 86px !important;
    height: 86px !important;
    display: block;
}

a.mywork-thumb.loadable-image img
{
    border: none;
    margin: 28px;
}

div.work-image.loadable-image
{
    width: 456px !important;
    height: 456px !important;
    border: 1px solid #dddddd;
}

div.work-image.loadable-image img
{
    border: none;
    margin: 213px;
}

div.work-upload-image.loadable-image
{
    width: 440px !important;
    height: 440px !important;
    border: 1px solid #dddddd;
}

div.work-upload-image.loadable-image img
{
    border: none;
    margin: 200px;
}

div.edit-image.loadable-image
{
    width: 440px !important;
    height: 440px !important;
    border: 1px solid #dddddd;
}

div.edit-image.loadable-image img
{
    border: none;
    margin: 205px;
}

a.crit-thumb.loadable-image
{
    width: 86px !important;
    height: 86px !important;
    border: 1px solid #dddddd;
    display: block;
}

a.crit-thumb.loadable-image img
{
    border: none;
    margin: 28px;
}

/* div.group-founder-thumb.loadable-image */
/* { */
/*     width: 86px !important;  */
/*     height: 86px !important;    */
/*     border: 1px solid #dddddd; */
/*     display: block; */
/* } */

/* div.group-founder-thumb.loadable-image img */
/* { */
/*     border: none; */
/*     margin: 28px;    */
/* } */

div.crit-image.loadable-image
{
    width: 456px !important;
    height: 456px !important;
    border: 1px solid #dddddd;
}

div.crit-image.loadable-image img
{
    border: none;
    margin: 213px;
}

div.homepage-avatar.loadable-image
{
    width: 86px !important;
    height: 86px !important;
    border: 1px solid #dddddd;
    display: block;
}

div.homepage-avatar.loadable-image img
{
    border: none;
    margin: 28px;
}

div.group-avatar.loadable-image
{
    width: 193px !important;
    height: 193px !important;
    border: 1px solid #dddddd;
    display: block;
}

div.group-avatar.loadable-image img
{
    border: none;
    margin: 66px;
}

.img.profile-thumb-container
{
    min-width: 86px;
    min-height: 86px;
}



blockquote
{
    background-color: rgb(230, 230, 230);
}

blockquote p
{
    padding: 5px;
    font-style: italic;
}

.favorites_outbox{
    min-height:300px;
    width: 100%;
/*    background-color: yellow;*/
}/*Main Container*/
.hrzContainer
{
	width: 100%;
}
.hrzContainer ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;	
}
.hrzContainer li
{
	display: inline; 
	margin: 0px;
	padding: 0px;
}

/*Handle*/
.handle
{
	float: left;
	width: 70px;
	height: 265px;
	/*background: url(../images/accordion-background.png) no-repeat;*/
	cursor: pointer;
	
	text-indent: -1000000em;
}
	
#accordion-work-Content0,
#accordion-work-Content1,
#accordion-work-Content2,
#accordion-work-Content3,
#accordion-people-Content0,
#accordion-people-Content1,
#accordion-people-Content2,
#accordion-people-Content3,
#accordion-tipstricks-Content0,
#accordion-tipstricks-Content1,
#accordion-tipstricks-Content2,
#accordion-tipstricks-Content3
{
	background: url(../images/accordion-content_background.gif) bottom right no-repeat;
}
#accordion-work-Content4,
#accordion-people-Content4,
#accordion-tipstricks-Content4
{
	background: url(../images/accordion-content_background_right_column.gif) bottom right no-repeat;
}

/*Content Container*/
.contentWrapper
{
	width: 150px;
}
.contentInnerWrapper
{
	text-align: justify;
	padding: 10px;
}
.contentWrapper h3
{
	border-bottom: 1px solid silver;
	color: rgb(172, 194, 112);
}

/*Animation Start*/
.contentStart5
{
	padding-left: 0px;	
	float: left;
	width: 0px;
	height: 265px;
	overflow: hidden;
	position: relative;
}
	.contentStart6
	{
		padding-left: 0px;	
		float: left;
		width: 0px;
		height: 265px;
		overflow: hidden;
		position: relative;
	}
	.contentStart7
	{
		padding-left: 0px;	
		float: left;
		width: 0px;
		height: 265px;
		overflow: hidden;
		position: relative;
	}



/*Animation End*/
.contentEnd5
{
	padding-left: 15px;
	float: left;
	width: 200px;
	height: 265px;
}
	.contentEnd6
	{
		/*padding-left: 15px;*/
		padding-left: 17px;
		float: left;
		width: 200px;
		height: 265px;
	}
	.contentEnd7
	{
		padding-left: 15px;
		float: left;
		width: 200px;
		height: 265px;
	}

/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(/images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(/assets/images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(/assets/images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(/assets/images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(/assets/images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(/assets/images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(/assets/images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(/assets/images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(/assets/images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(/assets/images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(/assets/images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(/assets/images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(/assets/images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(/assets/images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(/assets/images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(/assets/images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'marks' 
-------------------------------------- */

.cluetip-marks {
  background: #ffffff;
  border: 1px solid #d0d0d0;
}
.cluetip-marks #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #ffffff;
}
.cluetip-marks h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 0;
  font-size: 1.2em;
  font-weight: normal;
  background-color: #ffffff;
  color: #00a1de;
}
.cluetip-marks #cluetip-title a {
  color: #00a1de;
}  
.cluetip-marks #cluetip-inner {
  padding: 10px;
  padding-top: 0;
}
.cluetip-marks div#cluetip-close { 
  text-align: right;
  margin: 0 5px;
  color: #900;
}
.cluetip-marks p
{
	margin-top: 10px;
	font-size: 10px;
}
	.cluetip-marks p.right
	{
		text-align: right;
	}

/* marks arrows */

.clue-right-marks .cluetip-arrows {
  background-image: url(/assets/images/darrowleft.gif);
}
.clue-left-marks .cluetip-arrows {
  background-image: url(/assets/images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-marks .cluetip-arrows {
  background-image: url(/assets/images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-marks .cluetip-arrows {
  background-image: url(/assets/images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'workDescription' 
-------------------------------------- */

.cluetip-workDescription {
  background: #ffffff;
  border: 1px solid #d0d0d0;
}
.cluetip-workDescription #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #ffffff;
}
.cluetip-workDescription h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 0;
  font-size: 1.2em;
  font-weight: normal;
  background-color: #ffffff;
  color: #00a1de;
}
.cluetip-workDescription #cluetip-title a {
  color: #00a1de;
}  
.cluetip-workDescription #cluetip-inner {
  padding: 10px;
  padding-top: 0;
}
.cluetip-workDescription div#cluetip-close { 
  text-align: right;
  margin: 0 5px;
  color: #900;
}
.cluetip-workDescription p
{
	margin-top: 10px;
	font-size: 10px;
}
	.cluetip-workDescription p.right
	{
		text-align: right;
	}

/* workDescription arrows */

.clue-right-workDescription .cluetip-arrows {
  background-image: url(/assets/images/darrowleft.gif);
}
.clue-left-workDescription .cluetip-arrows {
  background-image: url(/assets/images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-workDescription .cluetip-arrows {
  background-image: url(/assets/images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-workDescription .cluetip-arrows {
  background-image: url(/assets/images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'messageCenter' 
-------------------------------------- */

.cluetip-messageCenter {
  z-index: 10000005 !important;
  
  background: #ffffff;
  border: 1px solid #d0d0d0;
}
.cluetip-messageCenter #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #ffffff;
}
.cluetip-messageCenter h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 0;
  font-size: 1.2em;
  font-weight: normal;
  background-color: #ffffff;
  color: #00a1de;
}
.cluetip-messageCenter #cluetip-title a {
  color: #00a1de;
}  
.cluetip-messageCenter #cluetip-inner {
  padding: 10px;
  padding-top: 0;
}
.cluetip-messageCenter div#cluetip-close { 
  text-align: right;
  margin: 0 5px;
  color: #900;
}
.cluetip-messageCenter p
{
	margin-top: 10px;
}
	.cluetip-messageCenter p.right
	{
		text-align: right;
	}

/* messageCenter arrows */

.clue-right-messageCenter .cluetip-arrows {
  background: url(/assets/images/message_center-cluetip_arrow.gif) top left no-repeat;
  width: 21px;
  top: -9px !important;
  left: -15px !important;
  /*position: relative;
  top: -121px !important;
  left: -16px !important;*/
}
.clue-left-messageCenter .cluetip-arrows {
  background-image: url(/assets/images/message_center-cluetip_arrow.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-messageCenter .cluetip-arrows {
  background-image: url(/assets/images/message_center-cluetip_arrow.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-messageCenter .cluetip-arrows {
  background-image: url(/assets/images/message_center-cluetip_arrow.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}


/***************************************
   =cluetipClass: 'messageCenterWide' 
-------------------------------------- */

.cluetip-messageCenterWide {
  z-index: 10000005 !important;
  
  background: #ffffff;
  border: 1px solid #d0d0d0;
}
.cluetip-messageCenterWide #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #ffffff;
}
.cluetip-messageCenterWide h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 0;
  font-size: 1.2em;
  font-weight: normal;
  background-color: #ffffff;
  color: #00a1de;
}
.cluetip-messageCenterWide #cluetip-title a {
  color: #00a1de;
}  
.cluetip-messageCenterWide #cluetip-inner {
  padding: 10px;
  padding-top: 0;
}
.cluetip-messageCenterWide div#cluetip-close { 
  text-align: right;
  margin: 0 5px;
  color: #900;
}
.cluetip-messageCenterWide p
{
	margin-top: 10px;
}
	.cluetip-messageCenterWide p.right
	{
		text-align: right;
	}

/* messageCenterWide arrows */

.clue-right-messageCenterWide .cluetip-arrows {
  background: url(/assets/images/message_center-cluetip_arrow.gif) top left no-repeat;
  width: 21px;
  top: -9px !important;
  left: -15px !important;
  /*position: relative;
  top: -121px !important;
  left: -16px !important;*/
}
.clue-left-messageCenterWide .cluetip-arrows {
  background-image: url(/assets/images/message_center-cluetip_arrow.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-messageCenterWide .cluetip-arrows {
  background-image: url(/assets/images/message_center-cluetip_arrow.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-messageCenterWide .cluetip-arrows {
  background-image: url(/assets/images/message_center-cluetip_arrow.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}


/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
.jcarousel-skin-profileOverview img
{
	border: 1px solid #dddddd;
}

.jcarousel-skin-profileOverview .jcarousel-container {

}

.jcarousel-skin-profileOverview .jcarousel-container-horizontal {
    width: 406px;
    padding: 0 27px;
}


.jcarousel-skin-profileOverview .jcarousel-clip-horizontal {
    width: 406px;
    height: 77px;
}


.jcarousel-skin-profileOverview .jcarousel-item {
    width: 77px;
    height: 77px;
}

.jcarousel-skin-profileOverview .jcarousel-item-horizontal {
    margin-right: 5px;
}


.jcarousel-skin-profileOverview .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-profileOverview .jcarousel-next-horizontal {
    position: absolute;
    right: 0;
    width: 17px;
    height: 75px;
    cursor: pointer;
    background: transparent url(/assets/images/carousel-next.gif) no-repeat 0 0;
}

.jcarousel-skin-profileOverview .jcarousel-next-horizontal:hover {

}

.jcarousel-skin-profileOverview .jcarousel-next-horizontal:active {

}

.jcarousel-skin-profileOverview .jcarousel-next-disabled-horizontal,
.jcarousel-skin-profileOverview .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-profileOverview .jcarousel-next-disabled-horizontal:active {
    cursor: default;

}

.jcarousel-skin-profileOverview .jcarousel-prev-horizontal {
    position: absolute;
    left: 0;
    width: 17px;
    height: 75px;
    cursor: pointer;
    background: transparent url(/assets/images/carousel-previous.gif) no-repeat 0 0;
}

.jcarousel-skin-profileOverview .jcarousel-prev-horizontal:hover {

}

.jcarousel-skin-profileOverview .jcarousel-prev-horizontal:active {

}

.jcarousel-skin-profileOverview .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-profileOverview .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-profileOverview .jcarousel-prev-disabled-horizontal:active {
    cursor: default;

}

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 2px rgb(2, 152, 212);
	color: #000;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	/*color: #666;*/
	color: white;
	background-color: rgb(2, 152, 212);
	/*background: #CCC url(/assets/images/alerts-title.gif) top repeat-x;*/
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(/assets/images/alerts-info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(/assets/images/alerts-info.gif);
}

#popup_content.confirm {
	background-image: url(/assets/images/alerts-important.gif);
}

#popup_content.prompt {
	background-image: url(/assets/images/alerts-help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}