.loading
{
 position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: color;
zIndex: 1000;
filter:alpha(opacity=30);
opacity:.3;
            
}
/* Login Screen Classes */
.loginbody  
{
	background-image : url(../Images/skin1/fringe.jpg); 
	background-repeat: repeat-x; 
	background-position: top;
}
.listCell 
{
	overflow:hidden;
	padding-left:6px;
    white-space:nowrap;
}
.loginprompt
{
	font-family:"Arial";
	font-size:14px;
	color:#BF0404;
	font-weight:bold;
	padding-right:20px;	
}
.loginpromptr 
{
	text-align:right; 
}
.pad8 {padding:8px;}

.loginpromptc {text-align:center;padding-top:11px;}

.loginlink 
{
	font-family:"Arial Black";
	font-size:12px;
	color:#F2930A;
	font-weight:bold;
}
.loginfooter { font-family:"Verdana"; color:#BF0404; font-size: 12px;font-weight:bolder;}
.loginfooter a {color:#BF0404;}
.loginfield {font-size:14px;border:1px solid black; background-color:white;font-weight:bold;}


.clsFieldSet {
            border: 2px solid grey;
            background: white;
            color: #333;width:100%;
        }

.clsLegend {
   color: navy;
   font-weight: bold;
}

.clsTitleIco {width: 30px;}


/* Elements  --- These are standard HTML elements used on every page.  */
body {	font-family : Verdana, Arial, sans-serif; 	font-size : 11px;	margin-left : 0px;	margin-top : 0px;	margin-right : 0px;}

IMG{border:0px;}
.clsTextBold { font-weight:bold; }
TABLE {	font-size : 11px; }
a.clsSmallLink {color : blue;	text-decoration: none;	font-size: 9px; }
a.button, a.button:hover {color: White;}

.clsInstructions {font-family:verdana;font-size:11px;color:black;}
.clsInstructions li {margin-top:0.4em;}

.sqlitem {padding-left:5px;}

/* Menu Classes  --- These classes are used by the drop-down menus  */


.StaticMenuItemStyle 
{
	margin:0px 6px 0px 6px;
	padding: 3px 0px 3px 0px;
	font-family:verdana;font-size:12px;color:#ffffff;font-weight:bold; 
}
.DynamicMenuStyle {background-color: #ff0000;border:1px solid black;
	filter:alpha(opacity=70);
	-moz-opacity:.80;
	opacity:.80;

	}
.DynamicSelectedStyle {background-color: #FFCC66;}
.DynamicMenuItemStyle 
{
	background-color: #be0000;
	padding: 4px 4px 4px 4px;
	font-family:verdana;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}
.DynamicHoverStyle {background-color: #c07671; color:#000000;}
.spmenubar {background-image:url(../images/skin1/menubg.gif);background-repeat:repeat-x;height:15px;}

/* Calendar Classes */
.TitleStyle { background-color:#000080; color:#ffffff;}
.NextPrevStyle { background-color:#000080 color:#ffffff;}
.OtherMonthDayStyle { color: #c0c0c0;}
.TodayDayStyle { border:1px solid red;}


.clsIBox
{
	background-color:#F6F9FF;
	font-size:125%;
	font-weight:bold;
	border:1px solid #a3bfb1;color:#000000;
	padding:0.2em 0.4em;
}

A.redtext
{
	color:Red;
}
A.redtext:Hover
{
	color:darkgray;
}
A.redtext:Visited
{
	color:Red;
} 
 

/* Poll Classes */

.clsPollOn { background-color:#4455AA; height:16px; width:5px;margin-left:1px;margin-right:1px; }
.clsPollOff {background-color:LightGrey; height:16px; width:5px;margin-left:1px;margin-right:1px; }
.clsPollTable {	border-width:0px; width:60px; }
.clsPollText { font-family:Arial,Verdana; font-size: 10; }
.clsPollTextBold { font-family:Arial,Verdana;font-size:10;font-weight:bold; }

/* Progress Bar Classes */

.clsProgOn { background-color:#4455AA; height:16px; width:5px; }
.clsProgOff {background-color:LightGrey; height:16px; width:5px; }
.clsProgTable {	border-width:0px; width:60px; border-collapse:collapse; }
.clsProgText { font-family:Arial,Verdana; font-size: 10; }
.clsProgTextBold { font-family:Arial,Verdana;font-size:10;font-weight:bold; }

/* Border Classes  --- Used by Tables */

.clsBorderAll {	border: 1px solid black; }
.clsBorderInnerTable {	font-size : 9px; padding-left: 4px;	color: #666666;	border : 1px white; }
.clsBorderCollaborationL2 {	background-color:#FFFFFF; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black;  }
.clsTablePagingInfoBarButtons { background : url(../Images/curve.gif) no-repeat;  }
.clsTablePagingInfoBarNoButtons { vertical-align: middle;color:White;font-weight:bold;}  /* UD */
.clsTablePagingInfoBarButtonsSm { background : url(../Images/curvesm.gif) no-repeat;  }

/* Table Classes --- Classes used in all tables */

.clsTableHeader {
	font-weight : bold;
	text-align: left;
	font-size : 14px;
	color : white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-image : url(../Images/skin1/tableheaderbg.gif);
	padding:3px 2px 3px 5px;
}
.clsTitleTxt
{
	font-weight : bold;
	font-size : 14px;
	color : white;
}
.clsTableHeaderLeft /* Used for split header */
{
	font-weight : bold;
	font-size : 14px;
	color : white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	background-image : url(../Images/skin1/tableheaderbg.gif);
	padding:3px 2px 3px 5px;
	text-align:left;
}
.clsTableHeaderRight /* Used for split header */
{
	font-weight : bold;
	font-size : 14px;
	color : white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	background-image : url(../Images/skin1/tableheaderbg.gif);
	padding:3px 2px 3px 5px;
}
.clsTableHeaderMid /* Blank at both sides */
{
	font-weight : bold;
	font-size : 14px;
	color : white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-image : url(../Images/skin1/tableheaderbg.gif);
	padding:3px 10px 3px 5px;
}
.clsTableHeaderTip {
	font-weight : bold;
	font-size : 14px;
	color : white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-image : url(../Images/skin1/tableheaderbg.gif);
	padding:2px 2px 2px 5px;
}

.clsTableBox{
	font-size : 10px;
	color : black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding:2px 2px 2px 2px;
	background-color : #ffffff;
}
.clsTableBoxL{
	font-size : 10px;
	color : black;
	border-left: 1px solid black;
	padding:2px 2px 2px 2px;
	background-color : #ffffff;
}
.clsTableBoxR{
	font-size : 10px;
	color : black;
	border-right: 1px solid black;
	padding:2px 2px 2px 2px;
	background-color : #ffffff;
}

.clsTableFooter {
	color : white;
	font-size : 1px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-image : url(../Images/skin1/tablefooterbg2.gif);
	height: 6px;
}


.clsDBTable 
{
	border:1px solid #888888;
}
.clsDBTableDataOdd {
	padding-left: 4px;
	font-size: 10px;
	height : 20px;
	text-align:left;
}
.clsDBTableDataEven {
	padding-left: 8px;
	font-size: 10px;
	font-weight:bold;
	height : 25px;
	text-align:left;
} 
.clsDBTableBG
{
	background-image:url(../images/result.gif);
	background-repeat: no-repeat;
}
.clsTableDataOdd {
	background-color : #FFFFFF;
	padding-left: 4px;
	border: 1px solid white;
	font-size: 13px;
	font-family:verdana;
	height : 25px;
	text-align:left;}

.clsTableDataEven {
	background-color :#DDDDDD;
	padding: 8px 0px 8px 12px;
	border: 1px solid white;
	font-size: 13px;
	font-family:verdana;
	height : 25px;
	background-image : url(../Images/skin1/notreq.gif);
	text-align:left;
} 
.clsTableDataEvenNP {
	background-color :#DDDDDD;
	padding-left: 8px;
	border: 1px solid white;
	font-size: 11px;
	font-family:verdana;
	height : 25px;
	text-align:left;
} 
.infospan {font-size:85%;margin-left:12px;font-weight:normal;}

.clsTableDataRequired {
	background-color :  #DDDDDD;
	padding: 8px 0px 8px 12px;
	border: 1px solid white;
	font-size: 13px;
	font-family:verdana;
	font-weight: bold;
	background-image : url(../Images/skin1/req.gif);
	background-repeat : repeat-y;
	height:25px;
	/*white-space:nowrap;*/
	text-align:left;
}
TD.clsTableSortButton{
	background: #d0d0d0;
	padding: 0px 7px 0px 0px; 
	cursor: pointer;
	cursor: hand;
}

TD.clsTableNoSortButton{
	border: buttonshadow 1px solid;
	background: #b0b0b0;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding: 1px 1px 1px 1px;
	cursor: default;
	white-space:nowrap;
	text-align:left;
}
TR.clsdataodd TD
{
	padding-left:3px;
}
TR.clsdataeven TD
{
	padding-left:3px;
}


DIV.hidescroll{
	scrollbar-face-color:#b0b0b0;
	scrollbar-highlight-color:#b0b0b0;
	scrollbar-shadow-color:#b0b0b0;
	scrollbar-arrow-color:#b0b0b0;
	scrollbar-3dlight-color:#b0b0b0;
	scrollbar-base-color:#b0b0b0;
	scrollbar-track-color:#b0b0b0;
	scrollbar-darkshadow-color:#b0b0b0;
}


TD.Sort{
	padding: 0px 0px 0px 0px;
}
.clsTableSortButton A, .clsTableSortButton A:visited {
	width:100%;
	Display:Block;
	height: 16px;
	color:black;
	text-decoration:none;
	font-weight:bold;
	background-color:white;
	vertical-align : middle;
	padding: 5px 5px 2px 4px;
	border-top: buttonhighlight 1px solid;
	border-left: buttonhighlight 1px solid;
	border-bottom: buttonshadow 1px solid;
	border-right: buttonshadow 1px solid;
	background: #d0d0d0;
}
.clsTableSortButton A:Hover{
    background-color:black;
    color:white;	
}


.clsMenu{
	font-family : Verdana, Arial, sans-serif; 	font-size : 10px;
	font-size: 12px;
	padding-left: 30px;
}
.clsMenuHeader {
		font-family : Verdana, Arial, sans-serif; 	
		font-size : 10px;
		text-align: left;
		font-size: 14px;
		font-weight: bold;
}

.clsMenuHeaderC {
		font-family : Verdana, Arial, sans-serif; 	
		font-size : 10px;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
}

.clsTableDiv { border: 2px solid black; }
.clsTotals { border-top: 1px solid black; border-bottom: 1px solid black; }
.clsTotalsHeader {	font-weight: bold;  }
.clsPrompt {
	font-size:9px;
	border: 1px solid black;
	padding-left:4px;
	padding-right: 2px;
	cursor: pointer;
	cursor: hand;
	border-top: buttonhighlight 1px solid;
	border-left: buttonhighlight 1px solid;
	border-bottom: buttonshadow 1px solid;
	border-right: buttonshadow 1px solid;
	background: #d0d0d0;	
}
.clsPrompt:hover{
	background-color: blue;
	color: white;
}
/* Filter Classes - Classes used by the Filter Panel */

.clsFilterPanelTop{
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-image : url(../Images/filterheaderbg.jpg);
	font-size:12px;
}
.clsFilterPanelBottom{
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	background-color : #AAAAAA;
}



.clsFilterPanelBottomSmall{
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	background-color : #AAAAAA;
	height: 15px;
}
.clsFilterTableHeader{
	font-weight : bold;
	font-size : 12px;
	color : white;
/*	background-image : url(../Images/filterheaderbg.jpg); */
	padding:0px 0px 0px 3px;	 
	height : 20px;
}
.clsFilterCheckBox{
	font-weight : bold;
	font-size : 10px;
	color : white;
	/* background-image : url(../Images/filterheaderbg.jpg);*/
	padding:0px 0px 0px 3px;	 
	height : 20px;
}
.clsFilterButton{
	border-top: buttonhighlight 1px solid;
	border-left: buttonhighlight 1px solid;
	border-bottom: buttonshadow 1px solid;
	border-right: buttonshadow 1px solid;
	background: #d0d0d0;
	font-size: 9px;
	color: black;
	text-decoration: none;
	text-align: center;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 2px;
	padding-bottom: 1px;
	cursor: pointer;
	cursor: hand;
	width: 100px;	
	padding-top:3px;padding-bottom:3px;padding-left:5px;padding-right:5px;
}
.clsFilterButton:hover{
	background-color : blue;
	color: white;
}
.clsSmallFilterButton{
	border-top: buttonhighlight 1px solid;
	border-left: buttonhighlight 1px solid;
	border-bottom: buttonshadow 1px solid;
	border-right: buttonshadow 1px solid;
	background: #d0d0d0;
	font-size: 9px;
	color: black;
	text-decoration: none;
	text-align: center;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 2px;
	padding-bottom: 1px;
	cursor: pointer;
	cursor: hand;
	width: 50px;	
	height: 19px;	
	vertical-align: middle;
}
.clsSmallFilterButton:hover{
	background-color : blue;
	color: white;
}



/* News Classes ---	Classes used on the news page */

.clsTableNewsHeader { font-weight: bold; font-size: 12px; padding-left: 4px; color:black; }
.clsTableNewsDate {	font-size : 9px; font-weight: bold;	padding-left: 4px; }
.clsTableNewsItem {	font-size: 12px; padding-left: 4px;	line-height : 16px;	text-align : justify; }


/*	Form Classes --- Classes used on Forms */

.clsFormButton { font-family : Verdana, Arial, sans-serif;	font-size : 11px; }
.clsFormInput {	font-family : Verdana, Arial, sans-serif; font-size : 13px;}
.clsFormInputText { font-family : Verdana, Arial, sans-serif; font-size : 13px;	text-align : left; }
.clsFormInputNum { font-family : Verdana, Arial, sans-serif; font-size : 13px; text-align : right;}
.clsFormInputDate {	font-family : Verdana, Arial, sans-serif; font-size : 13px;  text-align : left; }
.clsFormInputS { font-family : Verdana, Arial, sans-serif; font-size : 13px;display:inline;}
.clsFormInputH { font-family : Verdana, Arial, sans-serif; font-size : 13px;display:none;}
.clsQ { font-weight:bold;font-size:12px; }
.clsA {padding-left:15px;padding-bottom:10px;font-size:12px;}
/*	Buttons --- These classes are used by makeshift buttons */


.radiotemp {font-size:30px;}


a.button {
            BACKGROUND-IMAGE: url(../Images/skin1/buttonbg2.gif); 
            BACKGROUND-REPEAT: no-repeat;
            PADDING-RIGHT: 1px; 
            PADDING-LEFT: 1px; 
            FONT-WEIGHT: bold; 
            FONT-SIZE: 12px; 
            PADDING-BOTTOM: 2px; 
            WIDTH: 100px; 
            HEIGHT: 21px;
            CURSOR: pointer;
            CURSOR: hand; 
            COLOR: white; 
            PADDING-TOP: 3px; 
            TEXT-ALIGN: center; 
            TEXT-DECORATION: none;
            margin-left:2px;
            margin-right:2px;
}
input.button {
            BACKGROUND-IMAGE: url(../Images/skin1/buttonbg2.gif); 
            BACKGROUND-REPEAT: no-repeat;
            PADDING-RIGHT: 1px; 
            PADDING-LEFT: 1px; 
            FONT-WEIGHT: bold; 
            FONT-SIZE: 12px; 
            PADDING-BOTTOM: 2px; 
            WIDTH: 100px; 
            HEIGHT: 21px;
            CURSOR: pointer;
            CURSOR: hand; 
            COLOR: white; 
            PADDING-TOP: 3px; 
            TEXT-ALIGN: center; 
            TEXT-DECORATION: none;
            margin-left:2px;
            margin-right:2px;            
}
a.button:visited {
            BACKGROUND-IMAGE: url(../Images/skin1/buttonbg2.gif); 
            BACKGROUND-REPEAT: no-repeat;
            PADDING-RIGHT: 1px; 
            PADDING-LEFT: 1px; 
            FONT-WEIGHT: bold; 
            FONT-SIZE: 12px; 
            PADDING-BOTTOM: 2px; 
            WIDTH: 100px; 
            HEIGHT: 21px;
            CURSOR: pointer;
            CURSOR: hand; 
            COLOR: white; 
            PADDING-TOP: 3px; 
            TEXT-ALIGN: center; 
            TEXT-DECORATION: none;
            margin-left:2px;
            margin-right:2px;            
}

a.button:hover a{
	color:white;
}

.buttonLong, .buttonLong:visited{
    BACKGROUND-IMAGE: url(../Images/skin1/buttonlgbg.gif); 
    BACKGROUND-REPEAT: no-repeat;
            PADDING-RIGHT: 1px; 
            PADDING-LEFT: 1px; 
            FONT-WEIGHT: bold; 
            FONT-SIZE: 12px; 
            PADDING-BOTTOM: 2px; 
            WIDTH: 175px; 
            HEIGHT: 21px;
            CURSOR: pointer;
            CURSOR: hand; 
            COLOR: white; 
            PADDING-TOP: 3px; 
            TEXT-ALIGN: center; 
            TEXT-DECORATION: none;
            margin-left:2px;
            margin-right:2px;            
}
.buttonLong:hover{
	color:white;
}

.biggerbutton
{
    BACKGROUND-IMAGE: url(../Images/skin1/buttonlgbg.gif); 
    BACKGROUND-REPEAT: no-repeat;
	font-size: 10px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	text-align: center;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-top: 3px;
	CURSOR: pointer;
	cursor: hand;
	width: 175px;
	height: 21px;
    margin-left:2px;
    margin-right:2px;	
}
.biggerbutton:hover
{
	text-decoration:none;
	color:Black;
}

.clsBuilderButton{
	border-top: buttonhighlight 1px solid;
	border-left: buttonhighlight 1px solid;
	border-bottom: buttonshadow 1px solid;
	border-right: buttonshadow 1px solid;
	background: #d0d0d0;
	font-size: 10px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	text-align: center;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-top: 2px;
	CURSOR: pointer;
	cursor: hand;
	width: 75px;
}

/* XSL Stylesheets --- Styles used by the XSL Stylesheet reports */

.clsSmallRedText { color: red; }
.clsSmallRedTextBold { color:red; font-weight: bold; }


/* Treeview --- Styles used by the TreeView control */

.treeview { font-family : Verdana, Arial, sans-serif; font-size : 10px;	}


/* Filter classes ---- Used By Filter Boxes */

.hidePanel {display:none;}  
.showPanel {display:inline;}  

.hidePanelF { display:none; font-family : Verdana, Arial, sans-serif; font-size : 10px;  }
.showPanelF { display:inline; font-family : Verdana, Arial, sans-serif; font-size : 10px;  }

.clsHeading
{
	font-family : Verdana, Arial, sans-serif;
	font-size : 14px;
	font-weight:bold;
}


/* nContext Sensitive Help --- (Experimental) */

.clsConSensHelp{
	background-color : #DCDCDC;
	border : none;
	overflow : auto;
	height: 100%;
	width: 100%;
	font-size: 12;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
}


/* Tabs --- Classes for Tabs in Campaign Builder  */

.clsTab { font-family: Verdana, Helvetica, sans-serif;  font-size: 12px; font-weight:bold; }
.clsTabSel { height:21px;background : url(../Images/skin1/tabs/tab-active.gif) repeat-x;padding:0px 10px 0px 10px;font-size: 12px;font-weight:bold;font-family: Verdana, Helvetica, sans-serif;  }
.clsTabSelL { height:21px;background : url(../images/skin1/tabs/tab-active-left.gif);font-size: 12px;font-weight:bold;font-family: Verdana, Helvetica, sans-serif;}
.clsTabSelR { height:21px;background : url(../images/skin1/tabs/tab-active-right.gif);font-size: 12px;font-weight:bold;font-family: Verdana, Helvetica, sans-serif;}
.clsTabNotSel { height:21px;background : url(../Images/skin1/tabs/tab.gif) repeat-x; padding:0px 10px 0px 12px;font-size: 12px;font-weight:bold;font-family: Verdana, Helvetica, sans-serif; }
.clsTabNotSelL { height:21px;background : url(../images/skin1/tabs/tab-left.gif);font-size: 12px;font-weight:bold;font-family: Verdana, Helvetica, sans-serif;}
.clsTabNotSelR { height:21px;background : url(../images//skin1/tabs/tab-right.gif);font-size: 12px;font-weight:bold;font-family: Verdana, Helvetica, sans-serif;}
a.anchortab:visited {font-family: Verdana, Helvetica, sans-serif;  font-size: 12px; font-family:Verdana; font-weight:bold; color:black;text-decoration:none;}
a.anchortab:link {font-family: Verdana, Helvetica, sans-serif;  font-size: 12px; font-family:Verdana; color:black;text-decoration:none;font-weight:bold;}
a.anchortab:hover {font-family: Verdana, Helvetica, sans-serif;  font-size: 12px; font-family:Verdana;color:darkorange;text-decoration:underline;font-weight:bold;cursor:pointer;}




/* Calendar --- Popup calendar */

IE\:Calendar
{
    BEHAVIOR: url(../behaviors/calendar.htc);
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    HEIGHT: 220px;
    WIDTH: 200px;
    Z-INDEX: 1
}

IE\:ToolBarRTB
{
    BEHAVIOR: url(../behaviors/ToolbarRTB.htc);
    Z-INDEX: 1
}
IE\:GenericRTB
{
    BEHAVIOR: url(../behaviors/GenericRTB.htc);
    Z-INDEX: 1
}
/* Reports - Classes used in Reports */

.clsReport { font-family: Arial,Verdana,Helvetica,sans-serif; }
.clsReportHeader{ font-size: 15px; font-weight: bold; }
.clsReportSubHeader{  font-size: 13px;}
.clsReportSection{font-family: Arial,Verdana,Helvetica,sans-serif;border-left : 1px solid black;border-right : 1px solid black; border-bottom: 1px solid black;}
.clsReportSectionHeader{font-size: 12px; font-weight: bold; background-color: #DDDDDD; padding-left: 4px; border-bottom: 1px solid black; border-top: 1px solid black;}
.clsReportDataHeader{font-size: 11px; font-weight: bold; padding-left: 4px;}
.clsReportData{font-size: 11px; padding-left: 4px;}

/* Products list */

.clsProduct{font-family: Verdana, Helvetica, sans-serif;}
.clsProductTitle{font-size: 12px; color: Navy; font-weight: bold; text-decoration: underline;}
.clsProductDetail {font-size: 12px;}	
.clsPricingStrike{  color: black;  font-size: 12px;text-decoration : line-through; } 
.clsPricingHeader{ color: #FF7F50; font-weight: bold; font-size: 12px;} 
.clsPricingDetail{color: black; font-size: 12px;  font-weight: bold;}

/* Classes for HTML Editor */

.HTMLButton{
	border-top: #D3D3D3 1px solid;
	border-left: #D3D3D3 1px solid;
	border-bottom: #D3D3D3 1px solid;
	border-right: #D3D3D3 1px solid;
	background: #d0d0d0;
	font-size: 10px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	text-align: center;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-top: 0px;
	cursor: pointer;
	cursor: hand;
	height:18px;
}
.HTMLButton:hover{
	border-top: buttonhighlight 1px solid;
	border-left: buttonhighlight 1px solid;
	border-bottom: buttonshadow 1px solid;
	border-right: buttonshadow 1px solid;
}
.sep 
{
	border: 1px inset; 
	width: 1px; 
	font-size: 19px; 
	height: 19px; 
	margin: 0 2 0 2;
}
.HTMsel
{
	border: 1px dashed red;	
}
.HTMdiv
{
	background-color : white;
	overflow : auto;
	border: 2px solid blue;
	margin-left: 2px;
	margin-right:2px;
	margin-top:1px;
	margin-bottom:2px;
}

/* Wizard Classes */

.wizbg{
	background-color : #DCDCDC;
	border-left: 2px solid ThreedLightShadow;
	border-right: 2px solid ThreedDarkShadow;
	 border-bottom: 2px solid ThreedDarkShadow;
	 border-top: 2px solid ThreedLightShadow;
}

/* HTML Bar Graph */
.clsSurveyOn { background-color:#4455AA; height:16px; width:1px; }
.clsSurveyOff {background-color:LightGrey; height:16px; width:1px; }
.clsSurveyTable { border-width:0px; width:350; }
.clsSurveyTable1 {background-color:White;}
.clsSurveyGraphCaption {background-color:lightsteelblue;font-size : 12px;font-weight:bold;}
.clsSurveyGraphSubCaption {text-align:left;background-color:white;font-size : 11px;font-weight:bold;}
.clsSurveyGraphFooterCaption {text-align:left;background-color:white;font-size : 11px;font-weight:bold;}
.clsFixedTable {table-layout: fixed;}
.clsSurveyTableBorder { border:1px solid #AAAAAA }




/* New Styles Added - September 2007 */

.clsFooterPagingBar {
	 BACKGROUND-IMAGE: url(../images/skin1/bottombarbg.gif); COLOR: white;
	 background-position:top;
	 background-repeat:repeat-x;
}
.clsFooterNavBarL {padding-top:5px;}
.clsFooterNavBarR {padding-top:24px;}


.clsFooterPagingBar-L {
	 FONT-SIZE: 1px; padding-top:0px;
}
.clsFooterPagingBar-R {
	 FONT-SIZE: 1px; padding-top:4px;
}


.MMDescription
{
	font-family:helvetica;
	font-size:12px;
	color:Black;
	text-align:left;
}
.classicbutton, .classicbutton:visited 
{
           border-top: buttonhighlight 1px solid;
	border-left: buttonhighlight 1px solid;
	border-bottom: buttonshadow 1px solid;
	border-right: buttonshadow 1px solid;
	background: #d0d0d0;
	font-size: 10px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	text-align: center;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-top: 2px;
	cursor: pointer;
	cursor: hand;
	width: 50px;
}
.hand {
	cursor: pointer;
	cursor: hand;
}



/* Border Classes  --- Used by Tables */

.clsBorderAll {	border: 1px solid black; }


/* Report Classes --- Classes used in all reports */

.clsHeading {
	font-weight : bold;
	font-size : 16px;
	padding:2px 2px 2px 2px;
}
.clsHeadingDetail {
	font-weight : bold;
	font-size : 11px;
	padding:2px 2px 2px 2px;
}
.clsColHead{
	font-weight : bold;
	font-size : 11px;
	padding:2px 2px 2px 2px;
	text-decoration:underline;
}
.clsData{
	font-size : 11px;
	padding:2px 2px 2px 2px;
	text-alignment:left;
}
.clsFoot{
	font-weight : bold;
	font-size : 9px;
	padding:2px 2px 2px 2px;
	border-top:3px solid black;	
}
.clsLine{
	height: 2px;
	background-color: black;
	font-size:1px;
}
.clsEndOfReport{
	font-family: sans-serif;
	font-weight : bold;
	font-size: 12px;
}
.clsTotRow{
	border-top: double 3px black;
	border-bottom: double 3px black;
	font-weight:bold;
}

legend {font-family:verdana;font-size:12px;font-weight:bold;}
fieldset {width:95%;margin-left:10px;margin-right:10px;}
fieldset table {width: 100%}
fieldset td {font-family:verdana;font-size:12px;}
fieldset img {padding-right:10px;}

.clsInformation {font-family:verdana;font-size:12px;}

/* default layout */
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* xp theme */
.ajax__tab_xp2 .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:12px;font-weight:bold;background:url(../images/skin1/tabs/tab-line.gif) repeat-x bottom;}
.ajax__tab_xp2 .ajax__tab_outer {padding-right:4px;background:url(../images/skin1/tabs/tab-right.gif) no-repeat right;height:21px;}
.ajax__tab_xp2 .ajax__tab_inner {padding-left:3px;background:url(../images/skin1/tabs/tab-left.gif) no-repeat;}
.ajax__tab_xp2 .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(../images/skin1/tabs/tab.gif) repeat-x;}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_outer {background:url(../images/skin1/tabs/tab-hover-right.gif) no-repeat right;}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_inner {background:url(../images/skin1/tabs/tab-hover-left.gif) no-repeat;}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_tab {background:url(../images/skin1/tabs/tab-hover.gif) repeat-x;}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_outer {background:url(../images/skin1/tabs/tab-active-right.gif) no-repeat right;}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_inner {background:url(../images/skin1/tabs/tab-active-left.gif) no-repeat;}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_tab {background:url(../images/skin1/tabs/tab-active.gif) repeat-x;}
.ajax__tab_xp2 .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10px;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

/* HTML Bar chart */

.clear{
    clear:both;}
 
.chtgraphcont {
padding-top:10px;
color:#000;
font-weight:700;
float:left
}
 
.chtgraph {
float:left;
margin-top:10px;
background-color:#cecece;
position:relative;
width:280px;
padding:0
}
 
.chtgraph .chtbar {
display:block;
position:relative;
background-image:url(../images/bar1graph.gif);
background-position:right center;
background-repeat:repeat-x;
border-right:#538e02 1px solid;
text-align:center;
color:#fff;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.9em
}
 
.chtgraph .chtbar span {
position:absolute;
left:1em
}

/* Bar chart */