#testplans {
  font-size: 13px;
}
#testplans .plan-remaining {
  font-size: .8em;
}
#testplans .plan-name {
  font-size: 1.1em;
  font-weight: bold;
}
#testplans .plan-name a { text-decoration: none; }

#testplans #toolbar {
  background: #EDf2f6;
  border: 0;
  height: auto;
}

#testplans #toolbar select {
  border: 1px solid #CCC; 
  padding: 3px;
}
#testplans #toolbar select option {
  padding-right: 10px;
}
#dashboard .options {
	border-top: 1px dotted #C6D7E7;
	margin-top: 10px;
	padding-top: 10px;
}
#dashboard ul.options {
	padding-left: 0;
	margin-left: 0;
}
#dashboard .options li a.title {
	font-weight: bold;
	font-size: 125%;
	color: #29A6F7;
	text-decoration: none;
}
#dashboard .options li {
	list-style: none;
	margin: 5px 0 15px 0;
}
#dashboard #main-left h3 {
	font-size: 175%;
	font-weight: bold;
}

#dashboard ul.resources {
	padding: 10px 0 10px 0;
	margin-left: 0px;
	border-top: 1px solid #C6D7E7;
	background: #E7F7FF;
	border-bottom: 1px solid #C6D7E7;
}
#dashboard .resources li {
	list-style: none;
	margin: 0 0 0 10px;
	font-weight: bold;
}

#dashboard #main-left a.more {
	background: url(../images/button-blue-bkgd.png) 0 0 no-repeat;
	padding-left: 20px;
	text-decoration: none;
}
#dashboard #main-left a.more:hover {
	text-decoration: underline;
}


#search #reindex-button {
	margin: 10px auto 10px auto;
	font-size: 150%;
	padding: 3px;
	text-align: center;
}
#search #index-results {
	width: 100%;
	overflow: auto;
	height: 200px;
	border: 1px solid #DDDDDD;
	background: #F9F9F9;
	padding: 5px;
	font-size: 10px;
	font-family: monospace;
}

#search form #keywords {
	padding: 2px 2px 2px 4px;
}
#search form {
	border-top: 1px solid #CCCCCC;
	background: #EEEEEE;
	padding: 15px 0 15px 20px;
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 20px 0;
}
.hit-count {
	float: left;
	clear: left;
	width: 50%;
	margin: 0 0 15px 0;
}
.hits {
	float: right;
	clear: right;
	width: 50%;
	text-align: right;
	margin: 0 0 15px 0;
}

.result {
	margin: 0 0 15px 0;
}

.result .excerpt {
	margin: 4px 0 4px 0;
}
.result .url a,
.result .url {
	font-size: 11px;
	color: #999999;
}

.att .att-image img {
	border: 1px solid #CCCCCC;
	padding: 8px;
	background: white;
	width: auto;
	margin: 0 0 8px 0;
}

#test-case-due .due-count.overdue {
	color: #EE0000;
	}

/* reorder */
#testplan {
	margin-top: 15px !important;
	float: left;
	width: 100%;
	}	

#ygddfdiv, #ygddfdiv *,
#testcases, #testcases * {
	margin:0px;
	padding:0px;
	list-style:none;
	background-color: white;
	}
.testcase.selected * {
	background-color: #EFF7FF !important;
	}

#testplan ul#testcases {
	margin: 0px 0 20px 0;
	float: left;
	width: auto;
}
#testplan ul li.testcase.first {
	border-top: 1px solid #cccccc;
	}
#testplan ul li.testcase {
	border-bottom: 1px solid #ccc;
	}
#ygddfdiv li li,
#testplan li li {
	height:auto;
	border:0px;
	}
#ygddfdiv li ul,
#testplan li ul {
	padding: 7px 6px 7px 6px;
	color: #777;
	float: left;
	width: 500px;
}

.testcase-inner ul {
	list-style-type: none;
	width: 500px;
	float: left;
    }
.testcase-inner .selector {
	float: left !important;
	padding: 15px !important;
    }
.testcase-inner ul span, #testplan ul span a, #testplan ul a {
	color:#aaa;
	text-decoration:none;
	}
.testcase-inner ul span a:hover, #testplan ul a:hover {
	color:#f00;
	}
.testcase-inner ul a {
	color:#777;
	}

