/*<style>*/

html{ height: 100%; }

html * {
	margin: 0;
	padding: 0;
	font-size: 11px;
	vertical-align: top;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
	height: 100%;
	background: #DDD url('http://www.hcarknowledgemesh.com/common/App/images/bg_page.gif');
}

a {
	color: #F54D00;
	text-decoration: none;
}

a:hover {
	color:#C03C00;
	text-decoration: underline;
}

.clearBoth {
	clear: both;
}

h1 {
	height: 75px;
	line-height: 75px;
	font-size: 24px;
	margin-left: 30px;
	vertical-align: middle;
}

h2 {
	font-size: 16px;
	margin-bottom: 15px;
}

h3 {
	font-size: 12px;
	padding: 3px 0;
}


h4 {
	color: #FFF;
	padding: 2px 3px;
	font-size: 14px;
	border: 1px solid #FFF;
	background: #333 url('http://www.hcarknowledgemesh.com/common/App/images/bg_main_nav.jpg') left top repeat-x;
}

#headerTd {
	height: 83px;
	background: #FFF url('http://www.hcarknowledgemesh.com/common/App/images/header.gif') no-repeat top left;
}

#page {
	padding: 0;
	width: 837px;
	margin: 0 auto 0 auto;
	background-color: #FFF;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	height: 100%;
}

#nav {
	margin-bottom: 10px;
	border-bottom: 1px solid #BBB;
	background: #333 url('http://www.hcarknowledgemesh.com/common/App/images/bg_main_nav.jpg') left top repeat-x;
}

#nav ul {
	list-style: none;
}

#nav li {
	float: left;
}

#nav ul a {
	color: #FFF;
	display: block;
	padding: 0 10px;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	line-height: 24px;
	text-transform:uppercase;

	/*REDUNDANT, BUT REQUIRED BY OPERA TO DISPLAY CORRECTLY*/
	background: #333 url('http://www.hcarknowledgemesh.com/common/App/images/bg_main_nav.jpg') left top repeat-x;
}

#nav ul a.highlighted {
	background: #FF6600;
	font-weight: bold;
}

#nav ul a:hover {
	text-decoration: none;
	background: #333 url('http://www.hcarknowledgemesh.com/common/App/images/bg_nav_hover.jpg') left top repeat-x;
}

#view {
	margin: 0 10px 10px 10px;
	clear: both;
}

#breadcrumb {
	font-size: 14px;
	font-weight: bold;
	margin: 0 10px 15px 10px;
}

#footer {
	color: #FFF;
	clear: both;
	padding: 5px;
	font-size: 10px;
	text-align: center;
	border-top: 1px solid #BBB;
	background: #333 url('http://www.hcarknowledgemesh.com/common/App/images/footer_bg.gif') left top no-repeat;
}

#footer a, a:hover {
	color: #F0AD00;
}

/* NAV LIST ***************************************************/

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

.gf_nav_list li {
	margin: 0;
	padding: 0 10px;
	height: 22px;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	vertical-align: middle;
	border-bottom: 1px solid #DDD;
}

.gf_nav_list li:hover {
	cursor: pointer;
	background-color: #EEE;
}

.gf_nav_item {
	margin: 0;
	padding: 0 10px;
	height: 22px;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	vertical-align: middle;
	border-bottom: 1px solid #DDD;
}

.gf_nav_item:hover {
	cursor: pointer;
	background-color: #EEE;
}

/* TABS *******************************************************/

#tab_row {
	margin: 0;
	padding: 0;
	height: 22px;
}

#tab_row li {
	float: left;
	list-style: none;
	margin-right: 2px;
	background-color: #EEE;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

#tab_row a {
	color: #000;
	display: block;
	font-size: 12px;
	padding: 3px 10px;
	text-decoration: none;
}

#tab_row .tab_selected {
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
}

#tab_row .tab_selected a {
	font-weight: bold;
}

#tab_body {
	padding: 10px;
	border: 1px solid #999;
	background-color: #FFF;
}

#tab_content {
	margin: 0;
}

/* LIBRARY ****************************************************/

.gf_library_list_item {
	border-bottom: 1px solid #BBB;
}

