/** @file
 * TestLink 1.7.0 Customized Theme for "Test Task Force"
 *
 * @date 2007/10/18
 * @author Toshiyuki Kawanishi
 */

body {
	background:		#FFFFFF;
	font-family:	'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size:		normal;
	margin:			0px;
}

img {
	border: 		none;
}

/* ----------------------------------------------------------------- */
/*    Title + Menu bar                                               */
div.top_title_frame {
	margin-bottom:	5px;
	padding: 0px;
}

div.top_menu {
	height:			25px;
	color:			#FFFFFF;
	background:		#000000;
	margin-bottom:	5px;
	padding: 0px;
}

div.menu_title {
	height:			75px;
	font-stretch:	wider;
	padding:		20px 10px 0px 10px;
}

dvi.title_message {
	padding:        5px 10px 5px 25px;
	font-weight:    bold;
}

div.menu_bar {
	background: 	#CDE;
	background-image: url(../images/navbar.gif); 
	border-style:	groove;
	border-width:	thin;
	padding: 		1px 15px;
}

select.menu_combo {
	background: 	#EEE;
	border-style:	none;
	font-size:	 	smaller;
	font-weight:    bold;
}
/* ----------------------------------------------------------------- */


/* ----------------------------------------------------------------- */
/*    main page                                                      */
body.mainPage {
	background-image:    url(../images/worldmap.png);
	background-position: center;
	background-repeat:   no-repeat;
}

div.vertical_menu {
	font-size:      90%;
	margin: 		3px; 
	padding: 		2px;
	padding-bottom:	1px;
	width:			26%;
}

div.vertical_menu h2 {
	background:     #FFC;
	border-style:	none;
	color:			black;
	font-weight:    bold;
}


div.vertical_menu a {
	font-weight:    normal;
}

div.testproject_title{
	background:		#059;
	color:			white;
	font-size:		110%;
	padding: 		2px;
}


/***** main page table *****/

table.mainTable{
	background: 	#EEE;
	border: 		1px double black;
	min-width:		200px;
}

table.mainTable td th {
	border: 		thin dotted black;
}

table.mainTable th {
	background:     #FFFFCC;
}

table.link_and_exec {
	background:     #EEE;
	border: 		1px solid black;
	margin-bottom:	10px;
	margin-right:	0px;
}


table.link_and_exec th {
	background:     #CCC;
}


/***** general styles **************************************/

/* this is obsolete - use <h1> instead of this */
div.pagetitle {
	background:		#059;
	color:			white;
	font-size:		85%;
	font-weight:    bold;
	padding: 		2px 2px 2px 5px;
	margin:			5px 0px 0px 0px;
}

/* background for working area (tables and forms) */
div.workBack {
	text-align: 	left;
	margin: 		3px 3px 3px 3px;
	background: 	#CDE;
	padding: 		5px 5px 5px 5px; 
	border-style:	groove;
	border-width:	thin;
	FONT-FAMILY: 'Trebuchet MS', Verdana, Arial, sans-serif;
}

/* for tree menu */
div.tree {
	background: 	#EEE;
	padding: 		3px 0px 150px 0px;
	border: 		1px solid grey;
	margin:			2px;
	overflow: auto; /* BUGID: SF1243287 */
}

h1 {
	background:		#059;
	border: 		1px solid black;
	color:			white;
	font-size:		85%;
	margin-bottom:	4px;
	padding: 		2px;
	text-align: 	left;
}

h2 {
	font-size:		80%;
}

div.groupBtn {
	padding:		0px;
}

/* show results of SQL actions or important information for user */
div.error, .info {
	font-size:		110%;
	text-align:		center;
	color:			red;
	font-weight:    bold;
	padding: 		2px;
}

div.warning_soft
{
	text-align:		center;
	background-color: white;
	color:			red;
	font-weight:    bold;
	padding: 		2px;
}


div.user_feedback{
	font-size:		110%;
	text-align:		center;
	color:			black;
	font-weight:    bold;
	padding: 		2px;
}



.title {
	font-weight:    bold;
	font-size:		85%;
}

.bold {
	font-weight:    bold;
}

.italic {
	font-style: 	italic;
}

.onright {
	float: 	right;
}

