/* Elements  --- These are standard HTML elements used on every page.  */
body {	font-family : Verdana, Arial, sans-serif; 	font-size : 10px;	margin-left : 0px;	margin-top : 0px;	margin-right : 0px;}
IMG{border:0px;}
.clsTextBold { font-weight:bold; }
TABLE #properties {	font-size : 9px; }
a.clsSmallLink {color : blue;	text-decoration: none;	font-size: 9px; }
.clsErrorMsg {color: Red; font-size:9px;font-weight:bold;}

/**/
/* Button style start*/
/**/
         .btnContain
        {
        	padding:5px;
        	float:right;
        }
        .ie6
        {
	        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/skin1/gloss.png', sizingMethod='scale');
        }
        .glossBtn
        {
            vertical-align:text-bottom;        	
            background-image:url(../images/skin1/gloss.png);
            background-position:left center;
            background-repeat:repeat-x;
            background-attachment:scroll;
            border-style:solid;
            border-width:1px 0pt;   
                     
        }
        .glossBtn .inner
        {
            border-style:solid;
            border-width:0pt 1px;
            margin:0pt -1px;
        }
        .glossBtn .inner INPUT
        {
            background-color:transparent;        	
            margin:0px;
            border-style:solid;
            border-width:1px;
            cursor:pointer;
            overflow:visible;
        }
        
        .dark-theme .glossBtn,
        .dark-theme .glossBtn .inner
        {
        	border-color:#0A0A0A;
        }
        .dark-theme .glossBtn .inner INPUT
        {
            border-color:#444041;
            color:#fff;
            padding:4px 10px;
        }
        /**/
        /* Button style end*/
        /**/

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

.clsPT {font-family:Verdana;font-size:10px;}
legend {font-family:Verdana;font-size:10px;}

.clsMenuItem
{
	text-decoration: underline; 
	color: black; 
	cursor : hand;
	font-family: Arial;
	font-size:11; 
	font-weight:bold;
}
.clsMenuCell 
{
	DISPLAY: none; 	
	BACKGROUND: white; 	
	PADDING-BOTTOM: 0px; 
	WIDTH: 150px; 	
	POSITION: absolute;	
	border : 1px solid #AAAAAA;
	color:#000099; 
}
A.MenuOff {
	PADDING: 2px 4px 2px 4px;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	FONT-FAMILY: 'arial'; 
	BACKGROUND: black; 
	WIDTH: 100%; 
	CURSOR: hand; 
	BORDER-BOTTOM: black 1px solid; 
	HEIGHT: 15px; 
	TEXT-DECORATION: none;
	COLOR: white;
}
A.MenuOff:Hover{
	color :black; 
	BACKGROUND-color: white; 
	TEXT-DECORATION: underline;
}
A.MenuOff:Visited{
	color :black; 
	background-color:white;
}
A.MenuOff:Visited:Hover{
	color:black;
	background-color:white;
}
A.redtext
{
	color:Red;
}
A.redtext:Hover
{
	color:darkgray;
}
A.redtext:Visited
{
	color:Red;
} 
 
.clsMainMenu{ padding-left: 10px; padding-right: 10px; }
.clsMainMenuTable{ 	background: #f4f4f4; }
.MenuFill{padding-left: 4px; padding-right: 4px; }
.MenuMain{padding-left: 10px; padding-right: 10px;background-image : url(../Images/mnubg.gif)}
.MenuWrap{padding-left: 12px; padding-right: 8px;background-image : url(../Images/mnubg.gif)}

/* Poll Classes */

.clsPollOn { background-color:#4455AA; height:16px; width:5px; }
.clsPollOff {background-color:LightGrey; height:16px; width:5px; }
.clsPollTable {	border-width:0px; width:60px; border-collapse:collapse; }
.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;font-family:Verdana;font-size:10;}
.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:"#FFFFF6"; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black;  }
.clsTablePagingInfoBarButtons { background : url(../Images/curve.gif) no-repeat;  }
.clsTablePagingInfoBarNoButtons { }
.clsTablePagingInfoBarButtonsSm { background : url(../Images/curvesm.gif) no-repeat;  }

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

.clsTableHeader {
	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:6px 2px 7px 5px;
}
.clsTableHeaderLeft /* Used for split header */
{
	font-weight : bold;
	font-size : 11px;
	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:6px 2px 7px 2px;
}
.clsTableHeaderRight /* Used for split header */
{
	font-weight : bold;
	font-size : 11px;
	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:6px 2px 7px 5px;
}
.clsTableHeaderMid /* Blank at both sides */
{
	font-weight : bold;
	font-size : 11px;
	color : white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-image : url(../Images/skin1/tableheaderbg.gif);
	padding:2px 2px 2px 2px;
}

