/**************************************************************************/
/*                         PAGE / GENERAL                                 */
/**************************************************************************/

* {
    margin: 0;
    padding: 0;
}

a:link, a:active {
    color: #003366;
}

a:visited {
    color: #000000;
}

a:hover {
    text-decoration: none;
}

html {
    height: 100%;
}

body {
    background-color: #CCCCCC;
    background-image: url( ../images/body_bg.jpg );
    background-position: top center;
    background-repeat: repeat-y;
    color: #4C4C4C;
    line-height: 1.4em;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 75%;
    text-align: center;
}

#page {
    position: relative;
    width: 760px;
    margin: 0 auto;
    padding-bottom: 25px;
    text-align: left;
}

.clearer {
    clear: both;
    display: block;
    height: 1px;
    margin-bottom: -1px;
    font-size: 1px;
    line-height: 1px;
}

.hidden {
    position: absolute;
    left: -10000px;
}

/* JOBS BANNER */

#jobsBanner {
    background-color: #999999;
    height:50px;
    padding: 1px;
    text-align: center;
}

#jobsBanner img {
    vertical-align: top;
    margin: 2px 7px 0;
}

#jobsBanner a, #jobsBanner a:visited {
    color: #4C4C4C;
}

#jobsBanner a:hover, #jobsBanner a:active {
    color: #303030;
}

/* PROMO BANNER */

#promoBanner {
    background-color: #FFFEC5;
    padding: 1px;
    margin: 0;
    text-align: center;
}

#promoBanner a.close
{
    position: absolute;
    top: 3px;
    right: 5px;

}

#promoBanner .close img {
    vertical-align: top;
    margin: 0;
}

#promoBanner a, #jobsBanner a:visited {
    text-decoration: none;
    color: #4C4C4C;
}

#promoBanner a:hover, #jobsBanner a:active {
    text-decoration: underline;
    color: #303030;
}

/**************************************************************************/
/*                             HEADER                                     */
/**************************************************************************/

#header {
    margin: 0 25px 0 25px;
}

#mainNav {
    height: 67px;
    background-color: #ffffff;
}

#logo {
    position: absolute;
    z-index: 20;
    width: 237px;
    height: 67px;
    overflow: hidden;
    margin-top: 0;
}

#logo a {
    display: block;
    height: 67px;
    overflow: hidden;
    color: #FFFFFF;
    font-size: 150%;
    line-height: 67px;
}

#logo a:hover {
    cursor: hand;
    /*c\ursor: pointer;*/
}

#logo span.replacement {
    display: block;
    position: absolute;
    top: 0;
    width: 237px;
    height: 67px;
    background-repeat: no-repeat;
}

#logo a span.replacement {
    display: block;
    z-index: 35;
    /*_z-index: 30; */
    background-image: url( ../images/logos.png );
}

#logo span.linkText {
    position: relative;
    z-index: 25;
}

#menu {
    position: absolute;
    z-index: 11;
    width: 700px;
    height: 50px;
    margin-top: 0;
    margin-left: 0;
    list-style: none;
}

#menu li {
    position: absolute;
    top: 0;
    height: 50px;
}

#menu a {
    display: block;
    height: 50px;
    overflow: hidden;
    color: #FFFFFF;
    line-height: 50px;
}

#menu a:hover {
    cursor: hand;
    /*c\ursor: pointer;*/
}

#menu a:hover span.replacement {
    background-position: 0 -50px;
}

#menu li.on a span.replacement, #menu li.on a:hover span.replacement {
    background-position: 0 -100px;
}

#menu span.replacement {
    display: none;
}

#menu a span.replacement {
    display: block;
    position: absolute;
    z-index: 15;
    top: 0;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#menu span.linkText {
    position: relative;
    z-index: 5;
    color: #003366;
}

#menuAtlassian {
    width: 57px;
    margin-left: 289px;
}

#menuAtlassian span.replacement {
    width: 57px;
    background-image: url( ../images/tab_about.gif );
}

#menuHosted {
    width: 60px;
    margin-left: 228px;
}

#menuHosted span.replacement {
    width: 60px;
    background-image: url( ../images/tab_hosted.gif );
}