/***** links to help files **************************/
img.help {
	vertical-align: top;
	float:			right;
}

/* This allows link help from text e.g. instruction
 * Using: <span class="help" onclick="javascript:open_popup('../help/glosary.html#testspec');">Test Specification</span>
 */
span.help 
{
	cursor: 		help;
	text-decoration: underline; 
}

/***** Links **************************************/

/* A Visited link is still blue */
a:visited, a:link, a:active {
	color: 			#059; 
	text-decoration: none;
} 
/* A link being hovered over is red*/
a:hover   {
	color: 			#900; 
	font-weight:    bold;
	text-decoration: none;
} 


/***** tabbed menu ***********************************/
/* add under h1 tag */

div.tabMenu {
	margin-top:		0px;
	padding:		0px 30px 10px 30px;
}

span.selected, span.unselected {
	border: 		1px solid black;
	border-top-style: none;
	font-weight:    bold;
	padding: 		5px;
}

span.selected {
	background:		#059;
	color:			white;
}

span.unselected:hover {
	background:		#BCD;
}

span.unselected a, span.unselected a:visited {
	color:    		black;
}


/***** Tables *****************************************
* 
* Standard table classes:
* 
* "common" - view tables
* "simple" - forms
* "smallGrey" - options / filters
* "invisible" - no borders
*/

/* Common */
table.common {
	background:     #EEE;
	border: 		1px solid black;
	margin-bottom:	20px;
	min-width:		50%;
}

table.common th {
	background:     #FFC;
	border: 		1px solid black;
	padding: 		3px;
}

table.common td, table.simple td, th{
	vertical-align: top;
}

table.common caption, table.smallGrey caption {
	background:     #CCC;
	border: 		1px solid black;
	border-bottom-style: none;
	font-weight:    bold;
}

/* Simple */
table.simple {
	background:     #EEE;
	border: 		thin solid black;
	font-size:		90%;
	margin:			20px;
	width:			90%;
}

table.simple th {
	background:     #CCC;
	border-bottom:	1px solid black;
	padding:		2px;
}

table.simple caption {
	background:     #CCC;
	border: 		thin solid black;
	border-bottom-style: none;
	font-weight:    bold;
}


/* Used for filters and options settings */
table.smallGrey {
	background:     #EEE;
	border: 		1px solid black;
	font-size:		smaller;
	margin-bottom:	10px;
	margin-right:	0px;
}


table.invisible {
	border: 		0px none;
	font-size:		90%;
	margin:			20px;
}


/* Execution History */
table.exec_history {
	background:     #EEE;
	border: 		thin solid black;
	font-size:		90%;
	margin:			20px;
	width:			95%;
}

table.exec_history th {
	background:     #CCC;
	border-bottom:	1px solid black;
	padding:		2px;
}


/***** Special button *****/
a.tlButton {
	background:		#CDE;
	border: 		2px outset grey;
	font-weight:    bold;
	padding:		2px;
	margin:			2px;
}

a.tlButton:hover {
	background:     #EEE;
} 





/* execution boxes (result, test scenario, notes) */
div.resultBox {
	background: 	white;
	border: 		medium solid grey;
	color: 			black;
	margin: 		0px 12px 12px 12px;
	padding: 		12px;
}

textarea.tcDesc {
	background: 	white;
	border: 		medium solid grey;
}

div.notesBox,table.notesBox {
	background: 	#FFC;
	border: 		thin dashed black;
	color: 			black;
	margin: 		12px;
	padding: 		12px;
	width: 97%;
}

table.notesBox td
{
	vertical-align: top;
}

img.arrow {
	width: 			16px;
	height: 		9px;
}


pre
{
	font-family : 	Arial, Helvetica, sans-serif;
}


span.type1 {
	background:		#059;
	border: 		1px solid black;
	color:			white;
	font-size:		110%;
	margin-bottom:	4px;
	padding: 		2px;
	text-align: 	left;
}


/* 20060819 - franciscom */
/* ----------------------------------------------------------------------------- */
/* Execution & Results */
div.passed {
	color: 			white;
	background:		green;
	margin: 		8px;
	padding: 		6px;
	text-align: center;
}

div.failed {
	color: 			white;
	background:		red;
	margin: 		8px;
	padding: 		6px;
	text-align: center;
}

