/*  @(#) styles.css 1.30@(#) */

/* ----------------------------------------------------------
	If a style sheet named styles.css is place in the <application root>/local 
	directory, it will override styles defined in the Softix supplied style sheet
	in the application root, *wherever*  those styles are different.

	This enables a site to control their own styles.

	However, the supplied styles.css is subject to change without notice. 
	New styles may be added, old styles removed, existing styles changed.

	Therefore, please ensure your local styles.css is kept up to date in 
	relation to the copy in the application root. 
*/

/* ----------------------------------------------------------
	body level styles 
    ---------------------------------------------------------- */

/* Purpose : generic body definition for all pages in the app
                    
	Usedby  : all pages
	Notes    : 
*/
BODY
{
	font-family: Arial, Monospace, Sans-Serif;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	background:white;
	font-size: 10pt;
	color:#07204e;
}

/* Purpose : Defines an alternative background for pages that maybe need 
					to draw attention to themselves. 
	Usedby  : explorer-help.htm
	Notes    : 
*/
BODY.alternate-background{ background: #ffffe0; }

/* Purpose : Makes the mouse pointer display the busy icon ( hourglass )
    Userdby : loaderPage.aspx to make the mouse pointer busy
	Notes    : Doesn't work on the Mac
*/
BODY.busy{ cursor:wait;}

/* ---------------------------------------------------------
	table level styles 
    ------------------------------------------------------- */

/* Purpose : sets the defualt font for all tables in the app 
    Userdby : various pages
	Notes    : 
*/
TABLE 
{
	font-family: Arial, Monospace, Sans-Serif;	
	font-size: 10pt;
}

/* Purpose : header tables have a dark background
    Userdby : default page, and pop titles
	Notes    : 
*/
TABLE.header {	background: #FFFFCC; }

/* Purpose : Generic reports for the app can be left or right aligned by 
					default.
    Userdby : various reports, and anywhere were tables are used in the app
	Notes    : We may use td.report-left or td.report-right to control 
					alignment at cell level.
*/
TABLE.report-right
{
	font-size: 8pt;
	text-align: right;
	color:Navy;
}
TABLE.report-left
{
	font-size: 8pt;
	text-align: left;
	color:Navy;
}

/* ---------------------------------------------------------
	table row level styles 
    ------------------------------------------------------- */

/* Purpose : default report detail table row
    Userdby : various reports
	Notes    : 
*/
TR.report-detail
{
	background: #d9e7ff;
	vertical-align: top;
}

/* Purpose : default report header table row
    Userdby : various reports
	Notes    : 
*/
TR.report-header
{
	font-weight: bold;
	color:Navy;	
}

/* Purpose : default report summary table row 
    Userdby : various reports, usually used to display totals 
	Notes    : If no subtotals are present, use this style for the total row.
                   may also be used as a header row in some circumstances. 
*/
TR.report-summary{ 	background:#DFE6E9; }

/* Purpose : used to highlight a row in a report
    Userdby : sales summary report, to highlight a given row
	Notes    : 
*/
TR.report-highlight1{ background: #E5F2FF; }

/* Purpose : alternative sub title row 
    Userdby : sales summary report, to display capacity/hold etc column 
					titles.
	Notes    : may also be used to display sub totals in a report
*/
TR.report-subtitles
{
	background:#E5F2FF;
	color:  #2850B1;
	font-weight: bold;
}

/* Purpose : alternative sub title row 
    Userdby : sales summary report, to display tix today,todate column titles
	Notes    : 
*/
TR.report-subtitles2
{
	background:#E5F2FF;
	font-weight: bold;
}

/* Purpose : default report title row 
    Userdby : usually used to give a title to a report or sub report
	Notes    : usually one cell will take up 100% of width of the table 
*/
TR.report-title
{
	background: navy;
	color: white;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
}

/* Purpose : default popup window title row 
    Userdby : various popup windows ( sspopup.aspx )
	Notes    : Usually used in a table with class="header" 
*/
TR.popup-title
{
	text-align:center;
	color: Gray;
	font-size: 14pt;
	font-weight: bold;
}

/* --------------------------------------------------------
	table cell level styles 
    ------------------------------------------------------- */

/* Purpose : used to create a blank cell
    Userdby : various reports
	Notes    : 
*/
TD.blankcell{ 	background-color: transparent; }

/* Purpose : used to control displaying of event titles where they are 
					displayed in a row with a conflicting style
    Userdby : sales summary report
	Notes    : 
*/
TD.event-titles
{
	font-weight:normal;
	color: Navy;
}

/* Purpose : use to unbold text where the tr style makes it bold
    Userdby : sales summary report
	Notes    : 
*/
TD.unbold
{
	font-weight:normal;
}

/* Purpose : used in various tab controls to display read only information
    Userdby : various
	Notes    : 
*/
TD.label 
{
	font-weight: bold;
	font-size: 10pt;
}
TD.value 
{
	font-weight: normal;
	font-size: 10pt;
}

/* Purpose : class for displaying the loading... message
    Userdby : loaderPage.aspx
	Notes    : see also body.busy
*/
TD.busy
{
	font-weight: bold;
	color:Navy;
	font-size: 12pt;
}
/* --------------------------------------------------------
	navbar related styles 
    ------------------------------------------------------- */

/* Purpose : navbar style. Used primarily to set the navbar background colour
                     and associated horizontal coloured bars.
    Userdby : default.aspx, watchlist edit and show config pages
	Notes    : Can be overridden by a Web.config appsetting
*/
.navbar{ background-color: #FFFFCC; }

/* Purpose : define the navbar button/link behaviour
    Userdby : default.aspx,watchlist edit and show config pages
	Notes    : 
*/
.navbar A 
{
	text-decoration: none; 
	color:#07204e; 	
	font-weight:bold;
	font-size: 10pt;
}
.navbar A:visited { color: #07204e;} 
.navbar A:hover{	color:red; }

/* Purpose : The verticle line seperating link buttons in a navbar horizontal bar.
    Userdby : default.aspx,watchlist edit and show config pages
	Notes    : 
*/ 
.navbar .barsep { DISPLAY: inline; WIDTH: 12px; TEXT-ALIGN: center; color: Olive }

/* Purpose : Any label that appears within a horizontal navbar
    Userdby : default.aspx,watchlist edit and show config pages
	Notes    : 
*/ 
.navbar .label { DISPLAY: inline; FONT-WEIGHT: bold ; color:#07204e }
	
/* Purpose : linkbutton style 
	Usedby  : watchlist edit and show config pages
	Notes    : Because linkbuttons end up as <a> tags in the final html we 
					have specify a specific style to differenciate between the
                    default <a> behaviour.
                    At this point, linkbuttons only ever appear within navbars.
*/
.navbar .linkbutton
{
	font-family: Arial, Monospace, Sans-Serif;	
	font-size: 8pt;
	text-decoration: underline;
}

/* --------------------------------------------------------
	login related styles 
    ------------------------------------------------------- */

/* Purpose : login panel input field label
    Userdby : login.aspx
	Notes    : Login panel labels needs a distinct color so that they stands 
					out against the login panel 
*/
.login-panel
{
	color: navy;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
}

/* Purpose : login panel label
    Userdby : login.aspx
	Notes    : Login panel user feedback label needs a distinct color so that 
					it stands out against the login panel background
*/
.login-label{	color: #ffffff;}

/* --------------------------------------------------------
	adhoc styles 
    ------------------------------------------------------ */

/* Purpose : status label style 
    Userdby : Any page that uses the StatusLabel control
	Notes    : Because of the need to control font size and font color 
					programatically
					It isnt possible to set these properties for status label control
*/
.statuslabel
{
	background-color:transparent;
	font-family: Arial, Monospace, Sans-Serif;
}

/* Purpose : legal text style
	Used By : 1. copyright statement in copyright footer in default.aspx 
					which is always present once user has logged in.
				    2. disclaimer statement ( Disclaimer.ascx )
                    3. Site best viewed text ( login.aspx )
*/     
.copyright
{
	font-family: Arial, Sans-Serif;
	font-weight:bold;
	text-align:center;
	color: navy;
	font-size:xx-small;
}

/* Purpose : Report footer date/time generated text.
	Usedby  : All report footers via user-functions.xslt report-footer 
					template
	Notes    : Does not need to be very large or visible.
                   Required to be present when reports are printed.
*/
.timestamp
{
	font-family: Arial, Sans-Serif;
	font-weight:bold;
	text-align:center;
	color:InactiveCaption;
	font-size:xx-small;
}

/* Purpose : default pages content panel style
	Usedby  : default.aspx
	Notes    : primarily used to put a border around the content panel
*/
.contentPanel{ 	border: olive 1px solid;  BORDER-TOP: 0; }

/* -------------------------------------------------------
	Input related styles
    ------------------------------------------------------ */

/* Purpose : define the default style for input related controls
	Usedby  : any page with input controls
	Notes    : includes ddl, text boxes, list boxes and buttons, unless overridden
		           by more specific input related styles defined below.
*/
TEXTAREA,SELECT,INPUT
{
	background-color:white;
	font-family: Arial, Monospace, Sans-Serif;	
	color:#07204e;
	font-size: 10pt;
}
/* Purpose : image button style
	Usedby  : any page that uses an image button
						specifically, login page, various reports
	Notes    : 
*/
INPUT.transparent
{
		background-color: transparent;
}
/* Purpose : button style
	Usedby  : any page that uses a traditional button as input control
	Notes    : As a button is a form of input, we create a distinct 'button'
                   class that we assign to each input object of type button that
                   we want to conform to this style.
*/
INPUT.button
{
	background-color:#D7DBD5;	
	color:Black;
	font-size: 10pt;
}


/* -------------------------------------------------------
    Venue Seatmap Report Popup Classes
   ------------------------------------------------------- */
.reportContainer
{
    position: relative;
    padding-left: 10px;
}
.reportTitle
{
    padding: 10px 0;
}
.highlightMessage
{
    color: Red;
}
.buttonContainer
{
    left: 10px;
    bottom: 10px;
    padding: 10px 10px 5px 0;
}
.optionsContainer
{
    padding-top: 10px;
}
.reportOptionsTitle
{
    text-decoration: underline;
    padding-top: 10px;
}
.reportOptionsList
{
    padding-left: 15px;
}
.descBoxTop, .descBoxMiddle, .descBoxBottom
{
    background-image: url('images/roundrect.gif');
    background-repeat: no-repeat;
    width: 328px;
    padding: 0;
    margin: 0;
}
.descBoxTop
{
    background-position: -1px -1px;
    height: 10px;
}
.descBoxMiddle
{
    background-position: -1px -10px;
    min-height: 10px;
    background-repeat: repeat-y;
}
.descBoxBottom
{
    background-position: -1px -190px;
    height: 10px;
}
.descriptionText
{
    display: block;
    padding-left: 10px;
    color: #ffffff;
}
.descriptionText .descriptionReportTitle
{
    font-weight: bold;
    text-decoration: underline;
    padding-bottom: 5px;
}
.indent
{
    padding-left: 20px;
}
#uiReportOptionsContainer
{
    float: left;
    padding: 10px 10px;
}
#uiReportFunctionContainer
{
    float: left;
    padding-left: 10px;
    width: 600px;
}
#uiDisplayOptionsContainer
{
    padding-top: 10px;
}
#uiDescriptionContainer
{
    float: right;
    padding: 18px 10px 0 0;
}
#uiErrorContainer
{
    float: left;
    display: block;
    padding-top: 20px;
}
#uiReportingDisabled
{
    padding: 20px 10px;
    font-weight: bold;
}

.permissionsTitle
{
    font-weight: bold;
}
.reportVenueList
{
    padding-left: 10px;
}

.vsrSettingsItem
{
    padding: 10px 0 0 10px;
}
.vsrSettingsMessage
{
    padding-left: 10px;
    font-style: italic;
}