.selected .testcase-inner {
	background-color: #EFF7FF !important;
	color: black;
	}
.testcase-inner {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 100%;
	}
.selected .case-summary a {
	overflow: auto !important;
	white-space: normal;
	}
.case-summary a {
	overflow: hidden !important;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
.case-summary {
	font-size:14px;
	line-height:20px;
	}
.case-summary span {
	display:none;
	}
.case-summary a {
	color: #009aff !important;
	text-decoration: none !important;
	font-weight:bold;
	}
.case-summary a:hover {
	text-decoration: underline !important;
	}

.case-summary a.more {
	color: #CCCCCC;
	font-size: 12px;
	font-weight: normal;
	}

#testplan ul#testcases li.testcase .testcase-inner .description {
	display: none;
	padding: 5px 0 5px 0;
	margin: 0 0 10px 50px;
	clear: left;
	width: 500px;
	}

.testcase-inner .description h1,
.testcase-inner .description h2,
.testcase-inner .description h3,
.testcase-inner .description h4,
.testcase-inner .description h5 {
	font-size: 14px !important;
	color: #333333;
	font-weight: bold;
	margin: 3px 0 3px 0;
	}
.testcase-inner .description p {
	margin: 4px 0 4px 0 !important;
	}
.testcase-inner .description ol {
	margin: 3px 0 3px 25px !important;
	float: none !important;
	}
.testcase-inner .description ul {
	margin: 3px 0 3px 25px !important;
	float: none !important;
	}
.testcase-inner .description li {
	padding: 2px 0 2px 0 !important;
	}
.testcase-inner .description ol li {
	list-style-type: decimal !important;
	}
.testcase-inner .description ul li {
	list-style-type: circle !important;
	}

.attr {
	width: auto;
	display:inline-block;
	font-size:10px;
	margin-right:10px!important;
	white-space: nowrap;
	}
li.case-tags.attr span {
	clear: left !important;
	}

.testcase-inner .status {
	float: right;
	width: 130px;
	text-align: center;
	font-size: 91%;
	height: 40px;
	margin: 4px 0 0 0 !important;
	padding: 0;
	}

	.testcase-inner .change-state {
		visibility: hidden;
		display: none;
	}
	.testcase-inner:hover .nonanon .change-state {
		visibility: visible;
		display: block;
	}
	.testcase-inner .state {
   		height: auto;
		padding: 40px 0 0 0 !important;
		margin: -15px 0 0 0 !important;
	}
	.testcase-inner:hover .nonanon .state {
		visibility: hidden;
		display: none;
	}

	/* actual state */
	.testcase-inner .status-passed {
		background: url(../images/big_green.gif) center center no-repeat;
	}
	.testcase-inner .status-failed {
		background: url(../images/big_red.gif) center center no-repeat;
	}
	.testcase-inner .status-notrun {
		background: url(../images/big_white.gif) center center no-repeat;
	}
	.testcase-inner .status-blocked {
		background: url(../images/big_yellow.gif) center center no-repeat;
	}

	/* change state */
	.testcase-inner .change-state ul {
		margin: -8px 0 0 5px !important; 
		padding: 0 !important;
	}
	.testcase-inner .change-state li {
		padding: 15px 0 0 0 !important;
		margin: 0 0 0 0 !important;
	}
	.testcase-inner .status ul {
		list-style-type: none;
		padding-top: 10px !important;
	}
	.testcase-inner .status .change-state li {
		float: left;
		width: auto;
		margin: 5px 0 0 0 !important;
	}
	.testcase-inner .status a,
	.testcase-inner .status span {
		display: block;
		float: left;
		width: auto;
		padding: 0px 2px 0 2px !important;
		margin: 0;
	}
	.testcase-inner .status li.status-passed {
		background: url(../images/small_green.gif) center top no-repeat;
	}
	.testcase-inner .status li.status-failed {
		background: url(../images/small_red.gif) center top no-repeat;
	}
	.testcase-inner .status li.status-blocked {
		background: url(../images/small_yellow.gif) center top no-repeat;
	}
	.testcase-inner .status li.status-notrun {
		background: url(../images/small_white.gif) center top no-repeat;
	}
	.selected .testcase-inner .status li.status-passed {
		background: url(../images/small_green_x.gif) center top no-repeat;
	}
	.selected .testcase-inner .status li.status-failed {
		background: url(../images/small_red_x.gif) center top no-repeat;
	}
	.selected .testcase-inner .status li.status-notrun {
		background: url(../images/small_white_x.gif) center top no-repeat;
	}
	.selected .testcase-inner .status li.status-blocked {
		background: url(../images/small_yellow_x.gif) center top no-repeat;
	}



