/**************************************************************************************************************/
/* Master Page Background                                                                                     */
/**************************************************************************************************************/
html
{
	margin: 0px;
	padding: 0px;
	border: none;
	height: 100%;
	overflow:hidden;
}
body
{
	margin: 0px;
	padding: 0px;
	border: none;
	background: #eff3ff;
	z-index:10;
	height: 100%;
	font-size: 10px;
	font: 0.7em Verdana,Arial,Helvetica,sans-serif;
}
#maincontent
{
	width: 99.5%;
	height: 100%;
	background: #eff3ff;
	border-top: #808080 1px solid;
	font: 0.7em Verdana,Arial,Helvetica,sans-serif;
}
.addeditcontent
{
	vertical-align: top; 
	display: inline; 
	clear: right; 
	right: 0px; 
	width: 80%;
    height : 90%; 
    border-left: 1px #9FBBDE solid;
}
/**************************************************************************************************************/
/* Navigation Menu Bar                                                                                        */
/**************************************************************************************************************/
.menu
{
	margin-left: 28px;
	background: url(images/tab_bg.gif) repeat-x;
	font-size: 9px;
	font-weight: bold;
}

.menuItem td
{
	color: MidnightBlue;
	height: 24px;
	background: #BDDBFF;
	width: 100px;
	text-align: center;
}

.menuSelectedItem td
{
	background: url(images/tab.gif) no-repeat #919191;
}

.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited
{
	color: MidnightBlue;
	text-decoration: none;
}

.menuItem a:hover
{
	text-decoration: underline;
}

.menuPopup
{
	background: url(images/background_drop_menu.jpg) repeat #8C9FB4;
	border: 1px solid #666666;
	border-bottom: none;
	color: #ffffff;
}

.menuPopupItem
{
	color: #ffffff;
	border-bottom: 1px solid #666666;
	padding: 3px;
	text-align: left;
}
.horizMenu
{
	font-size: xx-small;
	color: #3366ff;
}
/**************************************************************************************************************/
/* Bread Crumb                                                                                                */
/**************************************************************************************************************/
#breadcrumb
{
	padding-top: 4px;
	padding-left: 10px;
	background: #919191;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
}

#breadcrumb img
{
	border: none;
	padding-right: 3px;
	vertical-align: middle;
}


/**************************************************************************************************************/
/* Login                                                                                               */
/**************************************************************************************************************/
#htmllogin
{
	height: 100%;
	overflow: hidden;
}
.loginTable
{
	border-right: #425061 1px solid;
	border-top: #425061 1px solid;
	border-left: #425061 1px solid;
	border-bottom: #425061 1px solid;
	margin: 5px;
	padding: 5px;
	background-color: #d3d9ef;
	vertical-align: middle;
}
.loginbody
{
	overflow: hidden;
	background-color: #d3d9ef;
	height: 100%;
}

#loginColumn
{
	position: relative;
	float: left;
	width: 240px;
	top: 30px;
	height: 100%;
	border: solid 1px #425061;
	background-color: White;
	margin-top: 3px;
	margin-left: 3px;
}

#newsColumn
{
	height: 100%;
	position: relative;
	top: 30px;
	margin-left: 255px;
	margin-top: 3px;
	overflow: hidden;
}

#divMenu
{
	position: relative;
	top: 0px;
}
.pnlFrame
{
	height: 100%;
	width: 100%;
	border: solid 1px #425061;
}
/**************************************************************************************************************/
/* Style a div as an Infragistics toolbar, no right and left borders                                                                                               */
/**************************************************************************************************************/

.toolbar
{
	width: 100%;
	height: 100%;
	border-top: 1px solid #9FBBDE;
	border-bottom: 1px solid #9FBBDE;
	border-left: none;
	border-right: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(Infragistics/WebToolBar/igWebToolBarBg2.jpg);
	background-repeat: repeat-x;
	background-color: #B3D4FF;
}

/**************************************************************************************************************/
/* Style a div as an Infragistics toolbar, with all borders                                                                                           */
/**************************************************************************************************************/

.wholetoolbar
{
	width: 100%;
	height: 100%;
	border: 1px solid #9FBBDE;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(Infragistics/WebToolBar/igWebToolBarBg2.jpg);
	background-repeat: repeat-x;
	background-color: #B3D4FF;
}
/**************************************************************************************************************/
/*ASSIGN PAGES STYLING                                                                               */
/**************************************************************************************************************/

#tdToolbar
{
	height: 28px;
	margin: 0px;
}

#tdFilters
{
	vertical-align: top;
}

#tdAssignControls
{
	vertical-align: top;
}

#trControls
{
	height: 100%;
	vertical-align: top;
	position:relative;

}
#divLowerImage
{
	position: relative;
	top: 50%;
}
.visibleDiv
{
	border: 1px solid #9FBBDE;
	overflow: auto; 
	vertical-align: top;
}
/**************************************************************************************************************/
/*PAGES WITH CONTENT INSIDE TABS                                                                           */
/**************************************************************************************************************/
.normalBody
{
	background: #eff3ff;
}
/**************************************************************************************************************/
/*MAIN TABLE ON ALL CONTENT PAGES                                                                 */
/**************************************************************************************************************/

#tblMainTable
{
	width: 100%;
	height: 100%;
}
/**************************************************************************************************************/
/*colour Picker Link                                                    */
/**************************************************************************************************************/

.small
{
	font-size: 9px;
}

#datechooser
{
	width:100%;
	margin:0px;
	padding:0px;
}
/**************************************************************************************************************/
/*compulsory fields                                                 */
/**************************************************************************************************************/

.compulsory
{
	background-color: infobackground;
	border-right: steelblue 1px solid;
	border-top: steelblue 1px solid;
	border-left: steelblue 1px solid;
	border-bottom: steelblue 1px solid;
}
/**************************************************************************************************************/
/*picker border                                                 */
/**************************************************************************************************************/
.picker
{
	border: 1px ridge;
}
/**************************************************************************************************************/
/*grid pager table                                             */
/**************************************************************************************************************/
.pager
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: Blue;
	font-size:x-small;
	width:100%;
}