#menuSoftware {
    width: 65px;
    margin-left: 160px;
}

#menuSoftware span.replacement {
    width: 65px;
    background-image: url( ../images/tab_products.gif );
}

/* SubNav */

.subNav {
    width: 708px;
    position: relative;
    border: 1px solid #6699CC;
    _border: 0;
    border-top: 0;
    border-bottom: 0;
    overflow: visible;
}

.subNav .inner {
    /*background: transparent url( ../images/subnav_outline.gif ) bottom left no-repeat;*/
    width: 710px;
    margin-left: -1px;
    _margin-left: 0;
    z-index: 99;
}

ul.submenu1 {
    margin-top: 0;
    margin-left: 0;
    float: left;
    width: 90%;
    line-height: 21px;
    position: relative;
    left: 6px;
}

ul.submenu1 li {
    display: inline;
    list-style: none;
}

ul.submenu1 li a, ul.submenu1 li a:visited {
    line-height: 24px;
    _line-height: 27px;
    height: 100%;
    padding: 3px 3px 4px;
    _padding-bottom: 3px;
    margin: 3px 2px;
    _margin: 3px 1px;
    text-decoration: none;
    color: #003366;
}

ul.submenu1 li a:hover {
    color: #888888;
}

ul.submenu1 li.on a {
    font-size: 105%;
    color: #888888;
}

/* secondary nav */

#secondaryMenu {
    width: 33%;
    float: right;
    display: inline;
    color: #FFFFFF;
    font-size: 95%;
    text-align: right;
    position: relative;
    top: 4px;
    right: 11px;
}

#phoneNumber {
    font-size: 120%;
    font-weight: normal;
    height: 15px;
    _height: auto;
    margin-bottom: 5px;
}

#phoneNumber img {
    margin-right: 2px;
    margin-top: -2px;
    _margin-top: 2px;
    margin-bottom: 2px;
    vertical-align: middle;
}

#welcome {
    margin-top: 8px;
    margin-right: 11px;
    float: right;
    display: inline;
    color: #FFFFFF;
    font-size: 95%;
    text-align: right;
}

#secondaryMenu .pipe {
    color: #999999;
    font-size: 110%
}

#secondaryMenu a:link, #secondaryMenu a:visited {
    color: #336699;
    text-decoration: none;
}

#secondaryMenu a:hover, #secondaryMenu a:active {
    color: #04223F;
    text-decoration: none;
}

#secondaryMenu a.on {
    color: #04223F;
}

#headerRight {
    height: 60px;
    width: 9px;
    background: url( ../images/subnav_right.gif ) top right no-repeat;
    float: right;
}

/**************************************************************************/
/*                           CONTENT                                      */
/**************************************************************************/

#content {
    /*margin-top: 1.7em;*/
}

#contentMain {
    display: inline;
    clear: both;
    float: left;
    margin-top: 0;
    margin-left: 41px;
    width: 450px;
}

h1 {
    clear: both;
    position: relative;
    left: -16px;
    width: 466px;
    margin-top: 25px;
    margin-bottom: -0.25em;
    padding-top: 10px;
    background-color: #99CC33;
    background-image: url( ../images/confluence_heading_top.gif );
    background-repeat: no-repeat;
    color: #DBEDB8;
    font-size: 125%;
    text-indent: 16px;
    text-transform: uppercase;
    letter-spacing: -0.05em;
}

h1 .subTitle {
    display: block;
    margin-top: 8px;
    padding-bottom: 16px;
    background-image: url( ../images/confluence_heading_bottom.gif );
    background-repeat: no-repeat;
    background-position: 0 100%;
    font-size: 160%;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: none;
}

h1.banner
{
	display: inline;
	float: left;
	position: static;
	left: 0;
	width: 466px;
	height: 148px;
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: -16px;
	border-bottom: 0 none transparent;
	padding-top: 0;
	padding-bottom: 0;
	background-image: none;
	background-color: transparent;
	background-repeat: no-repeat;
	font-size: 100%;
	text-indent: 0;
}

h1.banner a:hover
{
	cursor: pointer;
}