/* cancel */
#cancel.system h2
{
	font-size: 18px;
	margin-bottom: 0px;
}

/* subscribe */
#purchase ol
{
	margin: 10px 0 10px 20px;
}

#purchase table {
	width: 50%;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 14px;
}
#purchase table td {
	text-align: left;
	padding: 12px 14px;
	border-left: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
}
#purchase table th {
	padding: 6px 14px;
	text-align: left;
}
#purchase table td.adjacent {
	border-right: 1px dotted #ccc;
}
#purchase table .price,
#purchase table tr.total td {
	text-align: right;
}

/* setup, install, upgrade */
#setup
{
	margin: 0 0 0 10px;
}

#setup p,
#setup h2
{
	margin: 10px 0 10px 0;
}


#cancel li
{
	margin-left: 20px;
	padding: 5px 0 5px 0;
	
}
#cancel p 
{
	padding: 5px 0 5px 0;
}

/* reports */
#report .data .created-by
{
	font-size: 10px;
}
#report #main-left .graph
{
	margin-top: 20px;
}
#report #side-right h3
{
	margin-top: 20px;
}
#report #side-right select
{
	width: 170px;
}
#report #side-right .field
{
	padding: 10px 0 10px 0;
}

/* test plan */
#case-checkbox
{
	margin: 10px auto 0 auto;
}
#table-footer
{
	margin: 15px 0 10px 0;
}
#testplan #filtering .filter-widget a:hover
{
	text-decoration: underline;
}
#testplan #filtering .filter-widget a
{
	text-decoration: none;
	color: rgb(54,113,169);
	font-size: 14px;
}

/* header */
#app-header
{
	background: url(../images/app-header-bg.gif) repeat-x bottom left;
	margin: 0 -20px 0 -20px;
	padding: 0 30px 10px 20px;
	border-bottom: 1px solid rgb(193,215,228);
}
	#app-header h1 a
	{
		text-decoration: none;
		color: #3874a5;
	}
	#app-header h1
	{
		padding: 10px 0 5px 10px;
	}
	#app-header .description
	{
		color: rgb(98,98,98);
		font-size: 14px;
		padding: 0 0 5px 10px;
	}

/* test plans */
#testplans ol 
{
	margin-left: 20px;
	padding: 10px;
}
#testplans li 
{
	padding: 5px;
}
#testplans p
{
	line-height: 175%;
}
#testplans .testplan-name
{
	margin: 0;
}
#testplans .testplan-desc
{
	margin: 0 0 10px 0;
}

#testplans .testplan-info
{
	width: 360px;
}
#testplanmeta .stats {
	margin: 0 0 0 5px;
}

#testplanmeta .passed-summ,
#testplans .passed-summ
{
	color: white;
	margin-left: 70px;
	line-height: 100%;
}
.testplan-actions li 
{
	float: left;
	list-style: none;
	padding: 0 5px 0 5px;
}
.testplan-actions li.first
{
	padding: 0;
}
.testplan-actions li.first:before
{
	content: "";
	padding: 0;
}
.testplan-actions li:before
{
	content: " | ";
	padding: 0 5px 0 0;
}

/* dashboard */
#dashboard h2 a
{
	text-decoration: none;
	color: #09f;
}
#dashboard h2 a:hover
{
	text-decoration: underline;
}
#dashboard #tip 
{
	background: rgb(255,239,206);
	border-top: 1px dotted rgb(181,202,221);
	padding: 10px 10px 5px 10px;
	margin: 0 0 15px 0;
}
#dashboard #tip h3
{
	color: rgb(62,62,62);
	margin: 0px 0 5px 0;
}
#dashboard #tip p
{
	margin: 0px 0 10px 0;
}

#dashboard h2
{
	margin: 10px 0 5px 0;
	color: #09f;
}
#dashboard #news
{
	border: 1px solid rgb(237,242,245);
	background: transparent url(../images/news-bg.gif) repeat-x top left;
	margin: 0 0 15px 0;
	padding: 5px 5px 20px 5px;
}