.gf_library_list_item:hover {
	background-color: #EEE;
}

.gf_library_list_item_name {
	width: 50%;
	margin: 5px;
}

.gf_library_list_item_file_name {
	width: 50%;
	margin: 5px;
}

/* PROFILE ****************************************************/

.gf_profile_badge div {
	font-size: 14px;
}

.gf_profile_portrait {
	float: left;
	margin: 0 10px 10px 0;
}

div.gf_profile_name {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

.gf_profile_position {
}

.gf_profile_field {
}

.gf_profile_organization {
}

.gf_profile_summary {
	margin: 10px 0;
}

.gf_profile_summary h2 {
	margin: 15px 0 0 0;
}

.gf_profile_summary p {
	margin: 5px 5px 5px 10px;
}

.gf_profile_interest h2 {
	margin: 15px 0 0 0;
}

.gf_profile_interest ul {
	margin-top: 5px;
	list-style: disc;
}

.gf_profile_interest li {
	margin-left: 22px;
}

.gf_profile_resume_download {
	margin-bottom: 10px;
}

.gf_profile_resume_download a {
	font-size: 14px;
	font-weight: bold;
}

.gf_profile_detail {
	width: 100%;
}

.gf_profile_detail td {
	padding: 2px 0;
}

.gf_profile_detail ul {
	list-style: disc;
}

.gf_profile_detail li {
	margin-left: 30px;
}

td.gf_profile_detail_label {
	width: 100px;
	padding: 3px;
	text-align: right;
	font-weight: bold;
	background-color: #EEE;
	border: 1px solid #DDD;
}

.gf_profile_friend_badge {
	width: 30%;
	height: 55px;
	margin: 0 10px 10px 0;
	padding: 10px;
	border: 1px solid #DDD;
	position: relative;
}

.gf_profile_friend_name a {
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	font-weight: bold;
}

.gf_profile_friend_position {
	height: 14px;
	line-height: 14px;
	margin-left: 10px;
}

.gf_profile_friend_field {
	height: 14px;
	line-height: 14px;
	margin-left: 10px;
}

.gf_profile_friend_organization {
	height: 14px;
	line-height: 14px;
	margin-left: 10px;
}

.gf_profile_friend_control {
	width: 90%;
	height: 14px;
	line-height: 14px;
	text-align: right;
	right: 5px;
	bottom: 5px;
	position: absolute;
}

#gf_profile_friend_add_bttn {
	float: right;
}

/* POSITION ***************************************************/

.gf_position_badge {
	margin: 0 0 15px 15px;
}

.gf_position_badge_edit {
	float: right;
}

.gf_position_name {
	color: #333;
	font-size: 14px;
	font-weight: bold;
}

.gf_position_field {
	margin: 5px 0 0 20px;
}

.gf_position_field ul {
	margin-top: 2px;
}

.gf_position_organization {
	margin-left: 10px;
}

.gf_position_start_end {
	margin-left: 10px;
}

.gf_position_summary {
	margin: 5px 0 0 20px;
}

/* BLOG *******************************************************/

.gf_blog_control {
	float: right;
	height: 16px;
	line-height: 16px;
	margin-bottom: 10px;
}

.gf_blog_control a {
	text-decoration: none;
}

.gf_blog_post_list {
}

.gf_blog_post_title {
	color: #F54D00;
	margin-top: 5px;
	font-size: 14px;
}

.gf_blog_post_title a {
	color: #F54D00;
	font-size: 14px;
}

.gf_blog_post {
	border-bottom: 2px dotted #BBB;
}

.gf_blog_post_info {
	margin-top: 5px;
	float: right;
	text-align: right;
	height: 16px;
	line-height: 16px;
}

.gf_blog_post_info a {
	text-decoration: none;
}

.gf_blog_post_summary {
	font-size: 12px;
	margin: 15px 0 25px 0;
}

.gf_blog_post_post {
	font-size: 12px;
	margin: 15px 0 10px 0;
}

/* EULA *******************************************************/

#gf_eula {
	margin: 20px;
}