h1.banner span
{
	position: absolute;
	width: 466px;
	height: 148px;
    _margin-top: -2px;
}

h2 {
    clear: both;
    margin-top: 1.5em;
    margin-bottom: -0.25em;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 0.5em;
    color: #3C78B5;
    font-size: 140%;
}

h2.first
{
	margin-top: 0;
}

#contentMain h2 {
    margin-right: 16px;
}

#contentMain * h2 {
    margin-right: 0;
}

h3 {
    margin-top: 1.5em;
    margin-bottom: -0.75em;
    color: #3C78B5;
    font-size: 120%;
}

#contentMain h3 {
    margin-right: 16px;
}

#contentMain * h3 {
    margin-right: 0;
}

h4 {
    margin-top: 1.5em;
    margin-bottom: -0.75em;
    color: #B2B2B2;
    font-size: 110%;
}

#contentMain h4 {
    margin-right: 16px;
}

#contentMain * h4 {
    margin-right: 0;
}

blockquote {
    margin: 0 2em;
    padding-right: 16px;
    font-style: italic;
}

ol {
    margin-top: 1.5em;
    margin-left: 1.5em;
}

#contentMain ol {
    margin-right: 16px;
}

#contentMain * ol {
    margin-right: 0;
}

p {
    margin-top: 1.5em;
}

#contentMain p {
    margin-right: 16px;
}

#contentMain * p {
    margin-right: 0;
}

#contentMain table {
    margin-top: 1.5em;
    margin-right: 16px;
    border-collapse: collapse;
    font-size: 100%;
}

th {
    border: 3px solid #FFFFFF;
    padding: 0.5em;
    background-color: #DDDDDD;
    text-align: center;
    vertical-align: middle;
}

th span {
    display: block;
    font-size: 85%;
    font-weight: normal;
    line-height: 1.2em;
}

thead td {
    background-color: transparent;
}

td {
    /*border: 3px solid #FFFFFF;
    padding: 0.5em;
    background-color: #EEEEEE;
    text-align: center;
    vertical-align: top;*/
}

table .c1 {
    text-align: left;
}

ul {
    margin-top: 1.5em;
    margin-left: 1.5em;
}

#contentMain ul {
    margin-right: 16px;
}

#contentMain * ul {
    margin-right: 0;
}

#contentMain ul.linkList {
    list-style: none;
}

img {
    border: 0 none transparent;
}

img.featureImageRight {
    float: right;
    border: 1px solid #CCCCCC;
    padding: 4px;
    margin-left: 5px;
}

img.featureImageLeft
{
	float: left;
	border: 1px solid #CCCCCC;
	padding: 4px;
    margin-right: 10px;
}

a.moreLink {
    padding-top: 1px;
}

.note {
    margin-top: 1.5em;
    margin-right: 16px;
    border-right: 3px solid #C3CED9;
    border-left: 3px solid #C3CED9;
    padding: 13px 16px 16px 16px;
    background-color: #E5F2FF;
}

/* IE bug with borders - this overflows on the testimonials page.  This is fixed by having a bottom border on IE
   http://www.positioniseverything.net/explorer/creep.html
*/
* html .note {
    border-bottom: 1px solid #E5F2FF;
}

* html .noteYellow {
    border-bottom: 1px solid #FFFEC5;
}

.noteYellow {
    border-color: #D9D8A8;
    background-color: #FFFEC5;
}

* html .noteRed {
    border-bottom: 1px solid #ffcccc;
}

.noteRed {
    border-color: #BF5F5F;
    background-color: #ffcccc;
}

.note .first {
    margin-top: 0;
}

.dashedBox {
    background: #F6F6F6;
    border: 1px dashed #BBBBBB;
    padding: 10px;
    margin-top: 1px;
}

.fontRed {
    color: #cc0000;
}

#contentMain .quote {
    margin-top: 1.5em;
    margin-right: 16px;
    padding-bottom: 0;
}

#contentMain .quote dd {
    padding: 40px 16px 0 16px;
    background-image: url( ../images/quote_large_bg_bottom.gif );
    background-repeat: no-repeat;
    font-size: 80%;
    text-align: right;
    line-height: 1.3em;
}