#dashboard #news h3
{
	margin: 0 0 5px 5px;
	color: rgb(55,117,116);
	border: 0;
}

#dashboard #news ul
{
	margin: 0 0 10px 0;
}

#dashboard #news li
{
	list-style:none;
	padding: 5px 0 5px 5px;
}

#dashboard #news li a
{
	color: rgb(3,172,239);
	text-decoration: none;
}
#dashboard #news li a:hover
{
	text-decoration: underline;
}

.status-summ {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.status-summ.passed-summ
{
	background: url(../images/passed-bg.gif) repeat-x bottom left;
}
.status-summ.failed-summ
{
	background: url(../images/failed-bg.gif) repeat-x bottom left;
}
.status-summ.notrun-summ
{
	background: url(../images/notrun-bg.gif) repeat-x bottom left;
}
.status-summ.blocked-summ
{
	background: url(../images/blocked-bg.gif) repeat-x bottom left;
}

.testplan-summ a
{
	text-decoration: none;
}

.testplan-ready
{
	width: 50px;
	height: 90px;
	float: left;
}

.testplan-daysuntil
{
	font-size: 10px;
}

.testplan-daysuntil.past
{
	color: red;
}

.tp-ok .testplan-ready
{
	background-position: center center;
	background-repeat: no-repeat;
}

.testplan-summ 
{
	border-bottom: 1px dotted #DDDDDD;
	padding: 0 5px 15px 10px;
	margin: 0 0 0 -10px;
}
.tp-ok
{
/*	background: #33FF33; */
}
.tp-nok
{
/*	background: #FF3333; */
}
.testplan-info
{
	float:left;
        margin-top: 10px;
	width: 260px;
	line-height: 130%;
	font-size: 12px;
}
.testplan-name a
{
	color: #3874a5;
}
.testplan-name
{
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0 5px 0;
	line-height: 125%;
}
.testplan-duedate
{
	color: #333333;
}
.testplan-summ.alt
{
	background: rgb(237,242,246);
}
.small a,
.small a .status-summ {
  text-decoration: none !important;
  border-bottom: 0;
}
.small .status-summ {
	width: 27px;
	height: 20px;
	font-size: 12px;
	padding-top: 7px;
}
#testplans td.actions a {
	padding: 0 5px 0 0;
}

#testplans .small .status-summ.passed-summ { margin-left: 0; }
.small .status-label { display: none; }
.status-summ 
{
	float: left;
	border: 1px solid #cccccc;
	width: 55px;
	height: 44px;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	padding-top: 10px;
	color: #333333;
	margin: 10px 0px 3px 6px;
	line-height: 100%;
}
.status-summ a,
.status-summ a:active,
.status-summ a:hover,
.status-summ a:visited
{
	text-decoration: none;
	text-align: center;
}

.assigned a
{
	color: black;
}

.status-label {
	font-size: 12px;
}

.status-summ.failed-summ a,
.failed-summ
{
	color: white;
}

.passed-summ
{
	color: white;
	line-height: 50%;
	margin-left: 70px;
}

.status-summ.passed-summ a,
.passed-summ
{
	color: white;
}
.status-summ.notrun-summ a,
.notrun-summ
{
	color: black;
}
.status-summ.blocked-summ a,
.blocked-summ
{
	color: black;
}


.dashboard-extra li {
        margin: 0;
        padding: 0 0 10px 0;
        list-style: none;
        padding-bottom: 5px;
}

.dashboard-extra ul {
	margin: 0;
	padding: 0;
}

/* testplan */

#available-tags p
{
	margin: 10px 0 0px 0;
}
#available-tags
{
	float: right;
	width: 230px;
	padding: 0;
	line-height: 150%;
}

#log-bug-form
{
	padding: 10px 0 0 0;
}

#log-bug-form p
{
	font-size: small;
	margin: 0 0 5px 0;
}

#log-bug-form label
{
	font-weight: bold;
}

#log_bug_toggle
{
	margin: 10px 0 10px 0;
}

/* testcases */

#assign 
{
}
.hidden
{
	visibility: hidden;
	display: none;
}

/* Account Page */

table.subscription-info {
  width: 700px;
  margin-bottom: 20px;
  margin-top: 10px;
}

