﻿
/******************* NOTIFICATIONS 
**********************************
*/

td.barErrorLeft
{
	background: url(Images/notifications/pnl_error_left.jpg) no-repeat left top;
	display: block;
	text-indent: 6pt;
	color: #000000;
	font-size: 8pt;
	vertical-align: top;
	padding-top: 4px;
	padding-left: 10px;
}

td.barErrorRight
{
	background: url(Images/notifications/pnl_error_right.jpg) no-repeat right top;
	height: 22px;
	padding-left: 10px;
	text-decoration: none;
}

td.barConfirmationLeft
{
	background: url(Images/notifications/pnl_confirmation_left.jpg) no-repeat left top;
	display: block;
	text-indent: 6pt;
	color: #000000;
	font-size: 8pt;
	vertical-align: top;
	padding-top: 4px;
	padding-left: 10px;
	z-index: 20000;
}

td.barConfirmationRight
{
	background: url(Images/notifications/pnl_confirmation_right.jpg) no-repeat right top;
	height: 22px;
	padding-left: 10px;
	text-decoration: none;
}

td.barNotifyLeft
{
	background: url(Images/notifications/pnl_notify_left.jpg) no-repeat left top;
	display: block;
	text-indent: 6pt;
	color: #000000;
	font-size: 8pt;
	vertical-align: top;
	padding-top: 4px;
	padding-left: 10px;
}

td.barNotifyRight
{
	background: url(Images/notifications/pnl_notify_right.jpg) no-repeat right top;
	height: 22px;
	padding-left: 10px;
	text-decoration: none;
}







/******************* NOTIFICATIONS FOR CONFIRMATION FADER CONTROL
*****************************************************************
*/

td.barFaderError
{
	background: url(Images/notifications/error.gif) no-repeat left;
	display: block;
	text-indent: 6pt;
	color: #000000;
	font-size: 8pt;
	vertical-align: top;
	padding-top: 4px;
	padding-left: 10px;
	height: 30px;
	width: 16px;}

td.barFaderConfirmation
{
	background: url(Images/notifications/info.gif) no-repeat left;
	display: block;
	text-indent: 6pt;
	color: #000000;
	font-size: 8pt;
	vertical-align: top;
	padding-top: 4px;
	padding-left: 10px;
	height: 30px;
	width: 16px;
}

td.barFaderNotify
{
	background: url(Images/notifications/warning.gif) no-repeat left;
	display: block;
	text-indent: 6pt;
	color: #000000;
	font-size: 8pt;
	vertical-align: top;
	padding-top: 4px;
	padding-left: 10px;
	height: 30px;
	width: 16px;}






/******************* PANELS FOR CONFIRMATION FADER CONTROL
*****************************************************************
*/


td.cplPanelColourRedTopLeft
{
	height: 14px;
	width: 14px;
	background-position: left top;
	background-image: url(Images/Panels/InnerColourRed/pnl_top_left.gif);
	background-repeat: no-repeat;
}

td.cplPanelColourRedTopMiddle
{
	height: 14px;
	background-image: url(Images/Panels/InnerColourRed/pnl_top_middle.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

td.cplPanelColourRedTopRight
{
	height: 14px;
	width: 14px;
	background-position: right top;
	background-image: url(Images/Panels/InnerColourRed/pnl_top_right.gif);
	background-repeat: no-repeat;
}

td.cplPanelColourRedMiddleLeft
{
	width: 14px;
	background-image: url(Images/Panels/InnerColourRed/pnl_middle_left.jpg);
	background-repeat: repeat-y;
	background-position-x: left;
}

td.cplPanelColourRedMiddleRight
{
	width: 14px;
	background-image: url(Images/Panels/InnerColourRed/pnl_middle_right.jpg);
	background-repeat: repeat-y;
	background-position-x: right;
}

td.cplPanelColourRedBottomLeft
{
	height: 14px;
	width: 14px;
	background-image: url(Images/Panels/InnerColourRed/pnl_bottom_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

td.cplPanelColourRedBottomMiddle
{
	height: 14px;
	background-image: url(Images/Panels/InnerColourRed/pnl_bottom_middle.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

td.cplPanelColourRedBottomRight
{
	height: 14px;
	width: 14px;
	background-image: url(Images/Panels/InnerColourRed/pnl_bottom_right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

td.cplPanelColourRedMiddleMiddle
{
    height: 100%;
    width: 100%;
    background-image: url(Images/Panels/InnerColourRed/pnl_middle_middle.jpg);
    background-repeat: repeat;
    text-align: left;
}