#contentMain .quote dt {
    padding: 13px 16px 1px 16px;
    background-color: #E5DDCD;
    background-image: url( ../images/quote_large_bg_top.gif );
    background-repeat: no-repeat;
    font-weight: bold;
}

a.furtherLink {
    padding-right: 12px;
    background-image /**/: url( ../images/arrow_right.gif );
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.boxOutline
{
    padding-bottom: 13px;
    background: url( ../images/box_outline_bottom.png ) no-repeat bottom left;
    overflow: hidden;
    position: relative;
    left: -10px;
    width: 455px;
    margin-top: 23px;
}

.boxOutline h2
{
    padding-bottom: 25px;
    padding-left: 7px;
    border: 0;
}

.boxOutline .inner
{
    background: url( ../images/box_outline_top.png ) no-repeat top left;
    padding: 0 8px;
}

.boxOutline p
{
    margin-left: 3px;
}

.boxOutline p.first
{
    margin-top: 0;
    padding-top: 10px;
}

.boxOutline h2
{
    font-size: 170%;
    color: #003366;
}

.boxOutline h3
{
    font-size: 115%;
    _font-size: 110%;
}

a.more
{
    font-size: 115%;
    font-weight: bold;
    color: #003366;
}

/* SINGLE COLUMN */

.oneColumn #contentMain
{
	display: inline;
	clear: both;
	float: left;
	margin-top: 0;
	margin-left: 41px;
	width: 694px;
}

.oneColumn h1
{
	width: 710px;
	background-image: url( ../images/1col_heading_top.gif );
}

.oneColumn h1 .subTitle
{
	background-image: url( ../images/1col_heading_bottom.gif );
}

/**************************************************************************/
/*                          SIDEBAR                                       */
/**************************************************************************/

#contentSub {
    display: inline;
    float: right;
    width: 220px;
    margin-right: 24px;
}

.subItem {
    margin-top: 25px;
    padding-bottom: 16px;
    background-color: #F2F2F2;
    background-image: url( ../images/sidebar_bottom.gif );
    background-repeat: no-repeat;
    background-position: bottom left;
}

.submenu {
    background-color: #99CCFF;
    background-image: url( ../images/submenu_bottom.gif );
}

#contentSub .submenu h2 {
    background-color: #7399BF;
    background-image: url( ../images/submenu_heading_bg.gif );
    margin-bottom: -0.4em;
}

#contentSub .submenu ul {
    list-style: none;
    margin-top: 4px;
    _margin-top: 3px;
    margin-right: 0;
    margin-left: 0;
}

#contentSub .submenu li {
    margin-top: 0;
    border-top: 1px dashed #7399BF;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
}

#contentSub .submenu li a {
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

#contentSub .submenu li a:visited {
    color: #000000;
}

#contentSub .submenu li a:hover {
    color: #FFFFFF;
}

#contentSub .submenu li.on {
    background-color: #BDDEFF;
    background-image /**/: url( ../images/submenu_marker.gif );
    background-repeat: no-repeat;
    background-position: 16px 15px;
    _background-position: 16px 18px;
}

#contentSub .submenu li.on a {
    padding-left: 16px;
}

#contentSub .submenu li.on a:visited {
    color: #000000;
}

#contentSub .submenu li.first {
    border-top: 0 none transparent;
}

#contentSub .submenu li ul {
    margin-top: 5px;
}

#contentSub .submenu li li {
    border-top: 0 none transparent;
    padding-top: 0;
}

#contentSub .submenu li li a {
    font-weight: normal;
}

.subPanel {
    margin-top: 25px;
    padding-bottom: 16px;
    background-color: #99CCFF;
    background-image: url( ../images/sidebar_panel_blue_bottom.gif );
    background-repeat: no-repeat;
    background-position: bottom left;
}

.subPanelImage {
    margin-top: 25px;
}

.subPanelInner {
    padding: 13px 16px 0 16px;
    background-image: url( ../images/sidebar_panel_blue_top.gif );
    background-repeat: no-repeat;
}

.subPanel .first {
    margin-top: 0;
}

.subPanelGreen {
    background-color: #99CC33;
    background-image: url( ../images/sidebar_panel_green_bottom.gif );
}