table.subscription-info td,
table.subscription-info th {
  text-align: center;
  padding: 10px;
  border-right: 1px dotted #ccc;
}
table.subscription-info td.label {
  font-weight: bold;
  text-align: left;
}
table.subscription-info td.selected,
table.subscription-info th.selected {
  background-color: rgb(237,242,246);

}
.overage { color: #CC3333; }

table.account-info
{
	width: 480px;
}

table.account-info a
{
	font-weight: normal;
	padding-left: 10px;
}

table.account-info th
{
	width: 65px;
}

.calendar
{
	display: none;
	position: absolute;
}

#toolbar
{
	padding: 10px;
	border-bottom: 1px solid #c1d7e4;
	margin: 0 -20px 0 -20px;
	background: #edf2f6;
}
	#toolbar .state {
		display: none;
	}
	#toolbar .tc-status img {
		margin-left: 20px;
	}
	#toolbar .tc-status {
		float: left;
		width: 250px;
		text-align: left;
		height: auto;
	}
	#toolbar ul {
		margin: 0;
		padding: 0px 10px 0 0;
		list-style: none;
	}
	#toolbar .tc-status li.status-passed,
	#toolbar .tc-status li.status-failed,
	#toolbar .tc-status li.status-blocked,
	#toolbar .tc-status li.status-notrun {
		background-image: none;
	}
	#toolbar li {
		float:left;
		margin: 0;
		padding: 0 0 0 9px;
	}
	#toolbar .testcase-run-status {
		font-style: italic;
		float: right;
	}


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

#testcase.testplan.content h2
{
}

#testcase
{
	color: rgb(51,51,51);
}

#testcase.content h2
{
	color: rgb(3,49,98);
	font-size: 25px;
	font-weight: bold;
	margin: 0 0 5px 0;
	border-bottom: 1px dotted rgb(180,201,218);
}

#testcase.content .status-message
{
	background: #FFEBEF;
	border: 1px solid #FF3333;
	padding: 10px;
	margin: 10px 0 10px 0;
	color: #FF3333;
	font-weight: bold;
}

#testcase.content h3.section-title
{
	color: rgb(3,49,98);
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 5px 0;
	border-bottom: 1px dotted rgb(180,201,218);
}

#testcase.content .description {
	margin-top: 10px;
}
#testcase.content .description p
{
	margin: 10px 0 10px 0;
}

#testcase.content .description ol,
#testcase.content .description ul
{
	margin-left: 20px;
}

#testcase.content .description h1
{
	font-size: 18px;
	color: #3975a5;
	margin-top: 10px;
}
#testcase.content .description h2
{
	font-size: 16px;
	border: 0; 
	color: #3975a5;
}
#testcase.content .description h3
{
	font-size: 14px;
	margin: 0 0 5px 0;
}
#testcase.content .description h4,
#testcase.content .description h5
{
	font-size: 13px;
	margin: 2px 0 2px 0;
}
#testcase.content .description blockquote
{
	border-left: 3px solid #ff6500;
	padding: 0 0 0 10px;
	margin-left: 3px;
}
#testcase.content .description ol
{
	margin: 5px 0 5px 20px;
}
#testcase.content .description li
{
	padding: 3px 0 3px 0;
}

#testcase p.summary
{
	margin: 0 0 10px 0;
}

#testcase .action-button
{
	float: right;
}
#testcase p.action-button
{
	float: none;
}
#testcase #add-bug-form {
	background: rgb(237,242,246);
	padding: 8px;
	margin: 5px 0 0 0;
}
	#testcase #add-bug-form input#bug_id {
		width: 100px;
		padding: 2px;
	}

#testcase #main-left .action-button
{
	margin: 10px 0 0 0;
}

#testcase #side-right .action-button
{
	font-size: 12px;
}

#testcase .meta
{
	float: left;
}

#testcase .meta ul
{
	padding: 0;
	margin: 0;
}

#testcase .meta li
{
	border-bottom: 1px dotted rgb(180,201,218);
	padding: 5px 0 5px 0;
	margin: 0;
	width: 100%;
}

#testcase .meta label
{
	color: black;
	font-weight: bold;
}

#testcase #meta-left
{
	width: 150px;
	margin: 0 10px 0 0;
}

#testcase #meta-right
{
	width: 325px;
}

#testcase #side-right
{
	margin: 35px 0 0 10px;	
}

