/**********************************************\
 This stylesheet describes the display 
 characteristics for most of the common tags 
 and scenarios.  Please note that none of the
 styles outlined in this stylesheet are 
 specific to any one page.
\**********************************************/

/*
A:link {  COLOR: #0000CC; FONT-FAMILY: arial, helvetica, verdana; FONT-SIZE: 12px; Font-weight: normal; text-decoration: underline;}
A:visited {  COLOR: #0000CC; FONT-FAMILY: arial, helvetica, verdana; FONT-SIZE: 12px; Font-weight: normal; text-decoration: underline;}
A:active {  COLOR: #0000CC; FONT-FAMILY: arial, helvetica, verdana; FONT-SIZE: 12px; Font-weight: normal; text-decoration: underline;}
A:hover {  COLOR: #5555CC; FONT-FAMILY: arial, helvetica, verdana; FONT-SIZE: 12px; Font-weight: normal; text-decoration: underline;}
*/

/* Elemental styles */
#content label
{
	font-weight: bold;
}

labelBold
{
	font-weight: bold;
}

#content p
{
	margin: 0;
}

#content table
{
	margin: 0.5em;
	margin-top: 0;
	border: none;
	/*border-collapse: collapse;*/
	width: 93.5%;
}

#content table td
{
	padding: 2px 5px;
}

#content table table
{
	width: 100%;
	margin: 0;
}

#content table th a
{
	color: #000;
	text-decoration: none;
}

#content .natural, #content .natural input, #content .natural table
{
	width: auto !important;
}

/* Class and class-related styles */
/* General Use Classes */
.selected
{
	background: #C59A6F url('../Images/tan-grad.gif') bottom repeat-x;
}

.selected a
{
	background: transparent;
}

.watermark
{
	color: #CCC;
}

table.gridview, table.gridview tr, table.gridview tr td
{
	border: 0 !important;
}

/*
.modalBackground 
{
	background-color: #666;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup 
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 80%;
}
*/

/* Page Outlining Classes */
.pageHeader td, 
.pageFooter td, 
.sectionHeader td
{
	padding: 5px;
}

.pageHeader, 
.pageFooter
{
	font-size: 1.2em;
	font-weight: bold;
	font-variant: small-caps;
}

.functionCell
{
	vertical-align: bottom;
	text-align: right;
	font-variant: normal;
}

.functionCell a
{
	/* color: #FFF; */
	color: #97191D;
	text-decoration: none;
}

.sectionHeader
{
	/* color: #FFF; */
	color: #97191D;
	/*color: Black;*/
	/* background: #561420 url('../Images/red-grad.gif') bottom repeat-x; */
	background: #C59A6F url('../Images/tan-grad.gif') bottom repeat-x;
	font-size: 1.1em;
	font-weight: bold;
	font-variant: small-caps;
}

.sectionHeaderWithoutBackground
{
	color: #97191D;
	font-size: 1.1em;
	font-weight: bold;
	font-variant: small-caps;
}

.sectionContent
{
}

.section ul
{
	list-style: none;
	padding-left: 1em;
}

.section ul li
{
	font-weight: bold;
}

.section ul li span
{
	font-weight: normal;
	font-style: italic;
}

/*
.subheading
{
	border-top: solid 3px #000;
	border-bottom: solid 3px #000;
	font-weight: bold;
	padding-top: 5px;
}

.subsection
{
	background-color: #EEE;
	padding: 3px;
}
*/

/* Input Form Classes */
.compact
{
	width: auto !important;
}

.compact td
{
	padding-left: 5px;
	padding-right: 5px;
}

.singleColumn
{
	margin-left: 2em;
	margin-bottom: 2em;
}

.singleColumn td
{
	width: 50%;
}

.singleColumn td:first-child, #content td.ieHACK-firstColumn
{
	width: 30%;	
	font-weight: bold;
}
.singleColumn td:first-child + td, #content td.ieHACK-secondColumn
{
	width: 60%;
}
.singleColumn td td
{
	font-weight: normal !important;
	width: auto !important;
}

.singleColumn input
{
	width: 125px;
}

input.narrow
{
	width: 50px;
}

.twoColumn td
{
	width: 25%;
}

.twoColumn td:first-child, #content td.ieHACK-firstColumn
{	
	font-weight: bold;
}

.twoColumn td:first-child + td + td, #content td.ieHACK-firstColumn
{	
	font-weight: bold;
}

/* Flash Notification classes */
.success
{
	background-color: #060;
	color: #fcfcfc;
	font-size: 10pt;
	font-weight: bold;
}

.failure
{
	background-color: #F00;
	color: #fcfcfc;
	font-size: 10pt;
	font-weight: bold;
}

.notice
{
	background-color: #CCC;
	color: #333;
	font-size: 10pt;
	font-weight: bold;
}

.notice a
{
	color: #333 !important;
}

.flash
{
	margin: 0 auto;
	text-align: center;
}

.flash a
{
	text-decoration: dotted;
	font-weight: bold;
	color: #FFF;
}

.errorMessage
{
	color: #F00; 
}

.errorMessageBold
{
	color: red;
	font-weight: bold;
	font-variant: small-caps;
}

.hiddenColumn
{
	visibility: hidden;
	display: none;
}

.insertFooter td
{ 
	vertical-align: top; 
}

.diffTextChanged
{
	font-weight: bold;
}

.diffCriticalTextChanged
{
	font-weight: bold;
	color: red;
}

#ticketActions
{
	padding: 0;
}

#ticketActions ul
{
	list-style-type: disc;
	/*
	padding-left: 5px;
	padding-right: 10px;
	*/
}

#ticketActions ul li
{
	font-weight: normal;
}


/* Legacy Ticket History */

.HistoryActionTable
{
	border-right: #561420 1px solid; border-top: #561420 1px solid; border-left: #561420 1px solid; border-bottom: #561420 1px solid;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:6px;
}