/*  
CSS Stylesheet for cafe.kidswrite.com
Version: 1.0
Author: Shaun Tarves
Author URI: http://www.shauntarves.com
*/

/**
 * Remove all default styling
 */
@import url(http://yui.yahooapis.com/2.6.0/build/reset-fonts-grids/reset-fonts-grids.css);

/**
 * Begin global positioning & styling
 */

html {
	background-color: #afdc62;
	color: #333333;
}
body {
	font-family: "Lucida Grande", Calibri, Helvetica, Verdana, Arial, sans-serif;
	font-size: 100%; line-height: 100%;
	position: relative;
}
*body { position: absolute; }

a, a:link, a:hover, a:visited, a:active, .href {
	color: #0879c2;
	text-decoration: none;
	cursor: pointer;
}
a.button {
	display: block;
	text-indent: -9999px;
}

.margin-top { margin-top: 1.5em; }
.margin-bottom { margin-bottom: 1.5em; }

.padding-left { padding-left: 18px; }

.overflow { overflow: hidden; }
.break { padding-top: 8px;clear:both; }
.clear { clear: both; }
.replaced { display: block; text-indent: -9999px; }

strong, b { font-weight: bold; display: inline; }
em, i { font-style: italic; }

.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.alignright { text-align: right; }

.floatleft { float: left; }
.floatright { float: right; }

img.left {
	margin: 12px 12px 12px 0px; /* t, r, b, l */
	position: relative;
	float: left;
}

img.right {
	margin: 12px 0px 12px 12px; /* t, r, b, l */
	position: relative;
	float: right;
}

p { margin-bottom: 12px; }

/**
 * Header positioning parameters
 */

/* container for header */
.header {
	margin: 0px auto;
	position: relative; height: 125px; width: 980px;
	/*background: transparent url(/assets/img/header.png) no-repeat scroll 0px 0px;*/
	text-align: left;
	font-size: 12px;
}
#cafe-header {
	height: 113px;
}
	a.logo {
		position: absolute; left: 100px; top: 5px;
		height: 100px; width: 295px;
		background: transparent url(/assets/img/logo.png) no-repeat scroll left top;
	}
	.login {
		padding: 8px 0px 0px 20px;
		position: absolute; top: 0px; right: 10px;
		height: 32px; width: 480px;
		overflow: hidden;
		background: transparent url(/assets/img/login.png) no-repeat scroll top left;
		color: #06588d;
	}
		.login a, .login a:active, .login a:hover, .login a:link, .login a:visited {
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
		}
		.login span {
			/*margin-right: 8px;
			border-right: 1px solid #06588d;
			padding-right: 8px;*/
		}
		.login label { margin-right: 8px; }
		.login label:hover { color: #06588d; text-decoration: none; }
		.login input.text {
			border: 1px solid #06588d;
			height: 14px; width: 100px; line-height: 14px;
			color: #333333;
		}
		.login .floatleft {
			width: 250px;
		}
		.login .floatright {
			margin-right: 20px;
			width: 200px;
		}
		.login .signout {
			padding-top: 4px;
			float: right;
			text-align: right;
		}
	.newupdates {
		padding: 4px 0px 0px 20px;
		position: absolute; bottom: 0px; right: 10px;
		height: 30px; width: 215px; line-height: 30px;
		overflow: hidden;
		background: transparent url(/assets/img/newupdates.png) no-repeat scroll top left;
		color: #ffffff;
	}
		.newupdates a, .newupdates a:active, .newupdates a:hover, .newupdates a:link, .newupdates a:visited {
			float: left;
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
		}
		.newupdates a.closer {
			float: right; width: 30px;
			text-indent: -9999px;
		}

/**
 * Footer positioning parameters
 */

.footer {
	margin: 0px auto;
	padding-top: 15px;
	position: relative; height: 120px; width: 980px;
	background: transparent url(/assets/img/footer.png) no-repeat scroll 0px 0px;
	text-align: left;
	font-size: 10px;
}
#cafe-footer {
	padding: 0px;
	background-image: none;
}
	.footer p.left { width: 50%; float: left; text-align: left; text-indent: 10px; }
	.footer p.right { width: 50%; float: right; text-align: right; }
	.footer a { margin: 0px 2px; text-decoration: none; }
	.footer a:hover { text-decoration: underline; }

/**
 * Content positioning parameters
 */

#custom-doc {
	margin: auto; text-align: left; /* leave unchanged */
	width: 980px;/* non-IE 75.39em*/
	*width: 980px;/* IE 73.50em*/
	min-width: 980px;/* optional but recommended */
}
.content {
	padding: 10px 30px;
	background-color: #ffffff;
}

/* OVERWRITE YUI API DIMENSIONS */
.yui-t2 .yui-b {
	width: 235px;
}
.yui-t2 #yui-main .yui-b {
	margin-left: 248px;
}

/**
 * Page parameters
 */

