/* 	Contour Style Sheet
	Jama Software Inc.
	www.jamasoftware.com

	This is the style sheet for js ext
*/

/* Possible workaround for Firefox cursor issue */

.x-dlg {
      position: fixed;
      position: expression("absolute");
}

/* Setup Page Styles */

.j-setup-box {
	width: 600px;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid #808080;
	background-color: #FAFAF5;
}

.j-setup-header-text {
	font: 16pt Arial;
	color: orange;
	padding-bottom: 5px;
	padding-top: 10px;
}

.j-setup-paragraph-header-text {
	font: 12pt Arial;
	color: #00A0C6;
	padding-top: 10px;
}	

.j-setup-blue-text {
	font-style: italic;
	font-weight: bold;	
}	


.j-setup-small-text {
	font: 8pt Arial;
	font-style: italic;
	padding-bottom: 5px;
}	


#setupTable td {
	color: black;
	vertical-align: middle;
}


/* Login Screen Styles */

.j-login-page {
	background-image:url(../../../img/jama-bg-gradient.jpg);
}

.j-login-form {
	width: 400px;
	height: 400px;
	background-image:url(../../../img/login-background.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	}

.j-login-welcome {
	font: 16pt Arial;
	color: orange;
	margin-bottom: 20px;
	margin-top: 20px;
	}

.j-login-tagline {
	font: 13pt Arial;
	color: white;
	margin-bottom: 15px;
}

.j-login-version {font: 10pt Arial; color: white;}

.j-login-note {
	margin-top: 15px;
	font: 10pt Arial;
	color: white;
}

.j-login-copyright {
	margin-top: 10px;
	font: 10pt Arial; color: white;
}

/* Project Dashboard */

.j-project-header {
	border : 1px solid #8F8F7E;
	background: #D2D2CC;
	padding : 10px;
	margin: 5px;
	color: white;
}

.j-project-header-text {
	font-weight: bold;
	font-size: 14pt;
	color: #525252;
}

.j-project-header-subtext {
	font-size: 12pt;
	color: #595959;
}

/* Images collapsed panels */
#artifact-view .x-layout-collapsed-south {
	background-image:url(../../../img/ext/preview.gif);
	background-position:center;
	background-repeat:no-repeat;
}

/* Loadding */
#loading{
	position:absolute;
	left:45%;
	top:40%;
	border:1px solid #6593cf;
	padding:2px;
	background:orange;
	width:150px;
	text-align:center;
	z-index:20001;
}

#loading .loading-indicator{
	border:1px solid #a3bad9;
	/* background:white url(block-bg.gif) repeat-x; */
	background: white;	
	color:#003366;
	font:bold 13px tahoma,arial,helvetica;
	padding:10px;
	margin:0;
}

/* Tag Cloud CSS */
.x-cloud  {
    /*min-height:100px;
      border:1px solid #CCC;
	  padding: 15px;
	  line-height: 2.5em;
      width: 50%;*/
      padding: 2px;
    }
    
.x-cloud-item  {
    margin:0 0.2em;
	display:inline;
}



.x-cloud-list-item {
	padding: 5px;
	background : url(../../../img/topGradient.png) repeat;
	margin: 5px;
	border-style : solid;
	border-color: #9B9B9B;
	border-width: 1px;
}

.x-cloud-list-item-selected  {
	-moz-user-select: none;
	padding: 5px;
	background: #D2DEE6;
	margin: 5px;
	border-style : solid;
	border-color: #9B9B9B;
	border-width: 1px;
	}
	
.x-cloud-item a  {
	/*padding:5px;*/
	}
.x-cloud-item a:hover  {
	color:#002a85;
	}
.x-cloud-item-selected a  {
    background-color: #316ac5;
    color:#FFF;
    text-decoration:none;
    }
.x-cloud-item-selected a:hover  {
    cursor:default;
    color:#FFF;
    }
.x-cloud-item.smallest { font-size: 0.65em; }
.x-cloud-item.small { font-size: 0.85em; }
.x-cloud-item.medium { font-size: 1.0em; }
.x-cloud-item.large { font-size: 1.35em; }
.x-cloud-item.largest { font-size: 2.0em; } 