.subPanelGreen .subPanelInner {
    background-image: url( ../images/sidebar_panel_green_top.gif );
}

.subPanelBrown {
    background-color: #E5DDCD;
    background-image: url( ../images/sidebar_panel_brown_bottom.gif );
}

.subPanelBrown .subPanelInner {
    background-image: url( ../images/quote_small_bg_top.gif );
}

.subPanelBrown h3 {
    margin-top: 0;
    color: #666666;
}

.subPanelGrey {
    background-color: #F2F2F2;
    background-image: url( ../images/sidebar_panel_grey_bottom.gif );
}

.subPanelGrey .subPanelInner {
    background-image: url( ../images/sidebar_panel_grey_top.gif );
}

.subPanelGrey .subPanelInner h3.first {
    margin-top: 0;
    margin-bottom: -0.75em;
    padding-bottom: 0;
    color: #3C78B5;
    font-size: 120%;
    background-color: #F2F2F2;
    border-bottom: none;
}

.subPanelGrey h4 {
    color: #666666;
}

.subPanelWhite {
    background-color: #FFFFFF;
    background-image: url( ../images/sidebar_panel_white_bottom.png );
}

.subPanelWhite .subPanelInner {
    background-image: url( ../images/sidebar_panel_white_top.png );
}

.subPanelWhite .subPanelInner h3.first {
    margin-top: 0;
    margin-bottom: -1em;
    padding-bottom: 0;
    color: #3C78B5;
    font-size: 120%;
    border-bottom: none;
}

#contentSub .quote {
    background-color: #FFFFFF;
    background-image: none;
}

#contentSub .quote {
    padding-bottom: 0;
}

#contentSub .quote dd, #contentMain .narrow dd {
    padding: 40px 16px 0 16px;
    background-image: url( ../images/quote_small_bg_bottom.gif );
    background-repeat: no-repeat;
    font-size: 95%;
    text-align: right;
    line-height: 1.3em;
}

#contentSub .quote dt, #contentMain .narrow dt {
    padding: 13px 16px 1px 16px;
    background-color: #E5DDCD;
    background-image: url( ../images/quote_small_bg_top.gif );
    background-repeat: no-repeat;
    font-weight: bold;
    overflow: hidden;
    width: 188px;
}

#contentSub h2 {
    border-bottom: 0 none transparent;
    padding: 8px 16px 8px 16px;
    background-color: #B5B5B5;
    background-image: url( ../images/sidebar_heading_bg.gif );
    background-repeat: no-repeat;
    font-size: 100%;
    color: #FFFFFF;
}

#contentSub h2 a {
    color: #FFFFFF;
    text-decoration: none;
}

#contentSub h3 a {
    color: #4C4C4C;
    text-decoration: none;
}

#contentSub h3 a:hover {
    color: #3C78B5;
    text-decoration: underline;
}

#contentSub ul {
    margin-right: 16px;
    margin-left: 30px;
}

#contentSub li {
    margin-top: 0.75em;
}

p.moreLink {
    margin-top: 16px;
    margin-right: 16px;
    margin-left: 16px;
    border-top: 1px dashed #CCCCCC;
    padding-top: 16px;
    text-align: right;
}

/**************************************************************************/
/*                            FOOTER                                      */
/**************************************************************************/

#copyright {
    font-size: 90%;
    margin-left: 35px;
    margin-top: 32px;
    border-top: 2px dotted #CCCCCC;
    padding-left: 5px;
    padding-top: 5px;
    width: 685px;
    color: #000000;
}

#copyright a:link, #copyright a:visited {
    text-decoration: none;
}

#copyright a:active, #copyright a:hover {
    text-decoration: underline;
}

.errorBox {
    background-color: #fcc;
    border: 1px solid #c00;
    padding: 5px;
    margin: 5px;
}

.errorMessage {
    color: #c00;
}

/**************************************************************************/
/*                     RE-USED STYLES (MISC)                              */
/**************************************************************************/