.area {
	margin-bottom: 24px;
	background: transparent url(/assets/img/layout/area_content.png) repeat-y scroll left top;
	font-size: 12px; line-height: 14px;
}
.body { background-position: right top; }
.full { background-image: url(/assets/img/layout/area_content_full.png); }
.area-header {
	padding-top: 12px;
	background: transparent url(/assets/img/layout/area_header.png) no-repeat scroll left top;
}
.body .area-header { background-position: right top; }
.full .area-header { background-image: url(/assets/img/layout/area_header_full.png); }
.area-content {
	margin: 0px 2px;
	padding-bottom: 10px;
}
.body .area-content { margin: 0px 14px; }
.full .area-content { padding: 10px 0px; }
.area-footer {
	height: 12px;
	clear: both;
	background: transparent url(/assets/img/layout/area_footer.png) no-repeat scroll left top;
}
.body .area-footer { background-position: right top; }
.full .area-footer { background-position: left bottom; }

.module {
	margin-bottom: 24px;
	background: transparent url(/assets/img/layout/module_content.png) repeat-y scroll left top;
}
.slim { background-position: right top; }
.module-header {
	margin: 0px 1px;
	height: 20px;
	/*background: transparent url(/assets/img/layout/module_header.png) repeat-x scroll left top;*/
	background: #009DF5 url(/assets/img/bluebox_header.gif) repeat-x scroll 0px 0px;
	padding: 4px;
}
.green-module-header {
	margin: 0px 1px;
	height: 20px;
	/*background: transparent url(/assets/img/layout/module_header.png) repeat-x scroll left top;*/
	background: #009DF5 url(/assets/img/greenbox_header.gif) repeat-x scroll 0px 0px;
	padding: 4px;
}
.green .module-header { background-position: left bottom; }

.module-content { margin: 0px 2px 10px 1px; }
#user_home_news .module-content { margin-bottom: 0px; }
div.link-bar {
	margin: 4px 0px 8px;
	padding: 6px 0px 3px;
	text-align: right;
}
div.link-bar a  {
	padding: 0px 10px 0px 20px;
	background: transparent none no-repeat scroll left top;
}
div.link-bar a:hover { text-decoration: underline; }

.module-footer {
	padding: 0px 2px;
	height: 30px;
	clear: both;
	background: transparent url(/assets/img/layout/module_footer.png) repeat-y scroll left top;
}
.slim .module-footer { background-position: right top; }

