/* COMMON ELEMENT STYLES */
html, body, form
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:100%;
	height:100%;
	background-color: #f7f7f7;
}

body, form, table
{
	font-family: Arial, sans-Serif;
	font-size: 12px;
	color: #303030;
}

a, a:link, a:visited 
{
	color: #ff9933;
	text-decoration: none;
}
a:hover, a:active
{
	color: #dd5555;
	text-decoration: underline;
}
a img { border: none; }
a.listNavigate 
{ 
	display: inline-block;
	text-align: left;
	width: 30%;
}


h1, h2
{
	font-weight: bold;
	text-align: center;
}
h1 { font-size: 18px; }
h2 { font-size: 14px; }

/* PRIMARY THEME SECTIONS */
div#titlePanel
{
	background-image: url(Images/TopBackground.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 90px;
	white-space:nowrap;
}
div#titleLeft
{
	position:relative;
	margin-left:10px;
	height:100%;
	z-index: 2;

	background-image: url(Images/AppLogo.gif);
	background-position: left 6px;
	background-repeat: no-repeat;
}
div#titleRight
{
	position:relative;
	margin-right:20px;
	height:100%;
	float:right;

	background-image: url(Images/BatNewLogo.jpg);
	background-repeat: no-repeat;
	background-position: right 6px;
}



div#currentUser {
	float: left;
	margin-top: 56px;
	padding-top: 5px;
	padding-bottom: 5px;
}
div#mainMenu
{
	float: left;
	margin-top:45px;
	margin-right:2em;
}

div#mainContentFrame
{
	background-image: url(Images/ContentBackground.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 150px;
	
	width:98%;
	padding:10px;
	
	overflow: hidden;
	position: relative;
}
/*------------------------------------DIALOG-------------------------------------------*/
body.dialog { overflow: hidden; }

div#dialogTitle
{
	background-image: url(Images/TopBackground.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 90px;
	white-space:nowrap;
}

div#dialogTitle { height: 25px; }
div#dialogBody 
{ 
	padding: 20px; 
	overflow-y: auto;
}

div#dialogButtons
{
    position:relative;
    height:70px;
}

div#dialogAdditionalBlock  
{
    position:absolute;
    top:10px;
    left:10px;
    width:400px;
}
div#dialogButtonsBlock  
{
    position:absolute;
    top:10px;
    left:420px;
 
	text-align: right; 
	white-space: nowrap;
	padding-left: 20px;
	padding-right: 20px;
}

/*------------------------------ HORIZONTAL MENU STYLES ------------------------------------*/
div#mainMenu ul li
{
	float:left;
	list-style-type:none;
	font-weight:bold;
	
	display:block;	
	margin-right:1em;
}

div#mainMenu ul li a,
div#mainMenu ul li a:link,
div#mainMenu ul li a:visited
{
	display:block;
	color: #444a89;
	text-decoration: none;
	
	padding-top:5px;
	padding-bottom:5px;
	padding-left:2em;
	padding-right:2em;
}
div#mainMenu ul li a:hover,
div#mainMenu ul li a:active
{
	display:block;
	color: #ffffff;
	text-decoration: none;
	background-image: url(Images/MenuItemHoverBackground.jpg);
	background-color: #444a89;
	background-repeat: repeat-x;
	
	padding-top:5px;
	padding-bottom:5px;
	padding-left:2em;
	padding-right:2em;
}

/* PAGE COLUMNS */
div.pageColumnJS	/*4840: This is functional to be picked up by javascript for vertical sizing*/
{}

div.pageColumn
{
	border: solid 1px #fcd48a;
	float:left;
	padding: 10px;
	width:98%;
	overflow:auto;
}

div#listColumn  
{
	margin:0%;
	margin-right:75%;
	
	border: solid 1px #fcd48a;
	padding: 10px;
	overflow:auto;
}
	
div#detailsColumn  
{
    /*the first block achieves the positioning*/
    position:absolute;
    margin:0%;
	top:10px;
	right:0px;
    width:71%;
    margin-right:5px;
	
	 /*the rest is formatting*/
	border: solid 1px #fcd48a;
	padding: 10px;
	overflow:auto;

}

/* GRIDS */
table.grid, table.details  
{
	width:98%; 
	border-collapse:collapse; 
	border:none; 
}

table.dialogGrid
{
	width:580px; 
	border-collapse:collapse; 
	border:none; 
}

table.grid td, table.details td, table.dialogGrid td,
table.grid th, table.details th, table.dialogGrid th
{
	vertical-align:top; 
	text-align:left; 
	border:none; 
	padding-left: 1em;
	padding-right: 1em;
}

td.detailFields
{
	width: 10em;	
}

table.grid .header , table.dialogGrid .header
{
	background-image: url(Images/TableHeaderBackground.jpg);
	background-color: #444a89;
	background-repeat: repeat-x;
	color: #ffffff;
	font-weight: bold;
}
table.grid .footer , table.dialogGrid .footer
{ border-top: solid 1px #444a89; }
table.details .header { font-weight:bold; }

/*	LOGIN Support
Set width of text boxes on login page
*/
input.login
{
	width:150px;
}

div.suacValidation
{
    color:Red;
}

.suacPasswordWarn
{
    color:Red;
}

.suacPasswordMessage
{
    color:Black;
}


/*-----------------------------------------HOME PAGE SPECIFIC-----------------------------------*/
div#detailTopBox
{
    height:210px;
}

div#detailLeftBox
{
    float:left;
    width: 48%;
    
    left:10px;
    top: 10px;
    height:210px;
}

div#detailRightBox
{
    width: 48%;

    top: 10px;
    height:210px;
    overflow:auto;
}

div.lastLoggedonTitle
{	
    font-weight: bold;
    font-size:12px;
    text-decoration: underline;
}

.lastLogonType
{
    width:100px;
    display:inline-block;
}

.lastLogonMachine
{
    width:150px;
    display:inline-block;
}

.detailsHeader
{
    width:120px;
}

.suacUserDetailLabel
{
    display:inline-block;
    width:120px;
    padding-left:1em;
    padding-top:3px;
}
/*------------------------------AUDIT MESSAGE---------------------------*/
/*auditMessageText, auditMessageRow, auditAccept*/

.auditMessagePanel
{
    
    border: solid 1px #fcd48a;
    padding:20px;
    
}

.auditMessageLabel
{
    width:20px;
    display:inline-block;
}

.auditMessageRow
{
    padding-top:5px;
}

.auditButtonRow
{
    padding-top:5px;
    text-align:center;
}

.auditAccept
{
    margin-top:5px;
}

/*------------------------------EXPIRY---------------------------*/
/*expiryDatePickerRow, expiryPeriodText,expiryPeriodDD*/
.expiryDatePickerRow
{
    position:relative;
    padding:2px;
} 

.expiryPeriodText
{
    position:absolute;
    left:120px;
    width:20px;
}

.expiryPeriodDD
{
    position:absolute;
    left:160px;
}

.expiryPeriodDate
{
    position:absolute;
    left:120px;
}

.expiryValidation
{
    color:Red;   
}