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

	This is the primary style sheet for Contour

/* =LINKS
----------------------------------------------- 
*/	

a {text-decoration: none; color: #00647D;}
a:link {text-decoration: none; color: #00647D;}
a:visited {text-decoration: none; color: #00647D;}
a:hover {text-decoration: underline; color: #DC8003;}

html, body 	{
	font: 10pt Lucida, Grande, Arial, Helvetica, sans-serif;
}

td  {
	font-size: 10pt;
	vertical-align: top
	}

/* ------------------------------------------------------------------
   Used to display text correctly
   ------------------------------------------------------------------*/ 
pre {
	/* font: 10pt Verdana, Tahoma, Arial; */
	white-space: -moz-pre-wrap; 
	white-space: -pre-wrap; 
	white-space: -o-pre-wrap; 
	white-space: pre-wrap; 
	word-wrap: break-word;
} 

/* No Border Table */
.noBorderTable {
	width: 100%;
	border: 0px;
	font-size: 10pt;
}

.noBorderTable td {
	padding: 1px;
}


.formTable {width: 100%; border: 0px; margin:0px;}
.formTable td {padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom; 2px; font: 9pt Tahoma, Verdana, Arial;}



.odd{background-color: #F9F9F7;}
.even{background-color: white;}
.edit{background-color: white;}


/* Field labels to the left of an input box */
.leftTableLabel{
	 font: bold; 
	 color:#595959;
	 text-align: right;
}

/* -------------------------------------------------------------------
   Images
   ------------------------------------------------------------------- */
.image {
	vertical-align: text-top;
	border-width: 0px;
}




/* ------------------------------------------------------------------
   Page Title (in second box)
   ------------------------------------------------------------------*/ 
.pageHeader{
	font-weight: bold;
	font-size: 10pt;
}

/* ------------------------------------------------------------------
   Section header ie a subtab header like comments
   ------------------------------------------------------------------*/ 
.sectionHeader{
	font-weight: bold;
	font-size: 11pt;
}

/* Bold text for a label */
.textLabel {
	font-size: 9pt;
	font-weight: bold;
	color: #595959;
}

.textLabelTime_WhatsNew {
	color: 	#C8B560;
}
.textLabelName_WhatsNew {
	color: #659EC7;
}

.textLabel2 {
	font-weight: bold;
	font-size: 10pt; 
	color: #595959;
	background: #EEEEE4;
}

.smallText {
	font: 10pt Verdana, Tahoma, Arial;
}

.smallText a a:hover a:link {
	font: 10pt Verdana, Tahoma, Arial;}


/* ---------------------------------------------------
   Loading Document Message
   --------------------------------------------------- */
.loadingDocMessage
	{
	position: absolute;
	top: 50;
	left:100;
	visibility: hidden;
	font-size: 24pt;
 	border:1px solid #000000; 
 	background-color: #E2E2E2;
	height: 400px;
	width: 400px;
	text-align: center;
	font-weight: bold;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity: .25;
	z-index: 99;
	}
	
/* ---------------------------------------------------
   Error Messages
   --------------------------------------------------- */
.errorMessage	{
	min-height: 20px;
	text-align: left;
	font-weight: bold;
	color: red;
  	}
  	
.formErrorMessage
  {
	color: red;
  }


/* =FORMS 
------------------------------------------------------------------
*/

textarea 	{font: 10pt Verdana, Tahoma, Arial;}
   


/* ------------------------------------------------------------------
   Dojo Tab Styles
   editRequirement.jsp
   projectAdmin.jsp
   ------------------------------------------------------------------*/ 
.generalTabHeader {
	-moz-box-sizing: border-box;
	width: 100%;
	height: 100%;
}

.projectTabContainer{
	-moz-box-sizing: border-box;
	width: 100%;
	height: 100%;
	/*margin: auto; */
}

.generalTab{
	-moz-box-sizing: border-box;
	overflow: auto;
	width: 100%;
}



/* ---------------------------------------------------
   Scrollable div box for tables
   --------------------------------------------------- */ 
.scrollBox{
	position: relative;
	border: 1px solid #808080;
	overflow: visible; 
	height: 90%;
	width: 90%;	
}
/* Multiselect Option Box */ 
.scrollMultiSelectBox{
	border: 1px solid #808080;
	overflow-y: scroll; 
	height: 175px;
	padding-left: 1px;
	
}

/* ---------------------------------------------------
   Box to hold the requirements tree
   --------------------------------------------------- */ 
.itemHeader{
	-moz-box-sizing: border-box;
	padding: 1px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #9B9B9B;
	width: 100%;
}

.itemHeader td {
	padding: 1px 10px 1px 10px; }

.sectionTitleBar{
	-moz-box-sizing: border-box;
	background-color: #F1F1F2;
	padding: 1px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #9B9B9B;
	width: 100%;
}


.leftSplitArea {
	background-color: #F5F8FC;
}

/* Top section of right pane, usually for title such as "requirement or filter" */
.sectionTitleBarDiv{
	-moz-box-sizing: border-box;
	background-color: #eeeee4;
	padding: 5px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #9B9B9B;
	width: 100%;
	height: 30px;
}

.simpleTreeBox{
	-moz-box-sizing: border-box;
	border: 1px solid #808080;
	overflow: visible; 
	background: #ffffff;
	margin-top: 4px;
	height: 100px;
	padding: 0px;
}

.simpleTreeBox td {padding: 0px;}

.appNameTable{
	border-top: 1px solid #808080;
	width: 100%;
	background-color: #F4F4E8;
}

/* Box to center login on page, login.jsp, retrievePassword.jsp v*/	
.loginContainer {
	width: 600px;
	margin: 0 auto;
	border: 1px solid #808080;
}

/* Action Icons */
.actionIcon {margin-left: 5px; margin-right: 3px; vertical-align: text-top;	border-width: 0px;}



/* ------------------------------------------------------------------
   Styles for document display
   ------------------------------------------------------------------*/
.containerPanel {
	padding-left: 10px;
	padding-right: 10px;
}


.topBorderPanel {
	-moz-box-sizing: border-box;
	padding: 10px;
	width: 100%;
	background-color: white;
	border-width: 1px 0px 0px 0px;
	border-color: #9B9B9B;
	border-style: solid;
	}

.standardPanel {
	-moz-box-sizing: border-box;
	width: 100%;
	padding: 5px;
	background-color: white;
	margin-bottom: 20px; 
}
.proxyPanel .standardPanel{
	background-color: #728c9a;
}

.xProjLinkPanel {
	border : 1px solid #4b911c;
	-moz-border-radius : 5px;
	padding-top : 6px;
	padding-bottom : 6px;
	padding-left : 2px;
	padding-right : 2px;
	background-color: #FFF8C6;
}
.borderBoxWhitePanel {
	background-color: white;
}
.componentPane {
	border : 1px solid #DADDE0;
	background: #FAFAF5;
	padding-top : 6px;
	padding-bottom : 3px;
	padding-left : 4px;
	padding-right : 4px;
	/* background : url(../../../img/largeGradient.png) repeat; */
	margin-bottom: 3px;
}

.componentPaneNoGradient {
	border : 1px solid #DADDE0;
	background: #FAFAF5;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-left : 2px;
	padding-right : 2px;
	margin: 5px;
}


/* Div for tag list (left side) */
.simpleListTree {
	padding: 5px;
	background : url(../../../img/topGradient.png) repeat;
	/* background: #FDCA84; */
	margin: 5px;
	border-style : solid;
	border-color: #9B9B9B;
	border-width: 1px;
}

	
.simpleListTree a:hover {text-decoration: underline;}

/* Div for tag list (left side) */
.taggedItems {
	padding: 5px;
	background: white;
	margin: 5px;
	border-style : solid;
	border-color: #9B9B9B;
	border-width: 1px;
}


.selectedTagRow{
	-moz-user-select: none;
	padding: 5px;
	background: #D2DEE6;
	margin: 5px;
	border-style : solid;
	border-color: #9B9B9B;
	border-width: 1px;
}

.selectedTagRow a:hover {text-decoration: underline;}

/* ------------------------------------------------------------------
   Artifact panel - used to wrap each section in 1px border
   ------------------------------------------------------------------*/
.thinBorder {
	-moz-box-sizing: border-box;
	width: 100%;
	padding: 0px;
	background-color: white;
	margin-bottom: 20px; 
	border-style: solid; 
	border-width: 1px 1px 1px 1px;
	border-color: #C5C5A5;
}

/* ------------------------------------------------------------------
   homeView.jsp - boxes to hold text blocks
   ------------------------------------------------------------------*/
.homeViewBox {
	/* background: #ECF9E3; 
	border-style: solid; 
	border-width: 1px 1px 1px 1px;
	border-color: #C5C5A5; */
	padding: 5px;
	margin-bottom: 20px;
}


.border {
	border-style: solid; 
	border-width: 1px 0px 1px 0px;
	border-color: #C5C5A5;
}

/* ------------------------------------------------------------------
   Over the editor space
   ------------------------------------------------------------------*/
	
.workingContextArea {
	border : 1px solid #4b911c;
	-moz-border-radius : 5px;
	padding-top : 6px;
	padding-bottom : 6px;
	padding-left : 2px;
	padding-right : 2px;
	background-color: #ECF9E3;
}

/* ------------------------------------------------------------------
   Over the editor space
   ------------------------------------------------------------------*/
	
.workBox {
	border : 1px solid #4b911c;
	padding-top : 6px;
	padding-bottom : 6px;
	padding-left : 2px;
	padding-right : 2px;
	background-color: #cdefb6;
}
	
/* Project Configuration Panels */
.configPanel {
	border-collapse: collapse; 
	border-style: solid;
	border-width: 1px;
	border-color: #9B9B9B;
	/*width: 100%;*/
	background: #DBEAFC;
	background : url(../../../img/largeGradient.png) repeat;
	margin-bottom: 20px;
}

.itemPanelDiv {
	-moz-box-sizing: border-box;
	width: 99%;
	padding: 0px;
	margin-top: 10px;
	/* border : 1px solid #D6E3ED; */
	/* background: #F1F7FA;	*/
}


.nonInputText {
	border-width: 0;
	background: #ffffff;
	border: 0px;
}


.tags-cloud {
	padding-top : 6px;
	padding-bottom : 6px;
	padding-left : 2px;
	padding-right : 2px;
}

.tags-cloud a {color: black}
.tags-cloud a:link {color: black}
.tags-cloud a:visited {color: black}
.tags-cloud a:hover {color: black}