.smallbold { font-size: 11px; font-weight: bold; color: #003366 }
.small { font-size: 9px; }
.smallish { font-size: 11px; }
.smallgrey { font-size: 9px; color: #666 ;display:inline}

h1 a, h1 a:visited, h1 a:hover, h1 a:link
{
    text-decoration: none;
    color: #DBEDB8;
}

/* Quote bubble */

.quoteNarrow
{
	background-color: #FFFFFF;
	background-image: none;
}

.quoteNarrow
{
	padding-bottom: 0;
}

.quoteNarrow dd
{
	padding: 40px 16px 0 16px;
	background-image: url( ../images/quote_small_bg_bottom.gif );
	background-repeat: no-repeat;
	font-size: 85%;
	text-align: right;
	line-height: 1.3em;
}

.quoteNarrow dt
{
	padding: 13px 16px 1px 16px;
	background-color: #E5DDCD;
	background-image: url( ../images/quote_small_bg_top.gif );
	background-repeat: no-repeat;
	font-weight: bold;
}

img.screenshot
{
    border: solid 1px #CCCCCC;
}

ul.navList
{
    vertical-align: middle;
    text-align: center;
    list-style: none;
    margin-left: 0;
}

ul.navList li {
    display: inline;
    margin: 0 20px;
}

ul.navList img {
    vertical-align: middle;
}

ul.navList a, ul.navList a:visited {
    text-decoration: none;
    font-size: 120%;
    color: #333333;
}

ul.navList a:hover, ul.navList a:active {
    color: #999999;
}

/* Testimonials */

.quotes {
    margin: 25px 10px 0 -5px;
}

.quotes strong {
    color: #333333;
}

.quotes dl {
    background: #F9F9F9;
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    padding: 7px;
    margin: 8px 0;

}

.quotes dl.alt {
    background: #F3F3F3;
    border-color: #E3E3E3;
}

.quotes dl dt {
    font-size: 110%;
}

.quotes dl dd {
    text-align: right;
    padding-top: 7px;
}

ul.gallery {
    margin-left: 0;
    list-style: none;
}

ul.gallery li {
    float: left;
    margin: 0 7px;
    width: 130px;
    font-size: 95%;
    text-align: center;
}

.oneColumn ul.gallery li {
    width: 200px;
    margin: 0 12px;
}

ul.two li {
    width: 200px;
}

ul.vertical, .oneColumn ul.vertical {
    font-size: 95%; 
    text-align: center;
    width: 250px;
}

ul.vertical li, .oneColumn ul.vertical li {
    width: 250px;
    float: none;
    margin: 0 0 10px;
    line-height: 100%;
    padding: 0;
}

ul.gallery li img {
    border: 1px solid #DDDDDD;
}

ul.productList {
    list-style: none;
    text-align: center;
    margin-left: 0;
}

ul.productList li {
    margin-bottom: 25px;
}

ul.productList li.last {
    margin-bottom: 15px;
}

ul.productList li img {
    border: 1px solid #EEEEEE;
}

ul.badges {
    list-style: none;
    margin-left: 0;
    margin-top: 0;
}

ul.badges li {
    margin-top: 20px;
    float: left;
    display: inline;
    margin-right: 20px;
}

.badges textarea {
    font-size: 110%;
    _font-size: 85%;
    width: 100%;
}

.full ul.badges li {
    width: 325px;
}

.full .badges textarea {
    width: 95%;
}

.full .badges li.last {
    margin-top: 40px;
}

p.last {
    margin-bottom: 0;
}


/** Downloads **/

ul#tabs
{
    list-style: none;
    margin: 20px auto 0 auto;
    width: 690px;
    text-align: center;
    position: relative;
}

ul#tabs li
{
    margin: 0 7px;
    float: left;
    height: 25px;
    min-width: 100px;
    _width: 110px;
    z-index: 5;
    /*margin-bottom: -1px;*/
    position: relative;
    bottom: -1px;
    font-size: 110%;
    line-height: 130%;
    background-repeat: no-repeat;
    background-position: 13px 4px;
    background-color: #EAEAEA;
    border-width: 1px;
    border-color: #CCCCCC;
    border-style: solid;
    padding-top: 0;
    _padding-top: 3px;
}

ul#tabs li.wide
{
    _width: 130px;
}

ul#tabs li.on
{
    border-color: #CCCCCC #CCCCCC #FFFFFF;
    border-style: solid;
    border-width: 1px;
    background-color: #FFFFFF;
}

ul#tabs li a
{
    width: 100%;
    line-height: 25px;
    height: 25px;
    padding: 5px 10px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

ul#tabs li a img
{
    vertical-align: middle;
    margin-right: 4px;
}

ul#tabs div#options {
    position: absolute;
    bottom: 0;
    top: 9px;
    right: 16px;
    font-size: 95%;
    _width: 200px;
    text-align: right;
}

ul#tabs div#options a
{
    _font-size: 90%;
    font-weight: normal;
    padding: 0;
    _color: #666666;
}

ul#tabs div#options a:link, ul#tabs div#options a:visited {
    text-decoration: underline;
    color: #000000;
}


#downloads
{
    border: 1px solid #CCCCCC;
    border-bottom: 0;
    margin-right: 16px;
    margin-bottom: 0;
    z-index: 0;
}

#downloads .version
{
    padding: 10px 15px 5px 15px;
    border-bottom: 1px solid #CCCCCC;
    float: none;
}

#downloads .version .download {
    float: left;
    display: inline;
    padding: 10px 0;
    width: 650px;
}