#testcase .history h3
{
	margin: 0 0 5px 0;
}

#testcase #bug-history.history
{
	border: 1px solid #333333;
}

#testcase .history-widget h3
{
	color: rgb(255,102,0);
	border: 0;
}

#testcase .history-widget li a
{
	color: black;
	text-decoration: none;
}

#testcase .history-widget li
{
	background: rgb(255,201,141);
}

#testcase .history-widget p {
	margin-bottom: 5px;
}

#testcase .history-widget
{
	border: 1px solid rgb(255,126,32);
	background: rgb(255,239,206) url(../images/testcase-hist-bg.gif) repeat-x top left;
}

#testcase .history-widget ul
{
	margin-bottom: 10px;
}

#testcase #bug-history.history
{
	border: 0;
	background: rgb(242,234,234);
}

#testcase #bug-history.history h3
{
	color: red;
	border: 0;
}

#testcase #bug-history.history li a
{
	color: black;
	text-decoration: none;
}

#testcase #bug-history.history li
{
	background: rgb(243,215,215);
}



#testcase .history
{
	margin: 0 0 15px 0;
	padding: 5px 5px 20px 5px;
}

#testcase .history ul
{
	margin: 0;
}

#testcase .history li
{
	list-style:none;
	padding: 5px 0 5px 5px;
}

/* BEGIN NOTES */

#testcase .note h1 {
	font-size: 18px;
	border: 0;
	margin: 5px 0 5px 0;
}

#testcase .note h2 {
	font-size: 16px;
	border: 0;
	margin: 5px 0 5px 0;
}

#testcase .note h3 {
	font-size: 14px;
	border: 0;
	margin: 5px 0 5px 0;
}

#testcase .note h4 {
	font-size: 12px;
	border: 0;
	margin: 5px 0 5px 0;
}

#testcase .note h5 {
	font-size: 12px;
	border: 0;
	margin: 5px 0 5px 0;
}

#testcase .note ul,
#testcase .note ol
{
	margin: 5px 0 10px 0;
	padding: 0 0 0 25px;
}

#testcase .note li
{
	padding: 3px 0 3px 0;
}

#testcase .note-header {
	font-size: 12px;
	color: #555555;
}

#testcase .note
{
	padding: 10px;
	margin: 0 0 5px 0;
	font-size: 11px;
}

#testcase .note.alt
{
	background: rgb(237,242,246);
}

#testcase #notes
{
	margin-bottom: 50px;
}

#testcase #notes h3 
{
	margin-bottom: 0;
}


#notes p {
  margin: 5px 0 10px 0;
}

#testplan-notes .note-global {
  display: none;
}

.note-text textarea {
  margin: 0 0 10px 0;
}

.note-text {
  margin: 10px 0 10px 0;
}

.note-text {

}

.note-actions {
  position: relative;
  float: right;
}

/* END Notes */


.system
{
	width: 450px;
	margin: 40px auto 0 auto;
	color: rgb(51,51,51);
}