.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;
}
.clsTableDataOdd {
	background-color : #FFFFB9;
	padding-left: 4px;
	border: 1px solid white;
	font-size: 10px;
	height : 20px;
}
.clsTableDataEven {
	background-color :#FFCE86;
	padding-left: 8px;
	border: 1px solid white;
	font-size: 10px;
	height : 25px;
	background-image : url(../Images/notreq.gif);
} 
.clsTableDataEvenNP {
	background-color :#FFCE86;
	padding-left: 8px;
	border: 1px solid white;
	font-size: 10px;
	height : 25px;
} 
.clsTableDataRequired {
	background-color :  #FFCE86;
	padding-left: 8px;
	border: 1px solid white;
	font-size: 10px;
	font-weight: bold;
	background-image : url(../Images/req.gif);
	background-repeat : repeat-y;
	height:25px;
}
TD.clsTableSortButton{
	background: #d0d0d0;
	padding: 0px 0px 0px 0px; 
	cursor: hand;
	font-size: 10px;
	font-weight: bold;
}

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




TD.Sort{
	padding: 0px 0px 0px 0px;
}
.clsTableSortButton A, .clsTableSortButton A:visited {
	width:100%;
	height: 20px;
	color:#00F;
	text-decoration:none;
	font-weight:bold;
	background-color:white;
	vertical-align : middle;
	padding: 3px 2px 0px 2px;
	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:#00f;
    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;
		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: 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;
}
.clsFilterPanelBottom{
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color : #EECECE;
}
.clsFilterPanelBottomSmall{
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color : #87CEEB;
	height: 15px;
}
.clsFilterTableHeader{
	font-weight : bold;
	font-size : 10px;
	color : white;
	background-image : url(../Images/filterheaderbg.gif);
	padding:0px 0px 0px 3px;	 
	height : 20px;
}
.clsFilterCheckBox{
	font-weight : bold;
	font-size : 10px;
	color : white;
	background-image : url(../Images/filterheaderbg.gif);
	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: hand;
	width: 100px;	
	height: 19px;	
}
.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: 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 : 10px; }
.clsFormInput {	font-family : Verdana, Arial, sans-serif; font-size : 10px; }
.clsFormInputText { font-family : Verdana, Arial, sans-serif; font-size : 10px;	text-align : left; }
.clsFormInputNum { font-family : Verdana, Arial, sans-serif; font-size : 10px; text-align : right;}
.clsFormInputDate {	font-family : Verdana, Arial, sans-serif; font-size : 10px;  text-align : left; }
.clsFormInputS { font-family : Verdana, Arial, sans-serif; font-size : 10px;display:block;}
.clsFormInputH { font-family : Verdana, Arial, sans-serif; font-size : 10px;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 */

div.button {
           BACKGROUND-IMAGE: url(../Images/skin1/buttonbg2.gif); 
            BACKGROUND-REPEAT: no-repeat;
            PADDING-RIGHT: 1px; 
            PADDING-LEFT: 1px; 
            FONT-WEIGHT: bold; 
            FONT-Family: Verdana;
            FONT-SIZE: 12px; 
            PADDING-BOTTOM: 2px; 
            WIDTH: 100px; 
            HEIGHT: 21px;
            CURSOR: hand; 
            COLOR: white; 
            PADDING-TOP: 3px; 
            TEXT-ALIGN: center; 
            TEXT-DECORATION: none;
            margin-left:2px;
            margin-right:2px;
            float:right;
}
/*	Buttons --- These classes are used by makeshift buttons */

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: 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: 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: 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: 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: 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: 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:block;}  


.clsHeading
{
	font-family : Verdana, Arial, sans-serif;
	font-size : 14px;
	text-align : center;
	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  */

.clsTabLine { border-bottom:2px solid black;}
.clsTabSel { background : url(../Images/TabSel.gif) repeat-x;  }
.clsTabNotSel { background : url(../Images/TabNotSel.gif) repeat-x;  }

a.clsTab { font-weight : bold;	color : blue;	text-decoration: none;	font-size: 10px; }
a.clsTab:hover { color : blue;	text-decoration : underline; }
a.clsTab:visited:hover{ color : blue;	text-decoration : underline; }

/* 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: 20%;
    Z-INDEX: 1
}

IE\:ToolBarRTB
{
    BEHAVIOR: url(../behaviors/ToolbarRTB.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;}

.HTMLButton{
	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: 1px;
	padding-top: 0px;
	cursor: hand;
	height:25px;
}
.HTMLButton:hover{
	border-top: buttonshadow 1px solid;
	border-left: buttonshadow 1px solid;
	border-bottom: buttonhighlight 1px solid;
	border-right: buttonhighlight 1px solid;
}

/* 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;
}