.module h1 {
	margin-bottom: 4px;
	padding-left: 10px;
	line-height: 20px;
	color: #ffffff; /*#06588d;*/
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.green h1 { color: #387800; }
.module h1 a, .module h1 a:hover { color: #06588d; }
.module h1 a:hover { color: #ffffff; }
.area h2 {
	/*margin-bottom: 12px;*/
	font-weight: bold;
	color: #fff; /*#06588d;*/
}
.module h3 { }
.module h4, .module h6 {
	color: #685c53;
}
div.module div.module-footer a, div.button-bar a {
	margin-top: 3px;
	border: 1px solid #a1a1a1;
	width: 138px; line-height: 20px;
	float: right;
	background: transparent url(/assets/img/button-bar.png) repeat-x scroll left top;
	color: #6c6c6c;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
div.module div.module-footer a:hover, div.button-bar a:hover { text-decoration: underline; }
div.module div.module-footer a.selected, div.button-bar a.selected {
	border: 1px solid #a1b57e;
	background-position: 0px -23px;
	color: #528200;
}
.sidebar h4, .sidebar h6 {
	padding: 0px 15px;
}
.sidebar ul li {
	background: transparent url(/assets/img/menu_header.png) repeat-x scroll left top;
}
.sidebar ul li h3 {
	padding: 0px 25px 0px 50px;
	line-height: 50px;
	background: transparent none no-repeat scroll left top;
}
.sidebar ul li h3.icon-new { background-image: url(/assets/img/icons/home_icon.png); }
.sidebar ul li h3.icon-network { background-image: url(/assets/img/school.png); }
.sidebar ul li h3.icon-class { background-image: url(/assets/img/class.png); }
.sidebar ul li h3.icon-profile { background-image: url(/assets/img/profile.png); }
.sidebar ul li h3.icon-message { background-image: url(/assets/img/message.png); }
.sidebar ul li h3.icon-friends { background-image: url(/assets/img/friends.png); }
.sidebar ul li h3.icon-portal { background-image: url(/assets/img/portal.png); }
.sidebar ul li h3.icon-apps { background-image: url(/assets/img/apps.png); }
.sidebar ul li h3.icon-settings { background-image: url(/assets/img/settings.png); }
.sidebar ul li h3.icon-apps { background-image: url(/assets/img/apps.png); }
.sidebar ul li ul { }
.sidebar ul li ul li {
	border-bottom: 1px solid #c8c8c8;
	padding:10px 0 10px 35px;
	background: #f0f0f0;
}
.sidebar {
}
.sidebar-header {
	margin: 0px 2px;
	padding: 0px 0px 10px;
	height: 40px;
	border-bottom: 1px solid #c8c8c8;
	
}
.sidebar-header .photo {
	margin: 0px 12px;
	border: 1px solid #06588d;
	padding: 2px;
	background-color: #ffffff;
}
.sidebar .module-footer { background-position: right top; }

.module .photo-holder {
	margin: 0px 10px;
	border: 1px solid #cccccc;
	padding: 16px 9px 0px;
	width: 142px;
	float: right;
	background: #ffffff url(/assets/img/photo_holder.png) no-repeat scroll left top;
}
.module .photo-holder img {
	border: 1px solid #cccccc;
}
.module .photo-holder h2 {
	line-height: 26px;
	text-align: center;
}
.module .profile-buttons {
	width: 160px;
	float: right;
}
div.grey-box, div.blue-box, div.green-box, div.yellow-box, div.red-box {
	border: 1px solid #ffffff;
	padding: 8px;
}
div.grey-box { border-color: #cdcdcd; background-color: #f3f3f3; }
/*div.blue-box { border-color: #a6d4ee; background-color: #e5efff; }*/
div.blue-box {
	border-top: none;
	border-bottom: 2px solid #929d9e;
	border-right: 2px solid #929d9e;
	border-left: 2px solid #929d9e;
	background-color: #f4f5f5;
}
div.green-profile-box {
	border-top: none;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-left: 2px solid #ccc;
	background-color: #f4f5f5;
	padding: 8px;
}
div.blue-box-header { background: #009DF5 url(/assets/img/bluebox_header.gif) repeat-x scroll 0px 0px; padding:8px; color:#FFFFFF; }
div.green-box-header { background: #009DF5 url(/assets/img/greenbox_header.gif) repeat-x scroll 0px 0px; padding:8px; color:#FFFFFF; }
div.green-box { border-color: #93c87d; background-color: #e5ffe1; }
div.yellow-box { border-color: #dbd247; background-color: #fffee5; }
div.red-box { border-color: #eea6a6; background-color: #ffe5ed; }
div.success {
	padding-left: 35px;
	background: #e5ffe1 url(/assets/img/icons/admonitions/success.png) no-repeat scroll 5px 5px;
	color: #498f2d;
}
div.info {
	padding-left: 35px;
	background: #fffee5 url(/assets/img/icons/admonitions/info.png) no-repeat scroll 5px 5px;
	color: #e7b300;
}
div.error {
	padding-left: 35px;
	/*background: #ffe5ed url(/assets/img/icons/admonitions/error.png) no-repeat scroll 5px 5px;*/
	background: #ffe5ed;
	color: #961100;
}

div.user-profile-header {
	margin-bottom: 18px;
	padding: 0px 2px;
}
div.user-profile-photo {
	margin-bottom: 5px;
	text-align: center;
}
div.user-profile-edit-buttons {
	margin-bottom: 18px;
	text-align: center;
	line-height:18px;
	background-color: #f3f3f3;
	padding: 3px;
}
div.user-profile-photo img { }
div.user-profile-status {
	margin-bottom: 18px;
	padding: 18px 30px 0px 0px;
	color: #555555;
}
div.user-profile-status span { padding-left: 4px; }
div.user-profile-status span.username {
	padding: 0px;
	font-weight: bold;
	font-size: 18px;
	color: #06588d;
}
div.user-profile-status a { font-size: 10px; }
div.status-input-holder {
	border: 1px solid #dddddd;
	padding: 3px;
	height: 20px; width: 340px; line-height: 20px;
	float: left;
	background-color: #ffffff;
	font-size: 13px;
}
div.status-input-holder span.username {
	padding-right: 6px;
	color: #769db6;
}
input#status_new {
	border: 0px none;
	height: 20px; width: 260px; line-height: 20px;
	color: #666666;
	font-family: "Lucida Grande", Calibri, Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
}
div#status_input_holder input.active { color: #121212; }
a.status-input-submit {
	margin-left: 10px;
	border: 1px solid #a1b57e;
	padding: 0px;
	height: 26px; width: 73px; line-height: 26px;
	float: left;
	background: #8baf4e url(/assets/img/button-bar.png) repeat-x scroll left -23px;
	color: #528200;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

div#user_profile_menu {
	margin-bottom: 18px;
	border-width: 1px 1px 0px 1px; border-style: solid; border-color: #a1a1a1;
}
div.user-profile-menu-item a {
	border-bottom: 1px solid #a1a1a1;
	display: block;
	background: #e2e2e2 url(/assets/img/buttons/verticalgrey.png) repeat-y scroll right 0px;
	color: #6c6c6c;
	height: 25px; line-height: 25px;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
}
div.user-profile-menu-item a:hover {
	border-color: #a1b57e;
	background-color: #afdc62; background-image: url(/assets/img/buttons/verticalgreen.png);
	color: #528200;
}
div.user-profile-menu-item a img { margin: 0px 4px; vertical-align: middle; }

.profile-info-section {
	margin-bottom: 18px;
}
dl.info { display: block; }
dl.info dt { color: #888888; }
dl.info dd { padding-bottom: 4px; }

ul.submenu {
	margin: 0px 0px 18px;
	border-bottom: 1px solid #a6d4ee;
	border-left: 1px solid #e3e3e3;
	padding: 4px 0px 3px;
	text-align: center;
	background-color: #e5efff;
}
ul.submenu li {
	margin: 0px;
	padding: 4px 5px;
	display: inline;
}
ul.submenu li.profile_tab2 {
	border-color: #a6d4ee #a6d4ee #ffffff;
	border-style: solid solid none;
	border-width: 1px 1px medium;
	background: #ffffff none repeat scroll 0 0;
	font-weight: bold;
}

#profile_profile, #profile_friends, #profile_comments { padding: 0px 10px; }

/**
 * Activity Module
 */
div.feedcontainer {}
div.feedcontainer div.activity {}
div.feedcontainer div.feedentry {
	margin-top: 7px;
	border-bottom: 1px dotted #e3e3e3;
	padding: 0px 0px 5px 20px;
	background: transparent none no-repeat scroll 0px 3px;
}
div.feedcontainer div.action_editstatus { background-image: url(/assets/img/icons/actions/editstatus.png); }
div.feedcontainer div.action_editprofile { background-image: url(/assets/img/icons/actions/profile.png); }
div.feedcontainer div.action_editphoto { background-image: url(/assets/img/icons/actions/profile.png); }
div.feedcontainer div.action_login { background-image: url(/assets/img/icons/actions/login.png); }
div.feedcontainer div.action_signup { background-image: url(/assets/img/icons/actions/signup.png); }
div.feedcontainer div.action_addfriend { background-image: url(/assets/img/icons/actions/friends.png); }
div.feedcontainer div.action_postcomment { background-image: url(/assets/img/icons/actions/comment.png); }
/* Album plugin */
div.feedcontainer div.album_action_newalbum { background-image: url(/assets/img/icons/actions/newalbum.png); }
div.feedcontainer div.album_action_newmedia { background-image: url(/assets/img/icons/actions/newimage.png); }
/* Event plugin */
div.feedcontainer div.event_action_joinevent { background-image: url(/assets/img/icons/actions/event.png); }
/* Article plugin */
div.feedcontainer div.action_newarticle { background-image: url(/assets/img/icons/actions/newarticle.png); }
/* Notepad plugin */
div.feedcontainer div.notepad_action_postnotepad { background-image: url(/assets/img/icons/actions/notepad.png); }
div.feedcontainer div.feedentry-content {}
div.feedcontainer div.feedentry-body {}
div.feedcontainer .recentaction_div, div.feedcontainer .recentaction_div_media {
	margin-top: 2px;
	font-size: 10px;
	font-style: italic;
}
div.feedcontainer .recentaction_div_media { margin-top: 4px; }
div.feedcontainer div.feedentry-meta {
	margin-top: 2px;
	padding-top: 2px;
	font-size: 10px;
	color: #888888;
}

table { width: 100%; }
table td, table th {
	border-bottom: 1px dotted #a6d4ee;
	padding: 5px 3px 5px 0px;
	vertical-align: top;
}
table tr.no-border td, table tr.no-border th { border: 0px none; }
table td.left-column {
	padding-right: 20px;
}
table.activity thead {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}
table.activity th {
	padding-left: 20px;
	width: 300px;
	background: transparent url(/assets/img/icons/activity.png) no-repeat scroll left 3px;
}
table.status th {
	padding-left: 0px;
	width: auto;
	background: none;
}
table.activity th .overflow { width: 300px; }
table.status th .overflow { width: 375px; }
table.activity tr.action_editstatus th { background-image: url(/assets/img/icons/actions/editstatus.png); }
table.activity tr.action_editprofile th { background-image: url(/assets/img/icons/actions/profile.png); }
table.activity tr.action_editphoto th { background-image: url(/assets/img/icons/actions/profile.png); }
table.activity tr.action_login th { background-image: url(/assets/img/icons/actions/login.png); }
table.activity tr.action_signup th { background-image: url(/assets/img/icons/actions/signup.png); }
table.activity tr.action_addfriend th { background-image: url(/assets/img/icons/actions/friends.png); }
table.activity tr.action_postcomment th { background-image: url(/assets/img/icons/actions/comment.png); }
/* Album plugin */
table.activity tr.album_action_newalbum th { background-image: url(/assets/img/icons/actions/newalbum.png); }
table.activity tr.album_action_newmedia th { background-image: url(/assets/img/icons/actions/newimage.png); }
/* Event plugin */
table.activity tr.event_action_joinevent th { background-image: url(/assets/img/icons/actions/event.png); }
/* Article plugin */
table.activity tr.action_newarticle th { background-image: url(/assets/img/icons/actions/newarticle.png); }
/* Notepad plugin */
table.activity tr.notepad_action_postnotepad th { background-image: url(/assets/img/icons/actions/notepad.png); }
table.activity td.date {
	font-size: 10px;
	color: #888888;
}
table.activity td.profile-picture { width: 50px; }
table.activity td.profile-picture img {
	padding-right: 10px;
	height: 40px; width: 40px;
}
table.userhome td.date { text-align: right; }
table.network td.date { text-align: right; }
table.activity td.delete {
	cursor: pointer;
}
table.activity div.recentaction_div, table.activity div.recentaction_div_media {
	margin: 8px 0px 0px;
	width: 320px;
	font-size: 10px;
}

/**
 * Main Pages
 */

div.page-header, div.page-subheader {
	margin-bottom: 18px;
}
div.page-header h1 {
	padding-left: 60px;
	line-height: 50px;
	background: #ffffff none no-repeat scroll left center;
	font-size: 16px;
	font-weight: bold;
}
div.page-header h1.icon-network { background-image: url(/assets/img/icons/headers/globe.png); }
div.page-header h1.icon-profile { background-image: url(/assets/img/icons/headers/profile.png); }
div.page-header h1.icon-messages { background-image: url(/assets/img/icons/headers/messages.png); }
div.page-header h1.icon-friends { background-image: url(/assets/img/icons/headers/friends.png); }
div.page-header h1.icon-settings { background-image: url(/assets/img/icons/headers/settings.png); }

/**
 * Friends Module
 */
.profile-friends-search label { width: 150px; }
.profile-friends-search input#search5 { width: 150px; }

/**
 * Comment Module
 */
div.commentcontainer { padding-right: 0px; padding-left: 0px; }
div.commentcontainer div.comment {}
div.commentcontainer div.commententry {
	margin-top: 7px;
	border-bottom: 1px dotted #e3e3e3;
	padding: 5px 0px;
}
div.commentcontainer div.commententry-pic {
	padding: 0px 4px 2px 0px;
	float: left;
	width: 60px;
	text-align: right;
	margin-right: 10px;
	margin-left: 5px;
}
div.commentcontainer div.commententry-pic img { height: 50px; }
div.commentcontainer div.commententry-content {
	padding-left: 79px;
}
div.commentcontainer div.commententry-head { margin-bottom: 4px; }
div.commentcontainer .commententry-date { padding-left: 8px; }
div.commentcontainer div.commententry-body { padding-bottom: 4px; }
div.commentcontainer div.commententry-meta {
	margin-top: 2px;
	padding-top: 2px;
}
#profile_comments textarea {
	height: 40px; width: 346px;
}

/** 
 * User Home
 */
div.cafe-home-status {
	margin-bottom: 18px;
	padding: 12px 4px 0px;
	font-size: 15px; line-height: 17px;
}
div.cafe-home-status h1 {
	margin-bottom: 18px;
	color: #333333;
	font-size: 18px;
	font-weight: bold;
}
div.cafe-home-status span.username {
	padding: 0px;
	font-size: 18px;
	color: #06588d;
}

#profile_user_home_whatsnew {
	margin-top: 18px;
	padding: 0px 10px;
}
#profile_network_whatsnew {
	margin-top:18px;
	padding:0 10px;
}
#profile_friends_whatsnew {
	margin-top:18px;
	padding:0 10px;
}
ul.profile-viewer-list {}
ul.friend-birthday-list {}
ul.friend-birthday-list li {
	margin-bottom: 8px;
	padding-left: 20px;
	background: transparent url(/assets/img/icons/actions/alarm.png) no-repeat scroll left top;
}
ul.onliners-list {}

ul.home-news-list {
	margin-top: 18px;
	padding: 0px 10px;
}
ul.home-news-list li {
	margin-bottom: 12px;
	padding-left: 20px;
	background: transparent url(/assets/img/icons/actions/news.png) no-repeat scroll left top;
}
ul.home-news-list li h5 {
	margin-bottom: 8px;
	font-weight: bold;
}
ul.home-news-list li .news-date {
	padding-left: 8px;
	font-weight: normal;
	font-style: italic;
}
ul.home-news-list li .news-body { font-size: 11px; }

div.user-home-status {
	margin-bottom: 18px;
	padding: 18px 30px 0px 0px;
	color: #555555;
}
div.user-home-status span { }
div.user-home-status span.username {
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #06588d;
}
div.user-home-status span.updated {
	color: #888888;
	font-size: 10px;
}
div.user-home-status a { font-size: 10px; }
div#user_home_status_updater div.status-input-holder {width: 350px; }

/** 
 * Network
 */
#network_whatsnew {
	margin-top: 18px;
	padding: 0px 10px;
}
ul.newest-user-list { }
ul.newest-user-list li {
	margin: 10px 8px 0px 0px;
	float: left;
	text-align: center;
}
ul.newest-user-list a {
	display: block;
	font-size: 10px;
}
ul.newest-user-list img.photo {
	height: 30px; width: 30px;
}

/**
 * Edit Profile
 */
#edit_profile_form, #edit_profile_picture_form {
	padding: 0px 10px;
}
.profile-form ol li {
	border-top: 1px solid #F0F0F0;
	padding: 7px 0px;
	clear: left;
}
.profile-form ol li label {
	margin-right: 10px;
	display: block; width: 200px; line-height: 28px;
	float: left;
	font-weight: bold;
	text-align: right;
}
.profile-form ol li label.radio {
	display: inline;
	float: none; clear: none;
	font-weight: normal;
}
.profile-form input, .profile-form select, .profile-form textarea {
	border: 1px solid #dddddd;
	padding: 3px;
	height: 20px; line-height: 20px;
	color: #666666;
	font-family: "Lucida Grande", Calibri, Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
}
.profile-form input[type=file] { height: 25px; }
.profile-form select { height: 28px; }
.profile-form textarea {
	height: 60px; line-height: 14px;
	width: 300px;
}
.profile-form input.submit, .profile-form input.reset {
	margin: 8px 18px 0px 210px;
	border: 1px solid #a1b57e;
	padding: 0px;
	height: 25px; width: 138px; line-height: 20px;
	float: left;
	background: transparent url(/assets/img/button-bar.png) repeat-x scroll left -23px;
	color: #528200;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.common_button {
	float:left;
	line-height:20px !important;
	height:25px !important;
	margin:8px 18px 0px 155px;
	cursor:pointer;
}

.profile-form input.reset {
	margin: 8px 0px 0px;
	border: 1px solid #a1a1a1;
	background-position: left 0px;
	color: #6c6c6c;
}
#edit_profile_picture input.submit { margin-left: 0px;  float: none; }
.profile-form input.submit:hover .profile-form input.reset:hover, .profile-form input.submit:focus, .profile-form input.reset:focus { text-decoration: underline; }
.profile-form .form-desc {
	margin: 8px 0px 0px 210px;
	color: #888888;
	font-size: 12px;
}
#edit_profile_picture .form-desc {
	margin: 0px 0px 8px 0px;
}

/**
 * Messages
 */
#user_messages_list, #user_messages_outbox {
	padding: 0px 0px;
}
#user_messages_view {
	padding: 0px 20px;
}
#user_message ul.left { text-align: left; }
#user_message ul.left li { padding-left: 10px; }
.user-messages-delete {
	margin-top: 18px;
	padding: 0px 10px;
}
.user-messages-delete input.submit {
	margin-left: 10px;
	border: 1px solid #a1b57e;
	padding: 0px;
	height: 25px; width: 138px; line-height: 20px;
	background: transparent url(/assets/img/button-bar.png) repeat-x scroll left -23px;
	color: #528200;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.message-reply-form {
	margin-top: 18px;
}
.message-reply-form ol li {
	padding: 7px 0px;
	clear: left;
}
.message-reply-form ol li label {
	margin-right: 10px;
	display: block; width: 100px; line-height: 28px;
	float: left;
	font-weight: bold;
	text-align: right;
}
.message-reply-form textarea {
	border: 1px solid #dddddd;
	padding: 3px;
	height: 20px; line-height: 20px;
	color: #666666;
	font-family: "Lucida Grande", Calibri, Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
}
.message-reply-form textarea {
	height: 60px; line-height: 14px;
	width: 450px;
}
.message-reply-form input.submit, .message-reply-form input.reset {
	margin: 8px 18px 0px 110px;
	border: 1px solid #a1b57e;
	padding: 0px;
	height: 25px; width: 138px; line-height: 20px;
	float: left;
	background: transparent url(/assets/img/button-bar.png) repeat-x scroll left -23px;
	color: #528200;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.message-reply-form input.reset {
	margin: 8px 0px 0px;
	border: 1px solid #a1a1a1;
	background-position: left 0px;
	color: #6c6c6c;
}
table.messages {
}
table.messages thead td {
	border-bottom: 1px solid #999999;
	border-top: 1px solid #cdcdcd;
	padding: 0px;
	height: 23px; line-height: 23px;
	background: transparent url(/assets/img/button-bar.png) repeat-x scroll left top;
	text-transform: uppercase;
	letter-spacing: 1px;
}
table.messages thead td.messages-check img { vertical-align: middle; }
table.messages tr.messages_unread {
	background-color: #eafdcb;
}
table.messages td, table.messages th {
}
table.messages td.messages-check {
	padding-left: 40px;
	width: 20px;
}
td.replied { background: transparent url(/assets/img/icons/actions/message_sent.png) no-repeat scroll 10px 5px; }
td.messages-photo { padding-right: 10px; width: 45px; }
td.messages-photo img { height: 45px; width: 45px; }
table.messages td.from {
}
table.messages th {
	width: 350px;
}
table.messages-thread th { width: 430px; }
table.messages td.delete {
	padding-right: 10px;
	width: 16px;
	cursor: pointer;
}

/**
 * Friends
 */
#user_friends_list, #user_friends_search, #user_friends_requests, #user_friends_requests_out {
	padding: 0px 30px;
}
.small-text {
	color: #333;
	font-size: 10px;
}
table.friends {
}
table.friends td, table.friends th {
}
table.friends td.friends-photo { padding-right: 10px; width: 90px; }
table.friends td.friends-photo img { height: 90px; width: 90px; }
table.friends td.friends-buttons {
	width: 140px;
	vertical-align: middle;
}
table.friends td.friends-buttons a {
	margin-top: 3px;
	border: 1px solid #a1a1a1;
	display: block; width: 138px; line-height: 20px;
	background: transparent url(/assets/img/button-bar.png) repeat-x scroll left top;
	color: #6c6c6c;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
table.friends td.friends-buttons a:hover {
	border: 1px solid #a1b57e;
	background-position: 0px -23px;
	color: #528200;
	text-decoration: underline;
}
.friends-search-form form {
	border: 1px solid #dddddd;
	padding: 10px 0px;
}
.friends-search-form ol li {
	padding: 2px 0px;
	clear: left;
}
.friends-search-form ol li label {
	margin-right: 10px;
	display: block; width: 200px; line-height: 26px;
	float: left;
	font-weight: bold;
	text-align: right;
}
.friends-search-form input, .friends-search-form select {
	border: 1px solid #dddddd;
	padding: 2px;
	height: 20px; line-height: 20px;
	color: #666666;
	font-family: "Lucida Grande", Calibri, Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
}
.friends-search-form select { height: 26px; }
.friends-search-form input.submit, .friends-search-form input.reset {
	margin-left: 10px;
	border: 1px solid #a1b57e;
	padding: 0px;
	height: 25px; width: 138px; line-height: 20px;
	background: transparent url(/assets/img/button-bar.png) repeat-x scroll left -23px;
	color: #528200;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

/**
 * Edit Settings
 */
#user_account_settings, #user_account_privacy {
	padding: 0px 10px;
}
.settings-form .offset {
	margin-left: 210px;
}
.settings-form ol li {
	border-top: 1px solid #F0F0F0;
	padding: 7px 0px;
	clear: left;
}
.settings-form ol li label {
	margin-right: 10px;
	display: block; width: 200px; line-height: 28px;
	float: left;
	font-weight: bold;
	text-align: right;
}
.settings-form ol li label.radio, .settings-form ol li label.checkbox {
	line-height: 14px;
	display: inline;
	float: none; clear: none;
	font-weight: normal;
}
.settings-form input, .settings-form select, .settings-form textarea {
	border: 1px solid #dddddd;
	padding: 3px;
	height: 20px; line-height: 20px;
	color: #666666;
	font-family: "Lucida Grande", Calibri, Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
}
.settings-form input[type=file] { height: 25px; }
.settings-form select { height: 28px; }
.settings-form textarea {
	height: 60px; line-height: 14px;
	width: 300px;
}
.settings-form input.submit, .settings-form input.reset {
	margin: 8px 18px 0px 0px;
	border: 1px solid #a1b57e;
	padding: 0px;
	height: 25px; width: 138px; line-height: 20px;
	float: left;
	background: transparent url(/assets/img/button-bar.png) repeat-x scroll left -23px;
	color: #528200;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.settings-form input.reset {
	border: 1px solid #a1a1a1;
	background-position: left 0px;
	color: #6c6c6c;
}
#edit_profile_picture input.submit { margin-left: 0px;  float: none; }
.settings-form input.submit:hover .settings-form input.reset:hover, .settings-form input.submit:focus, .settings-form input.reset:focus { text-decoration: underline; }
.settings-form .form-desc {
	margin: 8px 0px 0px 210px;
	color: #888888;
	font-size: 10px;
}
#edit_profile_picture .form-desc {
	margin: 0px 0px 8px 0px;
}

/**
 * Search Results
 */
.search-form form {
	border: 1px solid #dddddd;
	padding: 10px 0px;
}
.search-form input {
	padding: 4px 2px 2px;
	height: 18px; line-height: 18px;
}
.search-form a.submit {
	margin-left: 10px;
	border: 1px solid #a1b57e;
	padding: 5px 20px;
	background: #8db14f url(/assets/img/button-bar.png) repeat-x scroll left -23px;
	color: #528200;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.search-form input.submit {
	margin-left: 10px;
	border: 1px solid #a1b57e;
	padding: 0px;
	height: 25px; width: 138px; line-height: 20px;
	background: #8db14f url(/assets/img/button-bar.png) repeat-x scroll left -23px;
	color: #528200;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

#search_results {
	padding: 12px 30px;
}
.small-text {
	color: #333;
	font-size: 10px;
}
table.search {
	margin-bottom: 12px;
	border: 1px solid #c8c8c8;
}
table.search td, table.search th {
}
table.search td.search-photo { padding-right: 10px; padding-left: 10px; width: 60px; }
table.search td.search-photo img { height: 60px; width: 60px; }

/**
 * Smoothbox Components
 */

#TB_window {
	font: 12px Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
	/*Arial, Helvetica, sans-serif;*/
	color: #333333;
}