.system h2 
{
	color: rgb(3,49,98);
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.system h3 
{
	color: rgb(66,66,66);
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

#dashboard .system
{
	margin: 10px 0 0 0;
	padding: 0;
}
#dashboard .start.system h2
{
	margin: 0;
	padding: 0;
}
#main-left.start
{
	padding: 0 20px 0 10px;
	width: 470px;
}
#side-right.start
{
	margin: 20px 0 0 0;
}
.start.system h3 
{
	margin: 10px 0 5px 0;
}
.system #system-epiloque
{
	border-top: 1px dotted #CCCCCC;
	padding: 20px 0 0 0;
	font-weight: normal;
	margin: 0 0 30px 0;
}

.system #epilogue
{
	margin: 30px 0 50px 0;
}

.system form 
{
	margin: 20px 0 50px 0;
}

.system ol,
.system ul
{
	padding-left: 20px;
}

.system li
{
	padding: 5px 0 5px 0;
}

.system .small 
{
	font-size: 11px;
}

.system p
{
	font-size: 15px;
	margin: 0 0 10px 0;
}

/*
.system input.button
{
	font-size: 18px;
	padding: 3px;
	font-weight: bold;
}
*/

#sign-up.system 
{
	width: 550px;
}

.sign-up .field .button
{
	margin-left: 110px;
}

#sign-up .system-form .field 
{
	padding: 5px;
	width: 400px;
}

#sign-up .system-form .field label
{
	width: 120px;
}

#sign-up .system-form .button
{
	margin-left: 100px;
}
#sign-up .system-form .field.indent
{
	margin-left: 100px;
	text-align: left;
	width: 450px;
	font-size: 10px;
	font-weight: normal;
	clear: left;
}
#sign-up #terms, #sign-up #sub { float: left; }

#sign-up .system-form .field.indent label
{
	text-align: left;
	width: 400px;
	float: left;
	padding-left: 10px;
}

a:hover { text-decoration: underline; }

/* test plan header */
    	#app-header.testplan {
/*   		height: 100px; */
		padding: 0 0 0 20px;	
    	}
    	#app-header.testplan h1 {
/*
    		margin: 0 0 0 85px;
    		padding: 0 0 0 0;
*/
    	}
    	#status-glance {
    		list-style-type: none;
  /*  		position: absolute; */
    		bottom: 0;
    		left: 108px;
    	}
    	#status-glance a {
    		text-decoration: none;
    	}
    	ul#status-glance {
		margin-top: 13px;
	}
    	#status-glance li {
    		float: left;
    		width: auto;
   		border: 1px solid #c4d7e6;
    		padding: 5px 7px;
    		margin-right: 10px;
    		border-bottom: 0;
    	}
    	#status-glance li.glance-passed {
		margin-left: 15px;
    		background: #7fd551 url(../images/glance-passed-bkgd.png) left bottom repeat-x;
    	}
    	#status-glance li.glance-notrun {
    		background: #fbfaf8 url(../images/glance-notrun-bkgd.png) left bottom repeat-x;;
    		color: #333;
    	}
    	#status-glance li.glance-blocked {
    		background: #ffef7b url(../images/glance-blocked-bkgd.png) left bottom repeat-x;;
    		color: #333;
    	}
    	#status-glance li.glance-failed {
    		background: #FD1D0F url(../images/glance-failed-bkgd.png) left bottom repeat-x;;
    	}
    	#status-glance li.glance-passed a,
    	#status-glance li.glance-failed a {
    		color: #fff;    	
    	}
    	#status-glance li.glance-notrun a,
    	#status-glance li.glance-blocked a {
    		color: #333;
    	}
    	#status-glance span {
    		font-weight: bold;
    	}
    	#app-header.testplan #due.no-due-date {
		margin-top: -25px;
        }
    	#app-header.testplan #due {
    		width: 68px;
    		background: url(../images/due-bkgd.png) 0 0 no-repeat;
    		float: left;
/*    		position: absolute; */
    		bottom: 0;
    		left: 20px;
   		font-size: 75%;
    		padding: 8px 2px 8px 2px;
    		text-transform: uppercase;
    		text-align: center;
		margin-top: -55px;
    	}
	#app-header.testplan #due span {
    		display: block;
    		color: #005594;
    	}
    	#app-header.testplan #due span.due-count {
    		font-size: x-large;
    		font-weight: bold;
    		color: #002f52;
    	}
    	#test-case-paginate a.next img {
		margin-left: 10px;
	}
    	#test-case-paginate a.previous img {
		margin-right: 10px;
	}
    	#test-case-paginate {
    		float:right;
    		width:auto;
    		margin-right:24px;
    		margin-top:-30px;
    		margin-bottom: 4px;
    		text-align:center;
    	}
    	p#test-case-add-button {
    		margin-right: 0px;
	}
    	#test-case-add-button a {
    		display: block;
    		width: 89px;
    		height: 25px;
    		background: url(../images/btn-new-case.png) 0 0 no-repeat;
    		text-indent: -5000px;
    		margin-top:-10px;
    		margin-bottom: 7px;
    	}
    	#testcase.content {
		margin-top: 10px;
	}
    	#testcase.content h2 {
