/* -------- Default colors ------ */
.studio-header 												{ background-color: #003466; font-family: Arial, Sans-Serif; font-size: 12px }

/* -------- Hide AUI shadown --------*/
.studio-header .user-menu .aui-shadow, .studio-header .topnav .aui-shadow, .studio-header .ajs-menu-item .aui-shadow { display: none !important }

.studio-header .ajs-menu-bar li.ajs-menu-item               { position: relative } /* makes sure dropdown opens right beneath it, as required by aui */

.studio-header .ajs-menu-bar a:hover,
.studio-header .ajs-menu-bar li.ajs-menu-item.opened,
.studio-header .ajs-menu-bar .ajs-menu-item li.active a,
.studio-header .ajs-menu-bar li.ajs-menu-item.opened .ajs-drop-down li.active a { background-color: #345a7f; color: #FFFFFF }

.studio-header #studio-tabs li a 							{ background-color: #345a7f; color: #FFFFFF }
.studio-header #studio-tabs li a:hover 						{ background-color: #6a8eb2; color: #FFFFFF }
.studio-header #studio-tabs li.current a 					{ background-color: #6a8eb2; color: #FFFFFF }

.studio-header .ds-header 									{ background-color: #6a8eb2; color: #FFFFFF; border-bottom: 1px solid #345a7f }
.studio-header .ds-header td 								{ background-color: #6a8eb2; color: #FFFFFF }
.studio-header .ds-header a 								{ color: #FFFFFF }
.studio-header .ds-header a:hover 							{ background-color: #345a7f; color: #FFFFFF }
.studio-header .ds-header #breadcrumbs a:hover 				{ background-color: #6a8eb2; color: #FFFFFF }
.studio-header .ajs-menu-bar li.ajs-menu-item.opened a.trigger { background-color: #345a7f; color: #FFFFFF }
.studio-header .ajs-menu-bar li.ajs-menu-item.opened 		{ background-color: #6a8eb2; color: #FFFFFF }
.studio-header .user-menu .login-link                       { color: #FFFFFF }
.studio-header .ajs-menu-bar .ajs-drop-down a,
#com-atlassian-confluence .studio-header .ajs-menu-bar .ajs-drop-down a { color: #036 }
#com-atlassian-confluence .ds-right                         { width:250px }
.studio-header .ajs-menu-bar .ajs-drop-down a:hover         { color: #FFFFFF !important }

.studio-header .ajs-menu-bar div.ajs-drop-down a, .studio-header .aui-dd-parent div.aui-dropdown a { line-height: 2 }

.studio-header .ajs-menu-bar .ajs-menu-item .trigger span 	{  background-image: url(../../com.atlassian.studio.static:studio_images/images/white_menu_indicator.gif) }

/* -------- main header ------ */
.studio-header table {
    border-collapse: separate; /* Gets around firefox bug: http://www.charlesgarwood.com/blog/?p=13 */
    *border-collapse: collapse; /* Fixes firefox bug fix in IE */
    border-spacing: 0; margin: 0; border: 0 }
.studio-header table td 									{ padding:0; background: transparent; border: 0}

.studio-header a											{ text-decoration: none;}
.studio-header .topnav										{ height: 54px; width: 100% }				/* <-- height of navbar minus application menu */
.studio-header .topnav td                                   { vertical-align: bottom;}
.studio-header .logolink img								{ display:block; border: 0 none; padding: 5px }
.studio-header .inner-table 								{ height:100% }

/* -------- logo ------ */
.studio-header #ds-logo 									{ padding: 5px; display: block;}

/* -------- drop down menus ------ */

body .studio-header .ajs-menu-bar .ajs-menu-title 			{ padding: 3px 7px; *padding-bottom: 4px; margin-right: 4px; color: #FFF;}
.studio-header .ajs-menu-bar .ajs-menu-item .trigger span 	{ background-position: 100% 54%; background-repeat: no-repeat }
/*.studio-header .ajs-menu-bar .ajs-menu-item span            { -width:1% }*/

/* Newly added css properties: zoom to Confluence just give us troubles. zoom with value other than normal,
height and width with value other than auto cause hasLayout to be true, which renders ugly in IE. */
#com-atlassian-confluence .studio-header .ajs-drop-down { zoom: normal }
#com-atlassian-confluence .user-menu .ajs-menu-bar div.ajs-drop-down a span { line-height: 2; height: auto; zoom: normal }

#com-atlassian-confluence .studio-header .project-menu .ajs-menu-bar .ajs-drop-down,
#com-atlassian-confluence .studio-header .user-menu .ajs-menu-bar .ajs-drop-down,
#com-atlassian-confluence .studio-header .user-menu .ajs-menu-bar .ajs-menu-item .ajs-drop-down {visibility: visible;}

/* -------- user menus ------ */
/* the z-index has to be > #space-dropdown-div #header-menu-bar */
.studio-header .user-menu 									{ float: right; position: absolute; right: 5px; top: 15px; *z-index:2;}
.studio-header .user-menu .ajs-menu-bar 					{ position: static;}
.user-menu .login-link 										{ text-decoration: underline; display:block; margin:3px 5px 0 0 }
.user-menu .ajs-menu-bar .user-name .ajs-drop-down a		{ padding-left: 7px; *padding-top:1px}
.user-menu .ajs-menu-bar .ajs-menu-item a.jira-icon 		{ background-image: url(../../com.atlassian.studio.static:studio_images/images/history/jira.gif) }
.user-menu .ajs-menu-bar .ajs-menu-item a.confluence-icon 	{ background-image: url(../../com.atlassian.studio.static:studio_images/images/history/confluence.gif) }
.user-menu .ajs-menu-bar .ajs-menu-item a.fisheye-icon 		{ background-image: url(../../com.atlassian.studio.static:studio_images/images/history/fisheye.gif) }
.user-menu .ajs-menu-bar .ajs-menu-item a.crucible-icon 	{ background-image: url(../../com.atlassian.studio.static:studio_images/images/history/crucible.gif) }
.user-menu .ajs-menu-bar .ajs-menu-item a.bamboo-icon 	{ background-image: url(../../com.atlassian.studio.static:studio_images/images/history/bamboo.png) }
.user-menu .ajs-menu-bar .ajs-menu-item span      			{ white-space: nowrap; position:relative;}

.user-menu .ajs-menu-bar .ajs-menu-item li					{ line-height:2 }
.user-menu .ajs-menu-bar .ajs-menu-item span.history-right { display:inline; position:absolute; padding:0; margin:0; right:0; *top: -3px; _padding-right:7px;}
#com-atlassian-confluence .user-menu .ajs-menu-bar .ajs-menu-item li span.history-right	{ _padding-right:7px;}
.user-menu .ajs-menu-bar .ajs-menu-item span.history-left	{ display:inline; padding:0 50px 0 0; margin:0; _padding-top:2px; *padding-top:2px;}
#com-atlassian-confluence .user-menu .ajs-menu-bar .ajs-menu-item li span.history-left { _padding-top:2px; *padding-top:2px }
#com-atlassian-confluence .studio-header .ajs-menu-bar div.ajs-drop-down a { background-position-y: 65% }
#com-atlassian-confluence .ajs-menu-bar .ajs-drop-down {z-index: 2003;}
#com-atlassian-confluence .ajs-menu-bar .dropdown-shim {right: 7px !important; margin-top: 1px;}
#com-atlassian-confluence .user-menu .ajs-menu-bar .ajs-menu-item .ajs-drop-down ul.section-global {position:static;}

/* START JST-2521 */
#studio-header .user-menu .ajs-drop-down                    { *right:0; *top:0 }
#studio-header .project-menu .ajs-drop-down                 { *left: 0; *top:0 }
#studio-header                                              { *position:relative; *z-index:9999 }
/* START JST-2521 */

/* -------- project dropdown menu ------ */
.studio-header .project-menu 								{ float: left; *margin-top: 4px }
.project-menu .ajs-menu-bar 								{ float: left }
.project-menu .ajs-menu-bar .ajs-menu-item a.ajs-menu-title	{ -width:1% }
.project-menu .ajs-menu-bar .ds-sectionLabel				{ color: #000; padding: 3px 0 3px 7px; font-size: 10px; font-weight: bold; cursor: default }
.project-menu .ajs-menu-bar .ajs-drop-down ul				{ padding: 0 }
.project-menu .ajs-menu-bar .ajs-drop-down li				{ _border: 1px solid white }
.project-menu .ajs-menu-bar .ajs-drop-down li a span		{ -width:1% }
.project-menu .ajs-menu-bar .ajs-drop-down a				{ *padding-top:1px}
.project-menu .ajs-menu-bar .ajs-menu-title					{ font-size: 15px; font-weight: bold; line-height: 1.4 }
.project-menu .ajs-menu-bar .ajs-menu-item .trigger span span { padding-right: 11px }
.studio-header .project-menu .ajs-menu-bar .ajs-menu-item .trigger span.icon { background-position: left center; padding-left: 20px }
.studio-header .project-menu .ajs-menu-bar .ajs-menu-item .icon { background-position: 5px center; padding-left: 25px; background-repeat: no-repeat }
#com-atlassian-confluence .studio-header a.icon             { text-indent: 0em; width: auto }
#com-atlassian-confluence .project-menu .dropdown-shim      { left: 2px }
#com-atlassian-confluence .user-menu .dropdown-shim         { left: 0px; right: 0px;}
#com-atlassian-confluence .ajs-menu-item .dropdown-shim     { left: 0px; right: 0px;}
.studio-header .project-menu .more-projects					{ padding-left: 0.6em; color: gray; border-top: solid 1px #e1e1e1 } /* note that the color is overridden by other rules in the same css file */
#com-atlassian-confluence .studio-header .project-menu .more-projects {padding-left: 0.6em }

/*  ---------------- tabs  ------------------ */
.studio-header ul#studio-tabs 								{ padding: 0; margin: 0 0 0 4px; float: left; list-style-type: none; font-size: 12px }
.studio-header ul#studio-tabs li 							{ display: inline; margin: 0;}
.studio-header ul#studio-tabs li a 							{ padding: 4px 0; margin-right: 8px; display: block; float: left; text-align: center; width: 80px; line-height:15px }

/*  ---------------- application menu ------------------ */
.studio-header #ds-nbar										{ width:100% }

/*  ---------------- quick search   ------------------ */
#quick-search 											{ margin: 0; padding: 0 }
#quick-search fieldset 									{ float: right; border: none; margin: 0; padding: 0;}
#quick-search legend 									{ display: none;}
#quick-search .placeholded 								{ color: #666;}
#quick-search-query 									{ width: 13em; margin: 1px; padding: 1px;}
#quick-search-submit 									{ display: none;}

/*  ---------------- user status update ------------------ */
/* fix greenhopper window incorrect display bug.*/ 
.boards_content .popup {
    position: static
}
/* fix greenhopper window border. */
div#waiting.dialog {
	border: none
}

/*  ---------------- quick search box dropdown ------------------ */
#quick-nav-drop-down li a span                          { background-repeat: no-repeat; padding-left: 2.5em; line-height: 2; display: block}
a.content-type-page span 								{ background-image: url(./../../com.atlassian.studio.static:studio_images/images/quicknav/docs_16.gif) }
a.content-type-blogpost span 							{ background-image: url(./../../com.atlassian.studio.static:studio_images/images/quicknav/blogentry_16.gif) }
a.jira-issue span 										{ background-image: url(./../../com.atlassian.studio.static:studio_images/images/quicknav/jira-issue.gif) }
a.search-for span 										{ background-image: url(./../../com.atlassian.studio.static:studio_images/images/quicknav/70.png) }
a.content-type-userinfo	span							{ }

#quick-nav-drop-down                                    { top:78px; float: right; width: 300px; z-index: 2003 }
#quick-nav-drop-down span.quick-nav-left                { padding-top: 2px; padding-bottom: 2px; padding-right:0px; display: inline }
#quick-nav-drop-down span.quick-nav-right               { margin: 0pt; padding: 0pt; display: inline; position: absolute; right: 1em; background:none; top: 0px; *top: -3px;}

#quick-nav-drop-down.aui-dropdown a:link,
#quick-nav-drop-down.aui-dropdown a:visited,
#quick-nav-drop-down.aui-dropdown a:hover,
#quick-nav-drop-down.aui-dropdown a:active,
#quick-nav-drop-down.aui-dropdown a:focus               { background: transparent; padding: 0em 0em;}

     /*quick search confluence fixes */
#com-atlassian-confluence #quick-nav-drop-down li a span                            { line-height: 1.9; font-size: 12px }
#com-atlassian-confluence #quick-nav-drop-down label                                { font-family:arial,FreeSans,Helvetica,sans-serif }
#com-atlassian-confluence #spaces-dropdown-div #header-menu-bar li.ajs-menu-item a  { line-height: 1.5 }


/* from contentnamesearch.css */
ul.ajs-drop-down li.error {
    color: #535353;
    display: block;
    outline: none;
    position: relative;
    text-decoration: none;
    text-align: left;
    background-color:#FFFFFF;
    background-image: url(../../../images/icons/classic/16/10.png);
    background-repeat: no-repeat;
    background-position: 7px 50%;
    padding-left: 2.5em
}

/* create-issue */
#createItemContainer #createItem                            { line-height: 20px }

/* -------- global search page -------------- */
#searchbox 													{ width: 619px; padding-bottom: 5px; background: #efefef url(./../../com.atlassian.studio.static:studio_images/images/search_box_bottom.png) no-repeat scroll left bottom; margin: 8px 0 8px 12px;}
#inner 														{ background: #efefef url(./../../com.atlassian.studio.static:studio_images/images/search_box_top.png) no-repeat scroll left top; padding-top: 5px;}
#studio_search_form 										{ position: relative; left: 10px; top: 6px; margin: 0 0 10px 0 }
#studio_search_form #search_label 							{ position: absolute; left: -1000px;}
#studio_search_form #search_form_query,
#search_form #search_form_button 							{ font-size: 1em; color: #222;}
#studio_search_form #search_form_query,
#search_form #search_form_project 							{ margin-right: 6px;}
#studio_search_form #search_form_query 						{ font-size: 1em; width: 200px;}


/* -------- Search results -------------- */
.application_search 								{ margin: 0 0 0 10px; width: 620px; border-bottom: 1px solid #efefef; padding-bottom: 10px }
.application_search .header 						{ font-size: 1.5em; color: #666; font-weight: normal; padding-left: 2px; margin-top: 10px }
.application_search .results .result 				{ margin: 5px 0 0 }
.application_search .results .result a 				{ color: #4c4c4c; text-decoration: none; font-size: 1em; display: block; padding: 2px 3px 6px 3px }
.application_search .results .result a:hover 		{ background-color: #efefef }
.application_search .results .result .title 		{ color: #036; text-decoration: underline; font-weight: normal; font-size: 1.2em }
.application_search .results .result .type 			{ font-size: 1.2em; color: #999; margin-left: 5px }
.application_search .results .result .description 	{ position: relative; top: 3px; line-height: 1.2em }
.application_search .results .result .url 			{ color: #6A8EB3; position:relative; top:5px }
.application_search .results .result 				{ width: 620px }
.application_search .total 							{ font-weight: normal; font-size: 1.2em; margin: 5px 0 0 3px; color: #999 }
.application_search .total a 						{ color: #036; text-decoration: underline; padding: 0 2px }
.application_search .total a:hover 					{ background-color: #efefef }
.application_search#last 							{ margin-bottom: 12px;border-bottom: none }

/* -------------------------------------------------------------- */
/* -------- Anything bellow this should be cleaned -------------- */
/* -------------------------------------------------------------- */

/* START FishEye stuff */
#secondHeader 												{ background: none; background-color: #fff }
#quickSearch 												{ display: none }
/* Fix the RSS icon in the drop down menu */
div.aui-dropdown li img                                     { position: relative; left: 0px }
div.aui-dropdown                                            { width: auto }
/* Fix for the show / hide empty directories and files dropdown menu */
.aui-dd-parent div.aui-dropdown a                           { padding: 0.3em 0.5em }

/* Prettiness for fisheye-base-url/plugins/servlet/oauth/users/access-tokens */
.framed .container-tabbed .box-tabbed div.plugin            { padding-left: 1em }
.framed .container-tabbed .box .box                         { margin-left: 0 }
/* END FishEye stuff */

.studio-header input { font-family: Arial, Sans-Serif; font-size: 12px }


#ds-navigation {
	margin-left: 3px
}
#ds-navigation .ds-nav li .ds-menu a.ds-arrow {
    background-position: 0 2px;
    background-image: url( ./../../com.atlassian.studio.static:studio_images/images/arrow.gif );
    padding: 4px 0px 4px 0px
}

#ds-navigation .ds-menu {
    display: block;
    position: relative;
    line-height: 20px
}

#ds-navigation #breadcrumbs li {
    line-height: normal;
    white-space: nowrap
}

#ds-navigation #breadcrumbs li span a{
    text-decoration: underline
}

.ds-header p, .ds-header ul, .ds-header ol, .ds-header dl, .ds-header li, .ds-header td, .ds-header textarea, .ds-header input, .ds-header select, .ds-header button, .ds-header option, .ds-header optgroup {
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    line-height: normal;
    padding: 0
}
/* ------- ds-header ------------- */
.ds-header #ds-nbar { height: 20px; background-color: #6a8eb3; width: 100% }
.ds-header #ds-nbar .ds-right { *width=30%; min-width=30% }

/* Override YUI feedback panel width */
#feedbackPanel_c {
    width: 410px
}

/* ---------------  Browse menu in Confluence ----------------------- */
#spaces-dropdown-div #header-menu-bar {z-index: 1;}
#spaces-dropdown-div .ajs-menu-bar .ajs-menu-item span                      { width: 4.5em }
#spaces-dropdown-div .ajs-menu-bar .ajs-menu-item span span                 { width: auto }
#spaces-dropdown-div .ajs-menu-bar .ajs-menu-item .trigger span             { background-image:url(../../com.atlassian.studio.static:studio_images/images/white_menu_indicator.gif); background-position:97% 54%;}
#spaces-dropdown-div .ajs-menu-bar .ajs-menu-item .trigger span span        { background: none }
#spaces-dropdown-div .ajs-menu-bar .ajs-menu-item.opened .trigger span span { background: none }
#navigation .ajs-menu-bar li.ajs-menu-item a span span                      { background-repeat: no-repeat }
#spaces-dropdown-div #browse-menu-link-leading a                            { padding-left: 0.5em; padding-right: 2em; padding-top: 4px; padding-bottom: 4px; line-height: 1.5; margin: 0pt }
#spaces-dropdown-div #browse-menu-link-global a                             { padding-left: 0.5em; padding-right: 2em; padding-top: 4px; padding-bottom: 4px; line-height: 1.5; margin: 0pt }
#spaces-dropdown-div .ajs-menu-bar .ajs-menu-title                          { padding: 3px 8px }
#spaces-dropdown-div .ajs-drop-down                                         { *min-width: 9em }
#spaces-dropdown-div .ajs-drop-down ul li a                                 { -position: static }

/* For Studio Administration page, to get the links highlighted red as well */
.red-highlight-links, .red-highlight-links a { color: red; font-weight: bold }

/* JIRA 4.1.1 changes some colours, but it looks weird with the rest of Studio, so we set it back here. */
.studio-admin-table .formtitle { color: #036 }
.studio-admin a:link, .studio-admin a:visited{ color: #036 }

/* for menu hiding */
.hidden, li.hidden { display: none; visibility: hidden }



/*Core Split Button Styles*/
.ds-nav {
    margin: 0;
    padding: 0
}

.ds-nav a {
    text-decoration: none
}

.ds-nav {
    display: block;
    list-style: none;
    margin: 0px;
    padding: 0px
}

.ds-nav li {
    float: left;
    display: block;
    margin: 0px 10px 0px 0px;
    font-weight: bold;
    color: black
}

.ds-nav li .ds-menu a {
    padding: 2px 5px 3px 5px
}

.ds-nav li .ds-menu a.ds-arrow {
    background-repeat: no-repeat;
    margin: 0px 0px -10px 0px;
    padding-right: 0px;
    height: 20px;
    width: 20px
}

.ds-nav li a.ds-arrow.ds-menu_active {
    background-position: 0 -16px
}
    
.ds-nav li a img {
    vertical-align: middle
}

#ds-navigation .ds-menu_active {
    background-color: #567391
}

#ds-navigation .ds-nav li .ds-menu a {
    padding: 4px 5px
}
#ds-navigation #breadcrumbs {
	padding: 0px 5px
}

#ds-navigation #main-nav.ds-nav  li a {
    font-weight: normal
}

#ds-navigation .ds-nav li .ds-menu a,
#ds-navigation #breadcrumbs li {
    font-weight: normal;
    display: block;
    height: 16px;
    line-height: 1.4992em;		/* Menu looks same on FF and Safari with this number only */
	_float: left;
    *padding-bottom: 5px;
    _padding-bottom: 4px;
    _padding-top: 3px
}

/* Also needs to adjust the background breadcrumbs separator to align with the font height. */
#ds-navigation #breadcrumbs li {
	background-position: 3px 5px;
	_background-position-y: 9px;
	overflow: hidden
}

/* Breadcrumbs link color for IE6. */
#ds-navigation #breadcrumbs a {
	_color: #FFFFFF
}

.ds-yellowBG {
    border-top: 1px solid #bbb;
    background-color: #F0F0F0;
    padding: 0.2em;
    text-align: center;
    font-size: 16px; /*text-indent:15%;*/
}

.ds-yellowBG span {
    line-height: 1.5
}

.ds-yellowBG input {
    font-family: sans-serif;
    font-size: 0.7em
}

.ds-greyBG {
    background-color: #CCC;
    padding: 0.4em 0.2em 0.3em 0.2em;
    font-size: 16px;
    font-family: sans-serif
}

.ds-greyBG input {
    font-size: 0.7em
}

.ds-greyBG label {
    font-size: 0.7em;
    margin: 0 0.1em
}

#searcherrors {
    color:#ff0000
}

.description .search_term {
	color: #036;
	font-weight: bold
}

/* Admin sections in JIRA */
.jiraform {
    margin: 0
}

/* START: IE6BUG. Used to remove select elements so that IE6 won't display them in the wrong z-order. */
/* Only affects fisheye.*/
.select-hidden {
    display: none
}
/* END: IE6BUG */

/* START: JST-2525 */
/* Only affects fisheye. Only affect IE */
#atlas #content-column .content-fixed { height:auto }
/* END: JST-2525 */

/* FOOTER, powered by message, currently they're not unified */

#com-atlassian-confluence #footer {
    position:static
}

#poweredby {
	padding-bottom: 10px
}
#poweredby p {
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 11px;
  text-align: center;
  color: #666666
}

#poweredby a {
  color: #666666;
  text-decoration: underline
}


/* Confluence specific */

/* This only works in Wiki, in JIRA, no footer is printed, in FE, the whole footer is printed. */
#footer #poweredby .print-only {
    display: none
}
/* End of Confluence specific */