h1 {
	color: #535353;
	font-size: 1.25em;
	margin: 0 0 12px 10px;
	white-space: nowrap;
	font-weight: bold;
}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
}

#p7menubar a {
  line-height: 22px;
  display: block;
  text-decoration: none;
  text-align:left;
  font-size:11px;
  font-weight:bold;
  color: #D71920;
}

#p7menubar ul a {
	padding: 5px 16px 3px 10px;
	background-repeat: no-repeat;
	background-position: right center;
	font-weight:bold;
	color: #ffffff;
}

#p7menubar ul ul a {
	padding: 5px 15px 5px 10px;
}

#p7menubar li {
	float: left;
	width: 9em;
	position: relative;
}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul ul li  {
	width: 10em;
}

#p7menubar ul ul li a  {
	color: #ffffff;
	border-right: 0;
	padding: 3px 12px 3px 16px;
	font-weight:normal;
	background-color:#00000;
}

#p7menubar li ul {
	position: absolute;
	display: none;
	border: 4px solid #bdcfe8;
	z-index: 500;
	border:1px solid #000000;
	background-color:#ffffff;
}

#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #00718f;
	background-color: #bdcfe8;
}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #00718f;
	background-color: transparent;
}

#p7menubar ul ul a:hover {
	background-color: #6699CC!important;
	color: #ffffff !important;
}
/* CSS Document */
/****************
	STYLING
****************/
body {

	background-color:#ffffff;
	margin:0px;
	text-align:left;
}

#header-menu-bar {
	z-index:1000;
}

body, p, td, table, tr, .bodytext, .stepfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

a {
	text-decoration:none;
	font-weight:bold;
}

table {
	clear:none;
}

p {
	padding:0px 0px 0px 0px;
	line-height: 1.5em;
}

img {
	border:none;
}

#com-atlassian-confluence h1,
#com-atlassian-confluence h2,
#com-atlassian-confluence h3,
#com-atlassian-confluence h4,
#com-atlassian-confluence h5,
#com-atlassian-confluence h6 {
	background:transparent;
	font-family: Trebuchet MS;
}


#com-atlassian-confluence .wiki-content h1 {
	color:#000000;
	font-size:20pt;
	margin-top:10px;
}

#com-atlassian-confluence .wiki-content h2 {
	color:#000000;
	font-size:18pt;
	margin-top:10px;
}

#com-atlassian-confluence .wiki-content h3 {
	color:#000000;
	font-size:16pt;
	margin-top:10px;
}

#com-atlassian-confluence .wiki-content h4 {
	color:#000000;
	font-size:14pt;
}

#com-atlassian-confluence .wiki-content h5,
#com-atlassian-confluence .wiki-content h6 {
	color:#000000;
}


a:hover, a.grey:hover, #user-control-panel a:hover,
a.textlink:hover, #breadcrumbs li a:hover,
.page-footer a:hover, #markupTab a:hover,
.page-metadata a:hover, .wiki-content a:hover {
	color:#000000;
	text-decoration:underline;
}

a.calendarhead:link, a.calendarhead:visited, a.calendarhead:active {
	color:#FFFFFF;
}

.breadcrumb a, .ajs-menu-bar a {
	font-weight:normal;
}

/* font size change */
.wiki-content, .wiki-content p, .wiki-content table, .wiki-content tr,
.wiki-content td, .wiki-content th, .wiki-content ol, .wiki-content ul,
.wiki-content li {
	font-size:9pt;
	line-height:1.5em;
}

#user-control-panel li, #page-view-panel li, #page-prefs-list li, .userNavBar li {
	font-size:11px;
}

/* Search Bar */

/*
input#quick-search-submit {
	background:transparent url(images/search_btn.gif);
	border:medium none;
	height:22px;
	width:55px;
}*/

#quick-search-query {
width:9em;
}

#user-control-panel li, #user-control-panel a {
	color:#ffffff;
}

#user-control-panel li {
	border-color:#ffffff;
}

/* edit page */

h1 #content-title-div.inputSection {
	overflow:visible;
}
/* IE FIX for EDIT PAGE */
.edit .wiki-content fieldset {
	border:#FFFFFF 0px;
}

/* IE Fix for tab nav */
#linkinserters {
	margin-top:-10px;
}

#editor-tabs {
	margin-bottom:10px;
}

/* Dashboard IE fix */
.spaceList #spacesLabel {
	float:left;
}

.spaceList .tabs {
	clear:left;
}

/****************
	LAYOUT
****************/

/* Header */

* Header */
.header, .header-left, .header-centre, .header-right {

}


