body {
	margin: 8px;
	}

html {
    font-size: 11px;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.testresults {
    font-size: 12
}

form {
	display: inline;	
}

fieldset {
    clear: both;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	BORDER: dashed #e3ebef; BORDER-WIDTH: 1px;
}

fieldset legend {
	margin-bottom: 5px;
	padding: 1px 3px;
	background-color: white;
	font-size: 10px;
	font-weight: bold;
	color: #336699;
	}

button {
    margin-right: 10px;
}

img {
    border-style: none
}

#header {
    background-color: #4f6b9d;
	background-image: url(gfx/h1_bg.gif); 
	background-repeat: repeat-x; 
	background-position: center left;
    color: white;
    margin-bottom: 5px;
}

#header h1 {
    margin: 0px;
    padding-left: 5px;
	font-size: 14px;
	font-weight: bold;
	background-image: url(gfx/top_gfx.gif); 
	background-repeat: no-repeat; 
	background-position: center right;
	vertical-align: middle;
	padding: 4px 10px 3px 10px;
}

/* MENU - LEFT */

#menu {
    float: left;
    background-color: white;
    list-style-type: none;
}

.menu_group {
	border: solid #abc4e5; 
	border-width: 1px 1px 1px 1px;
	background-image: url(gfx/menu_group_top.gif); 
	background-repeat: repeat-x;
	padding-top: 4px;
	margin-bottom: 5px;
	background-color: f0f1f5; 
	margin-right: 8px; !important
	}

#menu ul ul, #menu ul{
    list-style-type: none;
    padding: 0px;
	margin: 0px;
}

#menu ul ul{
	margin: 0px 0px 0px 15px;
}

#menu ul li a{
	background-image: url(gfx/menu_item.gif); 
	background-repeat: no-repeat; 
	background-position: bottom left;
	background-color: #f0f1f5;
	display: block;
	padding: 1px 3px;
	border: solid white;
	border-width: 1px 1px 0px 0px;
	padding-right: 20px;
	color: black;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	}

#menu ul li a:hover {
	background-image: url(gfx/menu_item_hover.gif); 
	background-repeat: no-repeat; 
	background-position: bottom left;
	background-color: white;
	text-decoration: none;
	}

#menu ul li a img {
	margin-right: 3px;
	}

#menu .selected {
    background-image: url(gfx/menu_item_selected.gif); 
	background-repeat: no-repeat; 
	background-position: bottom left;
	background-color: white;
	}


/* Content title */

#title {
	background-color: #abc4e5;
	background-image: url(gfx/h2.gif); 
	background-repeat: repeat-y;
	margin-bottom: 8px;
	}

#title h2 {
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	color: white;
	padding: 3px 10px;
}


/*Content*/

#content {
    padding-left: 10px;
    display: table-cell;
	width: 100%;
    padding-right: 10px;
}

pre {
	font-size: 10px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	border: 1px solid #e3ebef;
	padding: 10px;
	}

h2.question {
	padding-left: 40px;
	padding-top: 6px;
	margin: 10px 0px 0px 0px;
	background-image: url(images/question.gif); 
	background-repeat: no-repeat;
	height: 40px !important
	font-size: 14px;
	vertical-align: middle;
	}

p.warning {
	color: darkred;
	}


/* Tabs */
ul.tabs {
    padding: 4px 5px 4px 5px;
    width: 100%;
	display: block;
    margin: 10px 0px 10px 0px;
    list-style-type: none;
	background-image: url(gfx/tab_line.gif); 
	background-repeat: repeat-x; 
	background-position: bottom left;
}

.tabs li {
	padding: none;
    display: inline;
}

.tabs li a {
	border: solid #abc4e5;
	padding: 3px 12px;
	background-image: url(gfx/tab.gif); 
	background-repeat: no-repeat;
	border-width: 0px 1px 1px 0px;
	font-size: 10px;
	font-weight: bold;
	color: black;
	
	}

.tabs li a:hover {
	background-image: url(gfx/tab_hover.gif);
	color: black;
	text-decoration: none;
	}

.tabs li.selected a{
	background-image: url(gfx/tab_selected.gif); 	
    border-bottom-color: white;
}


/* Table */
table {
    border-collapse: collapse;
	margin-bottom: 8px;
	margin-top: 8px;
}

table caption {
	font-size: 10px;
	font-weight: bold;
	color: #336699;
	text-align: left;
	}

td, th {
    border: 1px solid #e3ebef;
    padding: 1px 6px;
	text-align: left;
}

td {
	font-size: 11px;
	padding: 4px 6px;
	}

th {
	background-color: #abc4e5;
	font-size: 10px;
	color: #003366;
}


/* Status indicators */

td.failed {
    background: url(images/warning.gif) no-repeat center center;
	width: 18px;
}

td.passed {
    background: url(images/passed.gif) no-repeat center center;
	width: 18px;
}

td.remaining {
    background: url(images/not_started.gif) no-repeat center center;
	width: 18px;
}

td.not_going_to_run {
    background: url(images/no_run.gif) no-repeat center center;
	width: 18px;
}

/* Object symbols inside tabels */


a.product, a.branch {
	padding-left: 18px;
	height: 16px !important
	}

a.product {
	background: url(images/product.gif) no-repeat center left;
	}

a.branch{
	background: url(images/branch.gif) no-repeat center left;
	}

/********************/


a {
    text-decoration: none;
    color: DarkRed;
}
a:hover {
	text-decoration: underline;
	color: crimson;
	}

.estimateGraph {
    width: 100px;
    height: 12px
}

.passingBar {
    font-size: 2px;
    background: #00df00;
    border: 1px solid #9c9c9c;
    padding: 0px;
}

.failingBar {
    font-size: 2px;
    background: #df0000;
    border: 1px solid #9c9c9c;
    padding: 0px;
}

.remainingBar {
    font-size: 2px;
    background: yellow;
    border: 1px solid #9c9c9c;
    padding: 0px;
}


label {
	font-size: 10px;
	font-weight: bold;
	color: #336699;
	margin-right: 3px;
	}

input, select {
	font-size: 10px;
	vertical-align: middle;
	margin-bottom: 6px;
	}

#content form fieldset ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	

/*button*/
button {
	color: #003366;  
	font-family: Verdana,Geneva,Arial, Helvetica, sans-serif; 
	font-size: 10px; cursor: hand; 
	background-color: #EFE5CC; 
	border-color: #464646; 
	border: 1px solid;
	margin: 1px;
	padding: 0px 3px;
	}