/* Comments CSS */


.commentBox {
	font: 10pt Lucida Grande, Arial, Helvetica, sans-serif;
	border: 1px solid #C8C8C8;
	padding: 3px;
	background : url(../../../img/largeGradient.png) repeat;
	margin-bottom: 3px;
}

.commentAuthorText {
	font-size: 8pt;
	color: #464646;
}

.commentText {padding-top: 3px;}

.commentSelected {
	background: #eaf0f7;
}

/*Base Style for Html Text Box*/

.j-text-box h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
.j-text-box h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
.j-text-box h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
.j-text-box h1, .j-text-box h2, .j-text-box h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}

.j-text-box h1, .j-text-box h2, .j-text-box h3, .j-text-box h4, .j-text-box h5, .j-text-box h6, .j-text-box strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
.j-text-box abbr, .j-text-box acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
.j-text-box em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
.j-text-box blockquote, .j-text-box ul, .j-text-box ol, .j-text-box dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
.j-text-box ol, .j-text-box ul, .j-text-box dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
.j-text-box ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
.j-text-box ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
.j-text-box dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
.j-text-box th, .j-text-box td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
.j-text-box th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
.j-text-box caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
.j-text-box p, .j-text-box fieldset,.j-text-box table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

/*End of base style*/

.msg .x-box-mc {
    font-size:14px;
}
#msg-div {
    position:absolute;
    /*left:100px;*/
    top: 0px;
    width:450px;
    z-index:20000;
}
#project-north-tb .x-toolbar {
	background:#ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	font-size: 3.0em;
	
}
#project-north-tb .x-btn button {
	font-size: 13px;
	
}
#app-header .x-layout-panel{
	border: 1px solid #ffffff;
}
.x-layout-panel{
    border:1px solid #ffffff;
}
#project-center-project .x-layout-panel-north{
	background:#ffffff;
	border-bottom: 1px solid #ffffff;
}
#relationship-tab .x-layout-panel-north{
	border-bottom: 1px solid #DEECFD;
}
.x-layout-panel .x-tabs-wrap{
	background: #ffffff
}

/*
#project-center-project .x-layout-container {
	border-top: 2px solid #feddb1;
}
#explorer-west-tb .x-toolbar {
background:white none repeat scroll 0%;
}
*/

.contourComponentTop .x-toolbar{
	/*background: #D2D2CC;*/
	}
	
.contourComponentTop .x-toolbar span {
	font-size: 11pt;
	font-weight: bold;
}
	
.contourComponentTop .x-toolbar span.j-label {
	font-size: 9pt;
	font-weight: normal;
}
	
.j-folder-grid-topbar .x-toolbar{
	/*background: white;*/
}
	
.j-folder-grid-topbar .x-toolbar span {
	font-size: 9pt;
	font-weight: bold;
	}

.formPanel {
	/*border-collapse: collapse;*/ 
	background: white;
	padding: 5px;
	margin-top:5px;
	/*background : url(../../../img/largeGradient.png) repeat;*/
	/*margin-bottom: 20px;*/
}


.formPanel .x-form-item {
	font-size: 15px; 
}

.formPanel .x-form-item label {
	font-weight: bold;
}

.formPanel .x-form-field {
	font-size: 15px; 
}

.formPanel .x-form-text, .formPanel .x-form-checkbox {
	height: 23px; 
}

/*comment*/
.j-comment-action-bar a {font-size: 8pt; }
.j-comment-action-bar a:link {font-size: 8pt; }
.j-comment-action-bar a:hover {font-size: 8pt; }
.j-comment-action-bar a:visited {font-size: 8pt; }


/* Outer panel on item pane */
.j-item-panel {
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	padding: 5px;
}	

/* Grid */
.j-item-sub-panel {
	-moz-box-sizing: border-box;
	box-sizing:border-box; 
	border : 1px solid #DADDE0;
	background: #FAFAF5;
	padding: 0px;
	width: 100%;
}

/* Outer panel for tabs */
.j-tab-panel {
	-moz-box-sizing: border-box;
	width: 100%;
	padding: 10px;
}