/*			color: rgb(255,102,0); */
		}

    	#display-options {
		float: right;
		text-align: right;
		margin-right: 24px;
    	}
    	#display-options p,
    	#display-options ul,
    	#display-options li {
    		display:inline;
    		padding-left: 2px;
    	}
    	#display-options li#detail-link {
    		border-left: 1px solid #333;   	
     		padding-left: 3px;
     		margin-left: 3px;
   		}


    	#test-case-options {
            position: absolute;
            right: 0;
     		bottom: 5px;
            z-index: 100;
            padding: 2px;
            border: 1px transparent;
    	}
    	#test-case-options:hover {
         	border-radius: 4px;
         	-moz-border-radius: 4px;
         	-webkit-border-radius: 4px;
            border: 1px solid #ccc;
            background: white;
        }
    	#test-case-options p,
    	#test-case-options ul,
    	#test-case-options li {
    		display:inline;
    		padding-left: 2px;
    	}
    	#test-case-options p#edit-link {
		}
    	#testcase #side-right {
			margin: 0 0 0 20px;
		}
		#testcase .history-widget h3,
		#testcase #bug-history.history h3 {
			border-bottom: 1px dotted #ccc;
			margin-bottom: 10px;
			padding: 10px 14px;
		}
	
		#testcase .history-widget {
			border: 0;
			padding: 0;
			background: rgb(255,239,206);
		}
		#testcase #bug-history #add-bug {
			margin: 10px 14px 0 0;
		}
		#testcase .history-content {
			padding: 0 14px 10px 14px;
		}

/* Form Styles */

.form-section
{
	border-top: 1px dotted #3874a5;
	padding: 10px 0 0 0px;
//	margin: 20px 0 0 0;
}

.form-section h3 { margin: 0 0 10px 0px; }
.form-buttons { margin: 20px 0 0 0; clear: left; }
.form-section p { font-size: 11px; }

.form-section .field label
{
	text-align: left;
	font-weight: bold;
	font-size: 10px;
	padding: 0px;
	margin: 4px 0 2px 0;
	text-transform: uppercase;
}

.form-section .field .input
{
	text-align: left;
	width: 175px;
	float: left;
	padding: 5px;
}

.form-section textarea { margin: 3px 0 10px 0; }
.form-section .field option { margin: 0 10px 0 0; }
.field { 
	padding: 3px;
	margin-botton: 5px;
}
.field .field-name {
	margin: 0 0 3px 0;
	color: #696969;
	font-size: 12px;
	font-weight: normal;
}	
.field .field-input select {
	padding: 1px 3px 1px 1px;
}
.field .field-input textarea,
.field .field-input input {
	font-size: 14px;
/	width: 690px; */
	padding: 2px;
	border: 2px solid #D6D6D6;
}
/*
.field .field-input input#due_date { width: auto; }
*/
.field.floater { 
	width: auto !important; 
	float: left; 
	margin-right: 25px; 
}

.field.big .field-input select,
.field.big .field-input input {
	font-size: 18px;
	padding: 3px;
	width: 100%;	
}
.field.full-width {
	width: 690px;
}
.field.full-width textarea.full-width {
	width: 690px;
}
.field.full-width input {
	width: 675px;
}

.field-group { margin-bottom: 10px; }
.field-group .field.two-up { 
	margin-right: 5px;
	float: left;
}

.field-group .field.two-up { 
	margin-right: 25px;
	float: left;
}


.field .tag-widget { margin: 0 !important; padding: 0 !important; }
.field .add-tag-form input { width: auto !important; }
.field .add-tag-form input.tag-str { width: 47% !important; }

#description.field .field-input p { margin: 3px 0 10px 0; }
.text-formatting { 
  text-align: right; 
  font-size: 12px; 
  padding: 0; margin: 0;
  float: right;
  width: 450px;
}
.text-formatting input {
  vertical-align: middle; 
}

/* End Form Styles */

#trial-info {
  position: absolute;
  top: 63px; right: 10px;
  font-size: 12px;
}
#trial-info span {
  text-transform: uppercase;
}
#trial-widget {
  text-align: center;
  border: 1px solid rgb(237,242,245);
  background: transparent url(../images/news-bg.gif) repeat-x top left;
  margin: 0 0 15px 0;
  padding: 5px 5px 20px 5px;
}
#trial-widget p {
  font-family: 'Arial','Helvetica';
  font-size: 56px;
  color: black;
  margin-bottom: 10px;
}
#trial-widget p span {
  font-size: 14px;
  font-weight: normal;
}

/* settings */
.field #tmpl, .field #bug-url
{
	width: 500px;
	padding: 2px;
}

#jira-wsdl {
	width: 500px;
	padding: 2px;
    margin: 10px 0 0 0px;
}