.input {border: 1px solid #28428B; font: 12px Verdana; padding: 2px}
.checkbox {position: relative; top: 3px;}
.importantDropDown, .importantLabel {font: bold 14px Arial}

   
.button, .buttonSmall {font-weight: bold; border-top: 1px solid #DDD; border-left: 5px solid #46A337;
border-right: 1px solid #666; border-bottom: 1px solid #666; cursor: pointer; padding: 0px 10px}
.buttonSmall {font-size: 11px}
.buttonSmallSecondary { border-top: 1px solid #DDD; border-left: 1px solid #DDD;
border-right: 1px solid #666; border-bottom: 1px solid #666;
margin-top: 10px; color: #000; background: #DEDEDE; cursor: pointer; font-size: 11px}
.button:hover, .buttonSmall:hover {background: #46A337; color: #FFF}

A.buttonSecondary {margin-left: 20px; font-weight: bold; color: #333}
A.buttonSecondary:hover {background: red; color: #FFF}

.toolTip {position:absolute;
	z-index:20;/*any value*/
	overflow:hidden;/*must have*/
	margin-left:10px;}
	
.selectFree .content {border: 1px solid #507CB6; padding:10px; height: 80px;}

/*
    !!!Hack for IE to make layer position over drop downs.
*/	
.selectFree {display: none; font: 10px Verdana; z-index: 2000; background : #C1DAF0;  width: 200px}

.selectFree IFRAME
{
	display:none;/*sorry for IE5*/ 
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:200px;/*must have for any big value*/
	height:300px/*must have for any big value*/;
}

.code {padding: 10px; border: 1px dashed #666; background: #EEE}