#TB_secondLine {
	font: 10px Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
	/*Arial, Helvetica, sans-serif;*/
	color:#666666;
}

#TB_window a:link { color: #336699; text-decoration: none; }
#TB_window a:visited { color: #336699; text-decoration: none; }
#TB_window a:hover { color: #3399FF; text-decoration: underline; }
#TB_window a:active { color: #3399FF; text-decoration: underline; }
#TB_window a:focus { color: #336699; text-decoration: none; }

#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
/*
	display:block; 
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
*/
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
	font-size: 9pt;
	font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
	/*tahoma, arial, serif;*/
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
}

/* IE6 */
* html #TB_iframeContent{
	margin-bottom:1px;
}
/* AUTOSUGGEST DIV */
div.autosuggest
{
	position: absolute;
	background-image: url(../images/as_pointer.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
	font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
	/*Lucida Grande, Arial, sans-serif;*/
	font-size: 10px;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(../images/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autosuggest div.as_footer
{
	background-image: url(../images/ul_corner_br.gif);
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url(../images/ul_corner_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner
{
	background-image: url(../images/ul_corner_bl.gif);
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #333;
}


div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}

div.autosuggest ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #ccc;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #000 0px 0px 5px;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #1B5CCD;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #1B5CCD;
	background-image: url(../images/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.autosuggest ul li.as_highlight a span
{
	background-image: url(../images/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
	background-image: url(../images/hl_corner_tl.gif);
	background-position: bottom left;
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
	background-image: url(../images/hl_corner_tr.gif);
	background-position: bottom right;
}



div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	color: #6EADE7;
}

div.autosuggest img
{
	vertical-align: middle;
	margin-right: 5px;
}

/* TOOL TIPS */
.tip {
	color: #06588D;
	width: 180px;
	z-index: 13000;
	padding: 6px;
	border: 3px solid #06588D;
	background: #e5efff;
	text-align: left;
	font-size: 12px;
	padding: 4px 8px 8px;
}
.tip-text {
	display: none;
}
.tip-top {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 0px 8px 4px;
}
 
.tip-bottom {

}

.Tips1 {
	vertical-align: middle;
}

div.group_tab_title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

div.link-bar a.program_map {
	background-image:url(/assets/img/icons/program_map_icon16.png);
}
div.link-bar a.add_user {
	background-image:url(/assets/img/icons/add_user16.png);
}

div.link-bar a.add_print {
	background-image:url(/assets/img/icons/printer_small.png);
}
div.link-bar a.manuscript_collection {
	background-image:url(/assets/img/zip_file_accept.png);
}
div.link-bar a.manuscript_submission, div.link-bar a.manuscript_published {
	/* background-image:url(/assets/img/book_accept.png); */
	padding: 8px 12px;
	font-size:1.2em;
	border: 1px solid #aaa;
	background-color:#009DF5;
	margin-right:10px;
	color:#fff;
}
div.link-bar a.manuscript_proof {
	background-image:url(/assets/img/book_warning.png);
}
div.link-bar a.manuscript_published {
	/* background-image:url(/assets/img/book.png); */
}

td.leader_description{
	border:0px;
}
td.taskinfo_caption, td.taskinfo_value{
	border:0px;
	font-size:14px;
	color:#333333;

}

td.taskinfo_value{
	border:0px;
	font-size:12px;
	color:#333333;

}

/**
 * Edit Profile
 */
#task_profile_form, #task_profile_edit_form {
	padding: 0px 10px;
	margin-top:5px;
}
.taskprofile-form ul li {
	border-top: 1px solid #F0F0F0;
	padding: 7px 0px;
	clear: left;
	line-height:26px;
}
.taskprofile-form ul li label {
	margin-right: 10px;
	display: block; width: 200px; line-height: 28px;
	float: left;
	font-weight: bold;
	text-align: right;
}
.taskprofile-form ul li span {
	line-height: 28px;
}
.taskprofile-form ul li label.radio {
	display: inline;
	float: none; clear: none;
	font-weight: normal;
}
.taskprofile-form input, .profile-form select, .profile-form textarea {
	border: 1px solid #dddddd;
	padding: 3px;
	height: 24px; line-height: 20px;
	color: #666666;
	font-family: "Lucida Grande", Calibri, Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
}
.taskprofile-form input[type=file] { height: 25px; }
.taskprofile-form select { height: 28px; }
.taskprofile-form textarea {
	height: 60px; line-height: 14px;
	width: 300px;
}
.taskprofile-form input.submit, .taskprofile-form input.reset {
	margin: 8px 18px 0px 210px;
	border: 1px solid #a1b57e;
	padding: 0px;
	height: 25px; 
	width: 138px; 
	line-height: 20px;
	float: left;
	background: transparent url(/assets/img/button-bar.png) repeat-x scroll left -23px;
	color: #528200;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.taskprofile-form input.reset {
	margin: 8px 18px 0px 0px;
	border: 1px solid #a1a1a1;
	background-position: left 0px;
	color: #6c6c6c;
}
#edit_profile_picture input.submit { margin-left: 0px;  float: none; }
.taskprofile-form input.submit:hover .taskprofile-form input.reset:hover, .taskprofile-form input.submit:focus, .taskprofile-form input.reset:focus { text-decoration: underline; }
.taskprofile-form .form-desc {
	margin: 8px 0px 0px 210px;
	color: #888888;
	font-size: 10px;
}
#task_profile_edit_form .form-desc {
	margin: 0px 0px 8px 0px;
}


/* HOME NAV LIST STYLES */
.home_list {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	padding: 0 10px;
}
.home_list li {
	padding: 1.3em 0;
	border-bottom:1px solid #D9D9D9;
}
.home_list h3 {
	display: block;
}
.home_list li img {
	float: left;
	margin: -11px 8px 0 0;
	display: block;
	border: 0 none;
	width: 40px;
	height: 40px;
}
a.arrow {
	background:transparent url(/assets/img/icons/navlist/arrow20090106.gif) no-repeat scroll 100% 50%;
	display: block;
	padding-right: 10px;
}
li.submenu {
	background-color:#fcfcfc;
	padding: 1.0em 0 1.0em 20px;
}
li.submenu img {
	width:30px;
	height:30px;
	margin:-8px 8px 0 0;
}
/* END HOME NAV STYLE */

div.home-status {
	color:#555555;
	margin-bottom:8px;
	padding:18px 30px 0 0;
}

a.ajax_heading span{
	color:#000000;
}

a.ajax_heading:hover span{
	color:#0879C2;
}