#gf_eula h1 {
	padding: 0;
	font-size: 18px;
	margin: 0 0 10px 0;
}

#gf_eula h2 {
	padding: 0;
	font-size: 14px;
	margin: 0 0 5px 0;
}

#gf_eula p, ul, ol {
	padding: 0;
	font-size: 12px;
	margin: 0 0 10px 0;
}

#gf_eula ol {
	list-style: decimal;
}

#gf_eula ul {
	list-style: disc;
}

#gf_eula blockquote {
	margin: 0 0 10px 20px;
}

#gf_eula li {
	margin: 0 0 3px 25px;
}

#gf_eula_bttn_bar {
	margin: 20px;
}

#gf_eula_disagree_bttn {
	float: left;
}

#gf_eula_agree_bttn {
	float: right;
}

/* COMMENT ****************************************************/

.gf_comment_post_list_title {
	color: #666;
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: 300px;
	margin-top: 15px;
}

.gf_comment_control {
	float: right;
	width: 200px;
	text-align: right;
	margin-top: 15px;
}

.gf_comment_post_list {
}

.gf_comment_post_title {
	color: #FFF;
	background-color: #EEE;
	border: 1px solid #BBB;
}

.gf_comment_post_title a {
	color: #666;
	font-size: 14px;
}

.gf_comment_post_title a:hover {
	text-decoration: none;
}

.gf_comment_post {
}

.gf_comment_post_info {
	height: 18px;
	padding: 2px 5px 0 5px;
	text-align: right;
	line-height: 16px;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
}

.gf_comment_post_info a {
	text-decoration: none;
}

.gf_comment_post_info_author {
	float: left;
}

.gf_comment_post_info_posted {
	float: right;
}

.gf_comment_post_summary {
	margin: 5px 10px 15px 10px;
}

.gf_comment_post_post {
	padding: 5px 5px 10px 5px;
	margin: 0 0 25px 0;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
}

/* MESSAGE ****************************************************/

.gf_message_view {
	margin: 10px;
}

/* GROUPS *****************************************************/

#gf_group_join_bttn {
	float: right;
}

.gf_group_list h2 {
	margin-bottom: 3px;
}

.gf_group_list li {
	width: 30%;
	float: left;
	margin: 10px 10px 0 10px;
}

.gf_group_list p {
	margin: 0 0 15px 10px;
}

.gf_group_view {
	margin: 10px;
}

.gf_group_descripton {
	margin-top: 10px;
}

.gf_member_list_col {
	width: 23%;
	float: left;
	margin-right: 10px;
}

.gf_member_list h2 {
	margin-bottom: 2px;
}

.gf_member_list p {
	margin-left: 10px;
}

/* DASHBOARD **************************************************/

.gf_dashboard_block {
	float: left;
	width: 384px;
	height: 250px;
	margin: 0 10px 10px 0;
	border: 1px solid #CCC;
}

.gf_dashboard_block h4 {
	margin: 0;
}

.gf_dashboard_block ul {
	margin: 5px;
}

.gf_dashboard_block li {
	margin: 0 0 8px 5px;
}

.gf_dashboard_block p {
	margin-left: 12px;
}

.gf_dashboard_source_link {
	text-align: right;
	margin: 5px;
}

#gf_dashboard_blog {
	height: 512px;
}

.gf_post_item {
	padding: 2px 5px;
	border-bottom: 1px solid #DDD;
}

.gf_post_item:hover {
	cursor: pointer;
	background-color: #FFC;
}

.gf_post_item_from {
	margin-left: 18px;
	font-size: 10px;
}

.gf_moderate_dashboard_item {
	height: 20px;
	line-height: 20px;
	padding: 2px 5px;
	border-bottom: 1px solid #DDD;
}

.gf_moderate_dashboard_item:hover {
	background-color: #FFC;
}

.gf_moderate_dashboard_item_subject {
	width: 74%;
	float: left;
}

.gf_moderate_dashboard_item_accept_deny {
	width: 24%;
	float: right;
	text-align: right;
}

/* BUTTONS ****************************************************/

.gf_bttn {
	color: #FFF;
	padding: 0 10px;
	background-color: #069;
}