div.header {
	background:#FFFFFF;
	height:109px;
	background-image:url(images/vxvista-topgraphic960.png);
	padding:0px;
}

.header-left {
	float:left;
	width:20%;
	height:86px;
}

.logo {
	float:left;
	padding-left:0px;
	padding-top:0px;
}

a.userLogoLink .logo {
	padding:0px;
}

.header-centre {
	height:86px;
	float:left;
	width:50%;

}

.header-right {
	height:40px;
	float:right;
	width: 960px;
	padding-top:0px;
}

.header-right #quick-search-query {
	width:18em;
}

.login {
	/*padding-top:20px;*/
	padding-right:20px;
}

/* Breadcrumbs */

.breadcrumb, .breadcrumb-left, .breadcrumb-right {
	height:30px;
}

.breadcrumb {
	clear:both;
	background-color:#000000;
	padding-right:10px;
	padding-left:20px;
	margin-bottom:5px;
}

.breadcrumb-left {
	padding-left:10px;
	float:left;
	width:50%;

}

.breadcrumb-content {
	float:none;
	padding-top:0px;
	padding-left:65px;
	width:100%;
	margin-bottom: 0;
}

.breadcrumb-content #breadcrumbs{
	color:#000000;
	padding-top:0px;
}

.breadcrumb-right {
	/*float:right;*/
	width:100%;
	background-color: #565656;
}

.breadcrumb-user-control-panel {
	float:right;
	padding-top:7px;
	padding-right:10px;
}

/*  Location Info */

.location-info {
	padding-top:20px;
	
	background-image: url(images/HeaderShadeGap.png);
	background-repeat:no-repeat;
	display:block;
	width:100%;
	height:35px;
}

.location-left {
	/*float:left;*/
	padding-left:20px;
	float:left;
	width:50%;
	height:35px;
	font-size:14pt;
	font-weight:bold;
}


#com-atlassian-confluence #title-heading {
	margin:0px 0px 0px 0px;
	border:0px;
}

.location-right {
	padding-right:20px;
	height:35px;
	position: relative;
}

/* main content */
#main {
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0;
	width:960px;/* 1024px design */
	overflow: hidden;
}

/* Footer */

#footer {
    background-color:#F0F0F0;  
    text-align:center;  
}
.footer-poweredby {
    width:960px;
    margin: 0 auto;
    background-color:#FFFFFF;  
    background-image:url(images/footerbg.png);
}

.footer, .footer-copyright, .footer-poweredby {
	height:38px;
}

.footer {
	clear:both;
}

.footer-copyright {
	float:left;
	width:20%;
	padding-left:0px;
}

.footer-copyright div {
	padding-top:10px;
}

.footer-center {
	float:left;
	/*width:50%;*/
}

.footer-center div {
	padding-top:10px;
}

.footer-copyright div, .footer-copyright a:link,
.footer-copyright a:visited, .footer-copyright a:active {
	color: #000000;
}

.footer-copyright a:hover {
	color: #000000;
}

.footer-poweredby {
    padding-right:0px;
	color: #000000;
}

.footer-poweredby div {
	padding-left:20px;
	padding-top:7px;
}

.footer-poweredby div, .footer-poweredby a:link,
.footer-poweredby a:visited, .footer-poweredby a:active {
	color: #000000;
}

tabletitle, .pageSectionHeader, .section-header h2 {
color:#00173F;
}

h2, h3, h4, h5, h6,.wiki-content h2, .wiki-content h3,
.wiki-content h4, .wiki-content h5, .wiki-content h6, .pagetitle, .steptitle,
.substeptitle, .formtitle, a.blogHeading, .more-comments a, .label, label, th.confluenceTh,
table.confluenceTable th.confluenceTh, table.admin th, .form-element-large, .form-element-small {

color:#000000;
font-size:14px;
font-weight:bold;
}

h1 {
font-size:18px;
color:#4E90CD;
}


.search-query-submit {
font-size:10pt;
font-weight:normal;
}

.search-query-text-input {
color:black;
font-family:Arial,Helvetica,sans-serif;
font-size:2em;
font-weight:bold;
height:1.2em;
padding-left:2px;
width:25em;
}

a#browse-menu-link {
color:#ffffff;
}

.page-body-left {
border:5px none;
float:left;
width:11em !important;
}

table.page-footer {
width:100%;
padding-top:10px;
}

#breadcrumbs li {
display:inline;
float:left;
line-height:1.7;
margin:0.0em 0.0em 0.0em 0.0em;
padding-left:10px;
white-space:nowrap;
}

#breadcrumbs {
padding-top:7px;
padding-left:10px;
}