.download .info
{
    float: left;
    display: inline;
    margin-top: 2px;
}

.download .info .filename
{
    font-weight: bold;
    color: #003366;
    font-size: 115%;
}

.rec .info
{
    margin-top: 5px;
}

.rec .info .filename
{
    font-size: 145%;
}

.info .releaseInfo
{
    font-size: 95%;
    color: #666666;
    font-weight: normal;
}

.download .button
{
    float: right;
    display: inline;
}

#columnLeft
{
	display: inline;
	float: left;
	width: 204px;
}

#columnRight
{
	display: inline;
	float: right;
	width: 204px;
	margin-right: 16px;
}

#contentMain .customers ul
{
	list-style-type: circle;
}


#contentMain .customers li
{
	padding: 0.15em 0.5em;
}

h4.faq
{
	font-size: 110%;
}

/*pre.code {
    word-wrap: normal;
    white-space: normal;
}*/

ul.continuation
{
    margin-top: 0.5em;
}

/* style bannera mainbanner na stronie głównej */
table#mainbannertable {
    margin: 0 25px 0 25px;
    position: relative;
    width:710px;
    height:270px;

}

/*#tab1 {width:350px;background-image:url(../images/01main_jira.jpg);background-attachment:fixed;background-position: right;}
#tab2 {width:60px;background-image:url(../images/02main_bamboo.jpg);background-attachment:fixed;background-position: right;}
#tab3 {width:60px;background-image:url(../images/03main_confluence.jpg);background-attachment:fixed;background-position: right;}
#tab4 {width:60px;background-image:url(../images/04main_clover.jpg);background-attachment:fixed;background-position: right;}
#tab5 {width:60px;background-image:url(../images/05main_crowd.jpg);background-attachment:fixed;background-position: right;}
#tab6 {width:60px;background-image:url(../images/06main_crucible.jpg);background-attachment:fixed;background-position: right;}
#tab7 {width:60px;background-image:url(../images/07main_fisheye.jpg);background-attachment:fixed;background-position: right;}
*/
#tab1 {width:350px;background-image:url(../images/01main_jira_b.jpg);background-position: right;cursor:pointer;}
#tab2 {width:60px;background-image:url(../images/02main_bamboo_b.jpg);background-position: right;cursor:pointer;}
#tab3 {width:60px;background-image:url(../images/03main_confluence_b.jpg);background-position: right;cursor:pointer;}
#tab4 {width:60px;background-image:url(../images/04main_clover_b.jpg);background-position: right;cursor:pointer;}
#tab5 {width:60px;background-image:url(../images/05main_crowd_b.jpg);background-position: right;cursor:pointer;}
#tab6 {width:60px;background-image:url(../images/06main_crucible_b.jpg);background-position: right;cursor:pointer;}
#tab7 {width:60px;background-image:url(../images/07main_fisheye_b.jpg);background-position: right;cursor:pointer;}