﻿/* general styles */
body { margin: 0; background: #fff; color: #333; font-size: 80%; font-family: Arial, Helvetica, sans-serif; }
a { color: #003399; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border-style: none; }
h1 { font-size: 1.8em; color: #555; margin: 0 0 0.5em 0; }
h2 { font-size: 1.5em; color: #f47d31; margin: 0 0 0.5em 0; }
h3 { font-size: 1.2em; color: #f47d31; margin: 0 0 0.5em 0; }
h6 { font-size: 1em; color: #333; margin: 0 0 1em 0; }
h5 { font-size: 1em; color: #333; margin: 0 0 1em 0; }
h4 { font-size: 1em; color: #333; margin: 0 0 1em 0; }
p { line-height: 140%; margin: 0 0 1.2em 0; }
ul { list-style: square; }
ul ul { list-style: circle; }
ul ul ul { list-style: disc; }
.cb { clear: both; }

/* header layout */
#communityLayout { width: 960px; margin: auto; }
#headerLayout { height: 156px; position: relative; background: url('/Style%20Library/SQTComm_designs/AORN_images/bg_tile.gif') top repeat-x; }
#headerLogo { position: absolute; top: 27px; left: 20px; }
#headerLinks { position: absolute; top: 10px; right: 10px; color: #000; font-size: 0.9em; }
#headerLinks a {  }
#headerLinks img { vertical-align: middle; }
#headerLinks table { border-collapse: collapse; }
#headerLinks table td { padding: 0; }
#headerLinks td.pipe { padding: 0 0.5em; }
#headerSearch { position: absolute; top: 50px; right: 10px; color: #000; }
#headerSearch .ms-sbtext { font-weight: bold; padding: 0 5px 0 0; }
td.ms-sbcell input[type=text] { background: #fff; color: #555; border: 1px #ccc solid; font-size: 1em; padding: 0.3em; }
#authorTools { margin: 0 0 10px 0; }

/* header navigation */
#headerNavigation { position: absolute; bottom: 10px; left: 15px; width: 931px; height: 50px; padding: 0 20px; color: #fff; background: url('/Style%20Library/SQTComm_designs/AORN_images/bg_nav.jpg') top left no-repeat; }
#headerNavigation .globalNav { margin: 15px 0 0 0; }
#headerNavigation .globalNavItem { text-align: center; vertical-align: top; border-left: 1px #fff dashed; font-size: 1.2em; }
#headerNavigation .globalNavItem a { display: block; font-weight: bold; padding: 0 25px; color: #fff; }
#headerNavigation #zz1_globalNavn0 table.globalNavItem { border-left-style: none; }
#headerNavigation .logo { position: absolute; bottom: 12px; right: 55px; }

/* body layout */
#bodyLayout { width: 100%; border-collapse: collapse; }
#bodyLeft { width: 185px; padding: 0 25px 0 20px; vertical-align: top; }
#bodyCenter { width: auto; padding: 0; vertical-align: top; }
#bodyRight { width: 180px; padding: 0 20px 0 20px; vertical-align: top; }
#bodyRight div { text-align: center; }

/* footer layout */
#footerLayout { margin-top: 10px; padding: 10px; font-size: .85em; text-align: center; color: #fff; background: #bbb; }
#footerLayout a { color: #fff; text-decoration: underline; }

/* community tabs */
.communityTabs { margin: 0 0 1em 0; padding: 0; }
.communityTabs li { margin: 0; list-style-type: none; display: inline; font-weight: bold; font-size: 0.9em; }
.communityTabs a { display: inline-block; padding: 5px 5px; background: #999; color: #fff; }
.communityTabs a:hover { text-decoration: none; }
.communityTabs .selected { background: #f19a13; }
.communityTabs .selected a { background: #f19a13; }
.hideTab { display: none; }

/* community tabs (alertnate style) */
.communityTabs.alt { text-align: right; margin: 0 0 1em 0; }
.communityTabs.alt li { font-size: 0.85em; }
.communityTabs.alt a { padding: 0 0 0 8px; border-left: 2px #ddd solid; margin: 0 0 0 5px; background: transparent; color: #0d5cab; }
.communityTabs.alt a:hover { text-decoration: underline; }

/* group tabs */
.tabNotActivated { font-size: .86em !important; text-decoration:underline !important; }
/*.cigSubType { margin: 0 0 0 295px; } */

/* widget styles */
.widget { background: url('/Style%20Library/SQTComm_Designs/Silver_Images/sidegradient_middle.jpg') center repeat-y; margin: 0 0 1em 0; }
.widgetHeader { background: url('/Style%20Library/SQTComm_Designs/Silver_Images/sidegradient_top.jpg') top no-repeat; }
.widgetFooter { padding: 10px 10px 20px 10px; min-height: 80px; background: url('/Style%20Library/SQTComm_Designs/Silver_Images/sidegradient_bottomshort.jpg') bottom no-repeat; }
.widgetFooter li { text-align: left; }
#bodyCenter .widget { background-image: url('/Style%20Library/SQTComm_designs/Silver_images/centergradient_middle.jpg'); }
#bodyCenter .widgetHeader { background-image: url('/Style%20Library/SQTComm_designs/Silver_images/centergradient_top.jpg'); }
#bodyCenter .widgetFooter { background-image: url('/Style%20Library/SQTComm_designs/Silver_images/centergradient_bottom.jpg'); }

/* web part styles (same appearance as widget, styling different markup) */
.ms-WPHeader { background: url('/Style%20Library/SQTComm_Designs/Silver_Images/sidegradient_top.jpg') top left no-repeat; padding: 10px 10px 0 10px; }
.ms-WPHeader .ms-WPTitle nobr { white-space: normal; }
.ms-WPBorder { background: url('/Style%20Library/SQTComm_Designs/Silver_Images/sidegradient_bottom.jpg') bottom no-repeat; padding: 10px; border-style: none !important; }
#bodyCenter .ms-WPHeader { background-image: url('/Style%20Library/SQTComm_designs/Silver_images/centergradient_top.jpg'); }
#bodyCenter .ms-WPBorder { background: url('/Style%20Library/SQTComm_designs/Silver_images/centergradient_middle.jpg') top repeat-y; padding: 0; }
#bodyCenter .ms-WPBorder .ms-WPBody { padding: 10px; background: url('/Style%20Library/SQTComm_designs/Silver_images/centergradient_bottom.jpg') bottom no-repeat; }

/* my network */
#myNetwork h2 { color: #555; font-size: 1.4em; }
#myNetwork .link { margin: 0 0 0.5em 0; padding: 2px 0 0 25px; font-weight: bold; }
#myNetwork .link a { color: #0d5cab; text-decoration: none; }
#myGroupsLink { background: url('/SQTComm_Images/icon_groups.png') bottom left no-repeat; }
#myProfileLink { background: url('/SQTComm_Images/icon_profile.png') bottom left no-repeat; }
#myAlertsLink { background: url('/SQTComm_Images/mynetwork-myalerts.png') bottom left no-repeat; }
#myColleaguesLink { background: url('/SQTComm_Images/icon_colleagues.png') bottom left no-repeat; }
#myInboxLink { background: url('/SQTComm_Images/icon_mail.png') bottom left no-repeat; }
#myDiscussionsLink { background: url('/SQTComm_Images/icon_discussion.png') bottom left no-repeat; }
#myBlogsLink { background: url('/SQTComm_Images/icon_blog.png') bottom left no-repeat; }
#myNetwork ul { font-size: 0.85em; margin: 0 0 0 25px; }
#myNetwork li { list-style-type: none; font-weight: bold; }
#myNetwork li a { color: #f47d31; text-decoration: none; }

/* profile */
.profileItem { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px #ccc solid; }
.profileItem .profileImage { width: 90px; float: left; }
.profileItem .profileHeader { float: left; }
.profileItem #connections { float: right; text-align: right; }
.profileItem #connections .profileCount { font-size: 0.8em; color: #f47d31; }
.profileItem #connections .profileCount a { color: #f47d31; }
.profileItem .profileName { font-size: 1.2em; font-weight: bold; }
.profileItem .profileDescription { margin: 0 0 0.5em 0; }
.profileItem .profileStatus { color: #999; font-style: italic; margin: 0 0 0.5em 0; }
.profileItem .profileLinks { clear: both; color: #888; font-size: 0.85em; }
.profileItem .profileLinks a { font-weight: bold; }

/* micro profile */
.profileItem.micro { padding: 0; margin: 0 0 5px 0; border-bottom: 1px #ddd solid; }
.profileItem.micro .profileImage { width: 35px; }
.profileItem.micro .profileImage img { width: 30px; }
.profileItem.micro .profileHeader { margin: 0; color: #555; font-size: 0.9em; }
.profileItem.micro .profileName { font-size: 1em; }

/* mini profile */
.miniProfileItem .profileImage { text-align: center; margin: 0 0 10px 0; }
.miniProfileItem .profileName { font-weight: bold; }
.miniProfileItem .profileName a { color: #555; }
.miniProfileItem .profileCount { font-size: 0.8em; color: #bbb; }
.miniProfileItem .profileCount a { color: #f47d31; }
.miniProfileItem .profileLinks { color: #888; font-size: 0.85em; }
.miniProfileItem .profileLinks a { font-weight: bold; }
.miniProfileItem .profileStatus { color: #555; margin: 5px 0; font-size: 0.9em; font-style:italic; }
.miniProfileItem .editStatusLabel { font-style: italic; color: #999; font-size: 0.8em; cursor: pointer; }
.miniProfileItem .profileReputation { float: right; }

/* mini profile - colleague mode */
.profileColleague .profileImage { text-align: center; margin: 0 0 10px 0; }
.profileColleague .profileName { font-weight: bold; }
.profileColleague .profileName a { color: #555; }
.profileColleague .profileCount { font-size: 0.8em; color: #bbb; }
.profileColleague .profileCount a { color: #f47d31; }
.profileColleague .profileLinks { color: #888; font-size: 0.85em; }
.profileColleague .profileLinks a { font-weight: bold; }
.profileColleague .profileStatus { color: #555; margin: 5px 0; font-size: 0.9em; font-style:italic; }
.profileColleague .editStatusLabel { font-style: italic; color: #999; font-size: 0.8em; cursor: pointer; }

/* profile details */
.profileDetailsMeta h2, .editProfilePanel h3 { clear: both; font-size: 1.2em; margin: 1.5em 0 5px 0; padding: 0 0 1px 0; border-bottom: 1px #eee solid; }
.profile-field { margin: 0 0 0.75em 0; }
.profile-label { font-weight: bold; font-size: 0.85em; }
.profile-value { color: #666; }
.editProfileField { clear: both; }
.editProfileFieldTitle { margin: 0.5em 0; float: left; width: 18%; font-weight: bold; font-size: 0.85em; color: #000; text-align: right; }
.editProfileFieldControl { margin: 0.5em 0; float: left; width: 80%; padding: 0 0 0 2%; }
.levelwrap { margin: 0 0 5px 0; }
ul.ui-sortable li { position: relative; }
ul.ui-sortable li span.handle { display: block; padding: 5px; cursor: move; }
ul.ui-sortable li:hover { background: #f3f3f3; }
ul.ui-sortable li a.removeHandle { font-size: 0.85em; font-weight: bold; display: none; position: absolute; top: 5px; right: 10px; }
ul.ui-sortable li:hover a.removeHandle { display: block; }

#rssLink { margin: 1em 0 0 0; font-size: 0.9em; font-weight: bold; }
#rssLink a { color: #555; }

/* social distance */
.socialDistance-1 { width: 20px; height: 20px; background: url('/SQTComm_Images/distance-1.png') top right no-repeat; }
.socialDistance-2 { width: 20px; height: 20px; background: url('/SQTComm_Images/distance-2.png') top right no-repeat; }
.socialDistance-3 { width: 20px; height: 20px; background: url('/SQTComm_Images/distance-3.png') top right no-repeat; }

/* page utilities */
#pageUtilities { text-transform: uppercase; font-size: 0.85em; }
#pageUtilities div { margin: 0 0 0.5em 0; }
#fontSize a { padding: 0 5px 0 0; color: #888; text-transform: uppercase; font-family: "Times New Roman", Times, serif; }
#fontSize span.regular { font-size: 1.1em; }
#fontSize span.large { font-size: 1.3em; }
#fontSize span.xLarge { font-size: 1.5em; }

/* links and buttons */
.findLink { background: #707070; color: #fff; border: 3px #ccc solid; }
.findLink a { display: block; padding: 5px 10px; font-weight: bold; color: #fff; text-decoration: none; font-size: 1.2em; }
.findLink a:hover { background: #ef7d16; }
.moreLink { margin: 1em 0 0 0; color: #888; font-size: 0.85em; text-transform: uppercase; font-weight: bold; }
.moreLink a { color: #888; }

/* page content editor */
.RadEWrapper { width: auto !important; }

/* messaging */
.msgActions { margin: 5px 0; }
.msgActions td { padding: 0 5px 0 0; }
.msgDisplayFrom { margin: 1em 0 0 0; }
.msgDisplaySent { font-size: 0.85em; color: #888; }
.msgDisplayTo { font-size: 0.85em; color: #888; }
.msgDisplayFrom { font-size: 0.85em; color: #888; }
.msgDisplayTitle { font-weight: bold; margin: 1em 0; }

/* groups */
/* .groupDescription { overflow:hidden; width:500px; text-overflow: ellipsis; } */
.groupLogo { float: left; padding-right: 10px; }

/* blogs */
.ms-PostEdit { font-size: 0.85em; font-style: italic; }
.ms-PostEdit a { color: #888; }
.ms-PostFooter { font-size: 0.85em; color: #555; padding: 0; margin: 0 0 1em 0; }
.ms-PostFooter div { display: inline; margin: 0 0.5em 0 0; }
.ms-PostFooter p { display: inline; margin: 0 0.5em 0 0; }
.ms-Ratings { margin: 0 0 2em 0; }
.blogRollupPost { margin: 0 0 2em 0; }
.blogRollupTitle { font-size: 1em; }
.blogRollupFooter { font-size: 0.85em; color: #555; padding: 0; margin: 0 0 1em 0; }
table.blogFeature { width: 100%; border-collapse: collapse; margin: 1em 0 0 0; }
.blogFeaturePhoto { width: 80px; padding: 0 10px 0 0; vertical-align: top; }
.blogFeatureBody { width: auto; padding: 0; vertical-align: top; }

/* cloud tags */
.xsmallTag { font-size: 0.75em; }
.smallTag { font-size: 0.85em; }
.medTag { font-size: 1em; }
.largeTag { font-size: 1.2em; }
.xlargeTag { font-size: 1.5em; }

/* discussions */
.postTitle { }
.postDescription { margin: 0 0 1em 0; }
.postFooter { font-size: 0.85em; color: #555; padding: 5px 0 0 0; border-top: 1px #d0d0d0 dotted; }
.postSubscribe { font-size: 0.85em; color: #555; }
.postSubscribe div { display: inline; }

.postSubscribe span { display: inline; }
.attachmentsList span {color: #EF7D16}

.RadUploadTable { filter:progid:DXImageTransform.Microsoft.dropShadow(Color=ffffff,offX=0,offY=0,positive=false) !important; width:504px !important; }
.discussionPostEdit h3 { clear: both; font-size: 1.2em; margin: 1.5em 0 5px 0; padding: 0 0 1px 0; border-bottom: 1px #eee solid; }
.tabbedContentWrapper { padding:10px; border:solid 1px #919b9c; margin-top:-7px; margin-right:1px; }
.tabbedContent {  }

.attachmentsList { padding:0 10px; background:#f1e0c6; border:1px dashed #919b9c; margin-bottom:25px; }
.ms-Comment .attachmentsList { padding:0 10px; background:#dbdbdb; border:1px dashed #919b9c; margin-bottom:25px; }

.MsoNormalTable { width:100% !important; }
.ms-RateThis span { white-space:nowrap; }
.ms-commentsWrapper .tabContent { width:100% !important; } 

/* comments */
.ms-CommentsWrapper { }
.ms-Comment { margin: 1.5em 0 0 0; padding: 1.5em; background: #f5f5f5; border: #d0d0d0 solid; border-width: 1px 0; }
.ms-CommentTitle { font-size: 1em; color: #555; }
.ms-CommentBody {  }
.ms-CommentFooter { padding: 0; margin: 0; font-size: 0.85em; color: #888; }

/* item lists */
table.itemList { margin: 1em 0; width: 100%; }
.itemList td { vertical-align: top; padding: 0; }
td.itemListDate { width: 80px; font-size: .9em; font-weight: bold; color: #555; }
td.itemListText { padding-left: 10px; }
table.itemListHeader {  }
.itemListHeader td { vertical-align: top; }
td.itemListTitle h3 { width: 255px; overflow: hidden !important; }
td.itemListRating {  }
.itemListText h3 { margin: 0; font-size: 1em; }
td.itemListRating .ms-RatingDisplay { margin: 0; width: 100px; overflow: hidden !important; }
.itemListDescription { font-size: 0.9em; }
div.itemListFooter { font-size: 0.85em; color: #888; }
table.wideItemList { margin: 1em 0; width: 100%; }
table.wideItemList td.itemListText { padding-left: 0px; }
.itemListImage { width: 90px; }
.itemListImage img { width: 80px; }

/* forms */
fieldset { margin: 10px 0; padding: 10px; border: 1px solid #6597af; }
legend { margin-top: 10px; margin-bottom: 5px; font-weight: bold; color: #6597af; }
legend div { display: inline; }
.formLayout { margin-top: 10px; }
.formLayout th { vertical-align: top; padding: 5px; }
.formLayout td { vertical-align: top; padding: 5px; }
.formLayout th { font-weight: bold; text-align: right; color: #333; }
.formLayout td td { padding: 2px; }
.formLayout td input { border: 1px solid #ccc; }
.required { color: red; }

.msgMain { }
.msgMain table, .dataGrid { width: 100%; margin: 10px 0; border: 1px solid #888; border-collapse: collapse; }
.msgMain table td, .dataGrid td { padding: 2px 5px; }
td.dgHeader, tr.dgHeader td  { padding: 2px 5px; background: #d0e1e9; font-weight: bold; font-size: .9em; text-align: left; }
.loginControl th { background-color: transparent; }
td.ms-subsmanageheader { padding: 2px 5px; background: #d0e1e9; font: bold .85em Arial, Helvetica, sans-serif !important; text-align: left; }

/* lists */
table.ms-menutoolbar { width: 100%; background: #d0e1e9 !important; }
td.ms-toolbar { font-size: .85em; }
table ms-listviewtable td { font-size: .85em; background: #fafafa; }
table.ms-listviewtable th { font-size: .85em; background: #fafafa; }
td.dgHeader, tr.dgHeader td  { padding: 2px 5px; background: #d0e1e9; font-weight: bold; font-size: .9em; text-align: left; }

/* search */
td.ms-sctabrx { border-style: none; background: transparent none; padding: 0; font-weight: bold; font-size: 0.9em; }
td.ms-sctabcnhover { border-style: none; background: transparent none; padding: 0; font-weight: bold; font-size: 0.9em; }
td.ms-sctabcn { border-style: none; background: transparent none; padding: 0; font-weight: bold; font-size: 0.9em; }
td.ms-sctabcfhover { border-style: none; background: transparent none; padding: 0; font-weight: bold; font-size: 0.9em; }
td.ms-sctabcf { border-style: none; background: transparent none; padding: 0; font-weight: bold; font-size: 0.9em; }
table.ms-ptabarea a { display: block; padding: 5px 8px; background: #999; color: #fff !important; margin: 0 3px 0 0; }
table.ms-ptabarea td.ms-sctabcnhover a { background: #f19a13; }
table.ms-ptabarea td.ms-sctabcn a { background: #f19a13; }
.srch-sort-right { font-size: 0.85em; color: #555; margin: 0.5em 0 0 0; }
.srch-stats { font-size: 0.85em; color: #555; text-align: right; }
.srch-Left { float: left; width: 50px; text-align: center; }
.srch-Right { float: left; width: 430px; overflow: hidden; text-overflow: ellipsis; }
.srch-Bottom { clear: both; margin: 0; }
.srch-Icon { }
.srch-Title { font-size: 1.2em; }
.srch-Description { margin: 0.5em 0; }
.srch-Metadata { clear: both; font-size: 0.85em; color: #999; margin: 0; }
.srch-URL { display: inline-block; width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.srch-URL a { color: #66AB1B; }
.srch-results .widgetFooter { min-height: 10px !important; padding-bottom: 10px; }
.srch-results .widget { margin: 0 0 1em 0; }
.ms-sbplain{ border: 1px #e1e1e1 solid; background: #ededed; } 

/* group buttons */
.groupItem { margin: 0 0 5px 0; }
.groupItem.micro { padding: 0; margin: 0 0 5px 0; }
.groupItem.micro .smallGroupImage { width: 35px; float:left; }
.groupItem.micro .smallGroupImage img { width: 30px; }

.section_title { font-size: 14px; font-weight:bold; color:#38a1d8; margin-bottom:5px; padding:5px 0; border-bottom: 1px #b9b9b9 dotted; text-transform:uppercase; }
.rightButton { float:right; }
.leftButton  { float:left; }