.topcontrol #breadcrumbs {
padding-top:0px;
padding-left:20px;
color:#000000;
}

.breadcrumb-content #breadcrumbs li {
background:transparent url(images/blackli.PNG) no-repeat scroll 3px center;
color:#000000
}

.breadcrumb-content #breadcrumbs li.first {
background:none;
}

.page-metadata {
margin-bottom:10px;
font-size:8pt;
}

#sidebar {
clear:right;
float:right;
width:16em;
}

#quick-search {
padding-top:20px;
}

table.ContactListTable {
width:100%;
}

#spotlight-table {
	margin-top:13px;
	background-image: url("images/spotlightbg.png");
	width: 180px; /*from 210 - 1024 res*/
	height: 200px;
	padding:5px;
}

#spotlight-table p {
	margin-top:5px;
	margin-bottom:5px;
}

#spotlight-table td {
	vertical-align:top;
	padding:0px;
}

div.topcontrol {
	padding-top:2px;
	padding-bottom:0px;
	color:#000000;
	text-align:right;
	padding-right:20px;
	height:18px;
}

.topcontrol #user-control-panel {
	color:#000000;
}

.topcontrol #user-control-panel li {
	border-left: 1px solid black;
	color:#000000;
}

.topcontrol #user-control-panel li.first {
	border-left: 0px;
}

.topcontrol #user-control-panel li.first a{
	color:#7681FD;
}


.topcontrol #user-control-panel a {
	color:#000000;
}

div.dropdownmenu {
	background-image:url(images/dropdownmenu.png);
}

div#browsedropdown {
	float:right;
	padding-top:5px;
}

div#browsedropdown ul a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}

div#browsedropdown ul .ajs-drop-down a:hover{
	color:#FFFFFF;
	background-color:#6699CC;
	font-weight:normal;
}

div#browsedropdown ul .ajs-drop-down a {
	color:#00718F;
	background-color:#FFFFFF;
	font-weight:normal;
}

#browsedropdown .ajs-menu-bar .ajs-menu-item .trigger span {
	background-image:none;
}

.ajs-menu-bar {
	z-index:5;
}

table#sitenav-footer {
	width:960px;
}

#sitenav-footer ul {
	padding-left: 5px;
	list-style:none;
}

#sitenav-footer .sitenav2 {
	width:220px;
	padding-left:20px;
	vertical-align:top;
	background-color:#FFFFFF;
}

#sitenav-footer .sitenav1 {
	width:220px;
	padding-left:20px;
	vertical-align:top;
	background-color:#EFEFEF;
}

div#sitenav-header-shade {
	height:33px;
	width:960px;
	background-image:url(images/HeaderShade.png);
	margin-top:4px;
}
#browsedropdown div.ajs-drop-down {
	margin: 0pt; 
	right: 0pt; 
	left: auto;
}
/* Additional CSS to style the RSS macro */
.box-info .rssMacro {
    width: 190px;
}
.box-info .rssMacro a {
    clear: both; /* every link to next link to avoid the stretch */
}
/* Heatmap CSS to change font-size for popular labels */
div.inherit a {
    font-size: 12px !important; /* override the inline css */ 
}
/* default confluence heatmap fix */
.heatmap a.label {
    font-size: 100%;
}
.hide-node {
    display: none;
}
.page-metadata {
margin-bottom:10px;
font-size:8pt;
}

.page-body-left {
	float:left;
	width:17em;
	border:5px;
	padding-right:10px;
}

.page-body-right {
	float:right;
	width:20em;
}

/* Page footer */

.page-footer {
	clear:both;
}

table.page-footer {
	width: 100%;
}

table.page-footer tr.page-footer-top td.page-footer-left {
  background: url( images/f_left.png) bottom right no-repeat;
}

table.page-footer tr.page-footer-top td.page-footer-left div {
  width: 23px;
  height: 23px;
}

table.page-footer tr.page-footer-top td.page-footer-centre {
  background: url( images/f_top.png) bottom left repeat-x;
  width: 100%;
}

table.page-footer tr.page-footer-top td.page-footer-right {
  background: url( images/f_right.png) bottom left no-repeat;
}

table.page-footer tr.page-footer-top td.page-footer-left div {
  width: 23px;
  height: 23px;
}

table.page-footer tr.page-footer-middle td.page-footer-left {
  background: url( images/f_vert.gif ) top right repeat-y;
}

table.page-footer tr.page-footer-middle td.page-footer-left div {
  width: 23px;
}

table.page-footer tr.page-footer-middle td.page-footer-right {
  background: url( images/f_right_vert.gif ) top left repeat-y;
}