#gf_forgot_password_button {
	margin-left: 97px;
}

#gf_feedback {
	float: right;
	clear: both;
	margin: 0 10px 10px 10px;
}

/* LOGIN ******************************************************/

div#account_login_element {
	width: 200px;
	border-right: 1px solid #BBB;
    padding: 17px;
}

#account_login_element p {
	margin-top: 10px;
	margin-bottom: 10px;
}

#account_login_element_form {
}

#gf_account_login_control_element {
	float: right;
	margin: 10px 10px 5px 10px;
}

#gf_account_login_control_element a {
	font-size: 14px;
	font-weight: bold;
}

#account_login_element h3 {
	font-size: 16px;
	text-decoration: underline;
}

/* CONTENT PAGES **********************************************/

div#content_wrap{
	float:left;
	background:transparent url('http://www.hcarknowledgemesh.com/common/App/images/bg_content_wrap.gif') left top repeat-x;
    border-top: 1px solid #ddd;
	width: 100%;
}

div#inner_content_wrap{
	float:right;
	width:576px;
	padding:25px 0 60px 0;
	background: transparent;
	overflow: visible;
}

div#main_content {
	float: right;
	width: 540px;
}

div#main_content strong {
	font-size: 1.1em;
	font-weight: bold;
}

div#main_content p{
	font-family: Tahoma, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height:18px;
	margin:0 40px 10px 0;
	color:#333;
}

div#main_content h2{
	font-family: Tahoma, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#333;
	margin:0 20px 3px 0;
	font-size:1.4em;
}

div#main_content h2 a {
	font-family: Tahoma, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:1.1em;
    text-decoration: underline;
}

#sub_nav {
	float: left;
	width: 100px;
	background:#414141;
	width:234px;
	height: 100%;
}

#sub_nav ul {
  list-style:none;
}

#sub_nav li {
	float:left;
	font-size:1.3em;
	width:234px;
	line-height:20px;
	background: #000 url('http://www.hcarknowledgemesh.com/common/App/images/bg_main_nav.jpg') left top repeat-x;
}

div#sub_nav a{
	float:left;
	color:#FFF;
	width:100%;
	font-weight:normal;
	text-indent:20px;
	padding:.8em 0;
	display:block;
	text-decoration:none;
}


/* EXTJS ******************************************************/

.x-tab-panel-header {
	border-top: none;
	border-left: none;
	border-right: none;
}

.x-tab-panel .x-tab-strip {
	background: none;
	background-image: none;
	background-color: #FFF;
}

.x-tree-node img.folder, .x-tree-node-collapsed img.folder {
    background: url("http://www.hcarknowledgemesh.com/common/Extjs/resources/images/default/tree/folder.gif");
}

.x-tree-node ul, .x-tree-node-collapsed ul {
	margin-bottom: 3px;
}

.x-tree-node-expanded img.folder {
    background: url("http://www.hcarknowledgemesh.com/common/Extjs/resources/images/default/tree/folder-open.gif");
}

.x-tree-node img.nofolder, .x-tree-node-collapsed img.nofolder {
    width: 0;
    background: none;
}

.x-tree-node-expanded img.nofolder {
    width: 0;
    background: none;
}

.x-fieldset-header-text {
	color: #F54D00;
}

.x-form-checkbox {
	margin-top: 10px;
}

#gf_group_tree .x-tree-node img.group, .x-tree-node-collapsed img.group {
    background: url("http://www.hcarknowledgemesh.com/common/Gframe/images/icons/silk/group.png") no-repeat;
}

#gf_group_tree .x-tree-node-expanded img.group {
    background: url("http://www.hcarknowledgemesh.com/common/Gframe/images/icons/silk/group.png") no-repeat;
}

#gf_group_tree .x-tree-node img.group_key, .x-tree-node-collapsed img.group_key {
    background: url("http://www.hcarknowledgemesh.com/common/Gframe/images/icons/silk/group_key.png") no-repeat;
}

#gf_group_tree .x-tree-node-expanded img.group_key {
    background: url("http://www.hcarknowledgemesh.com/common/Gframe/images/icons/silk/group_key.png") no-repeat;