/* General CSS used by ITW Modules */

html, body, p, ul li, a, SPAN.anchorstyle, code { font: 13px/17px Arial, Helvetica, "sans-serif ";text-align: left; }


/* Login panel (appears at top of every page) 
#LoginPanelAnchor {position:relative; z-index:0;   }
#LoginPanel {position: absolute; top: -110px; z-index:1; right:0px; width:500px; }*/
.LoginPanelFont {font-size: 12px !important; color: #ffffff; }

/* ------ Default Table settings (with border) ---- */
/*table.defaultTbl, table.defaultTbl tr td, table.defaultTbl th {border-color:#fff; border-style:solid;}  used for solid border */
table.defaultTbl {background-color: transparent; border-width: 0 0 1px 1px; border-spacing: 0; border-collapse: collapse;  }
table.defaultTbl tr td, table.defaultTbl th {margin: 0; padding: 3px; border-width: 1px 1px 0 0; background-color:transparent;}
table.defaultTbl tr.hd td , table.defaultTbl tr.ft td, table.defaultTbl th {/*background-color:#40d121; color: #fff;*/ } /* see h1 for more style info, see normal for more style info  */ 
table.defaultTbl tr.d0 td {/*background-color:#bcfdaf;*/} /* see normal for more style info */
table.defaultTbl tr.d1 td {/*background-color:#cefdc4;*/}/*see normal for more style info*/

/* ------ Default Form settings (with border) ---- */
/*table.defaultFrm, table.defaultFrm tr td, table.defaultFrm th {border-color:#fff; border-style:solid;}  used for solid border */
table.defaultFrm {background-color: transparent; border-width: 0 0 1px 1px; border-spacing: 0; border-collapse: collapse; margin: 0 auto;  }
table.defaultFrm tr td, table.defaultFrm th {margin: 0; padding: 3px; border-width: 1px 1px 0 0; background-color:transparent; }
table.defaultFrm tr.hd td , table.defaultFrm th {display:none;}
table.defaultFrm tr.hd td , table.defaultFrm tr.ft td, table.defaultFrm th {/*background-color:#40d121; color: #fff;*/ } /* see h1 for more style info, see normal for more style info  */ 
table.defaultFrm tr.d0 td {/*background-color:#bcfdaf;*/} /* see normal for more style info */
table.defaultFrm tr.d1 td {/*background-color:#cefdc4;*/}/*see normal for more style info*/


/* simple table */
table.simple {border-width: 0 0 0 0; border-spacing: 0; border-collapse: collapse; text-align:left;  }
table.simple tr td, table.simple tr.hd td, table.simple th td {margin: 1px; padding: 1px; border-width: 0 0 0 0; text-align:left;  }


/* Help flyout style */
.HelpPanel{width:200px;border:1px solid #666666;background-color:#E0E0E0;}
table.HelpTable tr td {text-align:left; background-color: #E0E0E0; padding:8px 8px 8px 8px; border:none 0px; }

/* flyout style */
.flyPanel{border:1px solid #0f75bc;background-color:#DEE6EB; }

/* help flyouts */
.HelpfulFlyout {            	        	
	height:240px;
	background-color: #FFFFFF;             
    border:1px solid #B3D9FF;   
    border-bottom:0;
    padding:10px;           
    overflow:auto;
}       
.HelpfulFlyoutFooter    
{                   	        	        	
	background-color:#F3F9FF; 
	border:1px solid #B3D9FF;           
    /*border-right:1px solid #B3D9FF;                
    border-top: 1px solid #B3D9FF;                */
    padding:10px;   
    clear: both;   
    height:20px;               
}
.alignLeft{float: left; display:block;}
.alignRight{float: right; display:block;}
/*.HelpfulFlyoutFooter, .HelpfulFlyoutFooter span.anchorstyle {color:#ffffff}*/
.HelpfulFlyout, .HelpfulFlyoutFooter {width: 400px}


/* Highlight control - used by Custom Validation */
.highlighted{
    background: #FFFF99;   
}
/* Used by jquery.highlight.js */
.highlight {
    background-color: #FFFF88;
}

.disabled
{
    color: Gray ;
    }

.form-spacer {margin-bottom:10px;}

span.anchorstyle {	
	color: #034af3;
	text-decoration: underline;
	cursor: pointer;
}

span.anchorstyle:hover {	
	color: #1d60ff;
	text-decoration: none;
	cursor: pointer;
}
.hidden{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}
.required { color:Red }

/* used to hide user control placeholder throughout the site, while showing it in CMS editor*/
.user_control {display:none;}

.tab
			{
			    float: left;
			    width: 20px;
			    font-size: 10px;
			    font-family: Verdana;
			}
			
.activateButton-highlightOn{color: #00C800 !important;}
.activateButton-lowlight{color: #68A3D0 !important;}
.activateButton-highlightOff{color: Red !important;}


.jsSlide {position: relative; top: 0px; left: 0px; width: 600px; height: 300px;margin: 0 auto;}
.jsSlideContainer {cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 600px; height: 300px;}