table.page-footer tr.page-footer-middle td.page-footer-right div {
  width: 23px;
}
/* Request to cange size of comments and children font size */
table.page-footer h2.section-title {
  display: inline;
  font-size: 8.5pt;
}

table.page-footer input#labelName {
	width: 250px;
}

/* First 2 levels */

#leftmenu li {
	float:left;
	padding:0.5em;
}

#leftmenu ul, #leftmenu li {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 11em;
  line-height: 20px;
}

#leftmenu ul a {
  display: block;
  text-decoration: none;
}

#leftmenu ul li {
  margin-top: 1px;
}

#leftmenu ul li a {
	background: #000000;
	margin:0;
	margin-top: 1px;
	line-height: 20px;
	font-size:12px;
	color: #FFFFFF;
	cursor:pointer;
	padding:0.5em;
	padding-left:15px;
}

#leftmenu ul li ul li a {
  background: #FFFFFF;
  border-left: 5px #565656 solid;
  border-right: 5px #565656 solid;
  color: #000;
  padding:0.5em;
  padding-left:35px;
  font-weight:bold;
}

#leftmenu ul li ul li a:hover {
	border-left: 5px #565656 solid;
	border-right: 5px #565656 solid;
	padding-left: 35px;
	color: #ffffff;
	text-decoration:none;
	background: #565656;
}

/* Tree view */
#leftmenu div.hitarea {
	width:31px;
	height:31px;
	float:left;
	cursor:pointer;
}

/*#leftmenu ul li div.collapsable-hitarea {
	background: url( images/hitarea_open2.bmp ) no-repeat center center;
}

#leftmenu ul li div.expandable-hitarea {
	background: url( images/hitarea_close2.bmp )  no-repeat center center;
}

#leftmenu ul li ul li div.collapsable-hitarea {
	background: url( images/hitarea_open.bmp ) no-repeat center center;
}

#leftmenu ul li ul li div.expandable-hitarea {
	background: url( images/hitarea_close.bmp )  no-repeat center center;
}*/

#leftmenu ul li ul li ul li a {
	font-weight:normal;
	padding-left:50px;
	font-size:11px;
}

#leftmenu ul li ul li ul li a:hover {
	padding-left:50px;
}
/* Customisations for header menu bar */
#navbar .ajs-menu-item a {
    line-height: 1.5em;
    margin: 0;
    text-decoration: underline;
	padding-left:8px;
}
#navbar .ajs-menu-bar {
	text-align: left;
}

#navbar .ajs-menu-bar li.ajs-menu-item,
#navbar .ajs-menu-bar li.ajs-button {
    margin: 1px 0 0 0;
    padding: 1px 0;
}
#navbar .ajs-menu-bar li.ajs-menu-item a {
    padding-left: 0.5em;
    text-decoration: none;
}

#navbar .ajs-menu-bar li.ajs-menu-item .section-primary a, #navbar .ajs-menu-bar li.ajs-menu-item .section-marker a {
    padding:0pt 1em 0pt 5px;
    text-decoration: none;
}

#navbar .ajs-menu-bar li.ajs-menu-item a:hover {
   text-decoration: underline;
   border-bottom:none;
}

#navbar .ajs-menu-item .trigger span span {
    background: none;
}

#navbar .ajs-menu-bar li.ajs-menu-item a.trigger:focus {
    outline: none;
}
#navbar .ajs-menu-bar li.ajs-menu-item a.trigger {
    text-decoration: none;
    padding: 0 0.5em;
}

/* Customisations for header menus */
#navbar .ajs-drop-down {
	z-index: 500;
}


#navbar .ajs-menu-item .ajs-drop-down ul,
#navbar .ajs-menu-item ul.ajs-drop-down {
    border: none;
}
/*
.ajs-menu-bar li.ajs-menu-item.opened a.trigger {
  background-color: transparent;
}
*/
.ajs-menu-bar .section-secondary li a, .ajs-menu-bar .section-modify li a {
	font-size:11px;
}

#navbar .ajs-menu-bar .ajs-menu-item .trigger span {
	background-image:url(../../../images/decoration/white_menu_indicator.gif);
	background-position:100%;
	background-repeat:no-repeat;
}

a#browse-menu-link {
	padding-top:2px;
	color:#535353;
	padding-right:10px;
}

a#user-menu-link {
	padding-top:2px;
	color:#535353;
	padding-right:10px;
}

a#login-link {
	padding-top:2px;
	color:#535353;
	padding-right:10px;
}

a#signup-link{
	padding-top:2px;
	color:#535353;
	padding-right:10px;
}

/* Dashboard */