div.blocked {
	color: 			white;
	background:		blue;
	margin: 		8px;
	padding: 		6px;
	text-align: center;
}

div.not_run {
	color: 			white;
	background:		black;
	margin: 		8px;
	padding: 		6px;
	text-align: center;
}

div.exec_history {
	background:		#FFF;
	padding: 		0px 3px 0px 3px;
}

.label {
	font-weight:    bold;
}

.warning_message {
background-color:#059;
color:white;
padding:4px;
}

.login_warning_message {
background-color:#059;
color:white; 
padding:4px;
}


.red_alert {
background-color:#990000;
color:white; 
}


div.title {
	text-align: center;
	width: 100%;
	background: #CCDDEE;
	margin: 0px; 
	padding-bottom: 5px;
	padding-top: 5px;
	font-stretch: expanded;
	font-weight : bold;
	font-variant : small-caps;
	letter-spacing: 5px;
}

/* For the HTML forms */
div.forms {
	text-align: left;
	margin: 20%;
	margin-top: 20px;
	background: #CCDDEE;
	padding: 25px; 
	border: 1px;
}

p.title  {
	text-align: center;
	width: 100%;
	font-weight : bold;
}

.time_stamp_creation  {
	font-style: 	italic;
}

.time_stamp_last_change  {
	font-style: 	italic;
}


div.show_hide_title {
	font-weight : bold;
}

div.exec_history_title {
	font-weight : bold;
	padding: 		2px;
}

div.notes{
	background: 	whitesmoke;
	border: 		1px solid black;
	color: 			black;
	margin: 		1px;
	padding: 		1px;
	width: 100%;
}

td.checkbox_cell{
	width: 1px;
}

td.tcase_id_cell{
	width: 25px;
}

div.test_exec {
	background: 	#FFC;
	border: 		thin dashed black;
	color: 			black;
	padding: 		12px;
	width: 100%;
}

div.exec_test_spec {
	background: 	#FFC;
	color: 			black;
	padding: 		12px;
}


table.test_exec {
	background: 	#FFC;
	color: 			black;
	padding: 		12px;
	width: 100%;
}


.passed {
	color: 			white;
	background:		green;
}

.failed {
	color: 			white;
	background:		red;
}

.blocked {
	color: 			white;
	background:		blue;
}

.not_run {
	color: 			white;
	background:		black;
}

.not_available {
	color: 			black;
	background:		yellow;
}

.unknown {
	color: 			black;
	background:		cyan;
}


.labelHolder {
	font-weight: bold;
}

.legend_container {
	font-weight: bold;
}

.custom_field_container {
  border: thin solid white;
  padding: 5px;
}

.option_transfer_container {
  border: thin solid white;
  padding: 5px;
}


table.srs_view td {
	border: 		1px solid black;
}

.xx {
	background:		#059;
	color:			white;
	font-weight:    bold;
	padding: 		2px 12px 2px 5px;
	margin:			5px 0px 0px 0px;
}

.yy {
	background:		red;
	color:			white;
	font-weight:    bold;
	padding: 		2px 2px 2px 0px;
	margin:			5px 0px 0px 0px;
}

div.menu_bubble {
	background:		#FFFFFF;
	padding:		5px;
	border-style:	solid;
	border-width:	thin;
	border-top-color:		#005599;
	border-bottom-color:	#000000;
	border-left-color:		#005599;
	border-right-color:		#000000;
	margin-bottom:			0.7em;
}


div.menu_bubble h3{
  margin: 0px 0px 8px 8px;
}  


td.clickable_icon
{
  width: 5px;
  text-align: center;
  vertical-align: center;
}

.hint
{
	font-style: 	italic;
}

.exec_tc_title {
	background:		#059;
	color:			white;
	margin-bottom:	4px;
	padding: 		3px;
	text-align: 	left;
}

.exec_additional_info{
	background-color: 	#F0F4F0;
	color: 			black;
	margin: 		0px 0px 10px 0px;
	padding: 		0px 0px 0px 10px;
	width: 98%;
}

.exec_testsuite_details {
  border: thin solid black;
  padding: 5px;
}

/* ----------------------------------------------------------------------------- */