.tabnav, .comment .tabnav, ul.tabnav {
	border-bottom:1px solid;
	display:inline;
	float:left;
	font-size:10pt;
	font-weight:bold;
	list-style-position:outside;
	margin:0pt;
	padding:0pt;
	width:100%;
}

.tabnav li.tabs {
	display:block;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt 0pt -1px 10px;
}

.tabnav .tabs a {
	border-bottom:medium none;
	border-style:solid solid none;
	border-width:1px 1px medium;
	display:block;
	float:left;
	margin:5px 3px 0pt 0pt;
	padding:5px 5px 4px;
	text-decoration:none;
}

.tabnav li.tabs a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

.tabnav li.tabs a.current:link, .tabnav li.tabs a.current:visited {
	color:#000000;
}

#editor-tabs .tab a:hover, #editor-tabs .current a:hover  {
	text-decoration:none;
}

.tabnav li a.current, .tabnav li a.current:hover {
	background:#FFFFFF;
	border-bottom:#FFFFFF 1px solid;
}

/* IE 6 Fix. For Page Menu */

#navigation .ajs-menu-bar {
	height:40px;
	margin:0px;
}

#navigation .ajs-menu-bar li.ajs-menu-item, #navigation .ajs-menu-bar li.ajs-button {
	margin:0px;
}

.ajs-menu-bar li.ajs-menu-item.opened a.trigger {
      background-color: #6699CC !important;
}

.topBar {
  background-color: $action.colorScheme.TopBarColor;
}

.topMenuBar {
  background-color: $action.colorScheme.MenuItemSelectedBackgroundColor;
  
}

.content-top-bar {
  background-color: $action.colorScheme.MenuItemSelectedBackgroundColor;
}

td.ob-left-navbar  {
  background: $action.colorScheme.MenuItemSelectedBackgroundColor;
}

.sidebar ul a, .sidebar ul a:link, .sidebar ul a:visited, .sidebar ul a:active {
  color: $action.colorScheme.MenuItemSelectedTextColor;
}

\#breadcrumbs a:link, \#breadcrumbs a:visited, \#breadcrumbs a:active {
  color: $action.colorScheme.BreadcrumbsTextColor;
}

.h1, .h1 a {
  color: $action.colorScheme.SpaceNameColor;
}

h1 a:link, h1 a:active, h1 a:visited {
  color: $action.colorScheme.HeadingTextColor;
}

table.info .info-middle .info-heading {
  color: $action.colorScheme.HeadingTextColor;
}

a:link, a:visited, a:active {
  color: $action.colorScheme.LinkColor;
}

#navigation .ajs-menu-bar .ajs-button a:hover,
#navigation .ajs-menu-bar li.ajs-menu-item.opened,
#navigation .ajs-menu-bar .ajs-menu-item li.active a,
#navigation .ajs-menu-bar li.ajs-menu-item.opened .ajs-drop-down li.active a,
#navigation .ajs-menu-bar li.ajs-menu-item.opened .ajs-drop-down li.active a {
  background-color: $action.colorScheme.MenuItemSelectedBackgroundColor;
  color: $action.colorScheme.MenuItemSelectedTextColor;
}

.ajs-menu-bar li.ajs-menu-item.opened .ajs-drop-down li  a  {
  color: $action.colorScheme.MenuItemTextColor;
}

.tabnav .tabs a, #editor-tabs .tab a, #editor-tabs .tab a:hover, .tabnav .tabs a:hover {
	border-color:$action.colorScheme.NavBackgroundColor;
}

#editor-tabs .tab a:hover, #editor-tabs .tab a:link,
#editor-tabs .tab a:visited, #editor-tabs .tab a:active {
	color: $action.colorScheme.NavSelectedTextColor;
}

#editor-tabs .current a:hover, #editor-tabs .current a:link,
#editor-tabs .current a:visited, #editor-tabs .current a:active {
	color: #000000;
}

#navigation .ajs-menu-bar li.ajs-menu-item .ajs-menu-title,
#navigation .ajs-menu-bar li.ajs-button a {
	color: $action.colorScheme.MenuItemTextColor;
}

#p7menubar a {
color: $action.colorScheme.TopBarMenuItemTextColor;
}



#p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a {
background-color: $action.colorScheme.NavSelectedBackgroundColor;
color:$action.colorScheme.NavSelectedTextColor;
}




#p7menubar ul ul li a {
color: $action.colorScheme.NavSelectedTextColor !important;
}



#p7menubar ul ul a:hover {
background-color:$action.colorScheme.MenuSelectedBackgroundColor !important;
color:$action.colorScheme.MenuItemTextColor !important;
}