/* HTML Tag Class */
	fieldset { padding: 5px 5px 5px 20px; width: auto; }
	hr { padding: 5px 0 5px 0; margin-top: 5px; }
	
	
/* Basic CSS Layout Class */
	.clear { clear: both; }
	.column { float: left; margin: 10px 10px 0 0; }
	.column_right { float: right; margin: 10px 10px 0 0; }
	.indent { margin-left: 2.0em; }
	.indent_small { margin-left: 10px;}
	.buttons { padding: 5px; }
	
	.visible_block { display:block; visibility:visible; }	
	.hidden { display:none; visibility:hidden; }
	
/* Zip Calls Logo Classes */
	.my { color:#f47119; }
	.wizardBox .header .my { color:#fff; }
	.zip { font-size:1.1em; }
	.zipnav { font-size:1.2em; }
	
/* Generic classes */
	.required { font-weight: bold; font-size: 14px; margin: 3px 0px 3px 0px; color:Red; }
	.small		{ font: 0.9em Lucida Sans; }
	.message	{ font: 0.9em "Lucida Grande", "Lucida Sans Unicode"; color: #C00; font-weight: bold; }
	.error-message { font: 10px "Lucida Grande", "Lucida Sans Unicode";
		color: #C00;
		font-weight: bold;
		border-width: 0px; }
	.sm_message	{ font: 0.7em "Lucida Grande", "Lucida Sans Unicode"; color: #C00; font-weight: bold; }

	.message-box-warning {
		border: solid 1px #900; background-color: #fee; padding: 10px 10px 10px 35px;
		width: 663px; color: #600; text-align: left;
		margin: auto 0 5px 0; font-size: 0.9em; background-image: url(icons/error.png);
		font-weight: bold; font-family: Trebuchet MS;
		background-position: 10px center; background-repeat: no-repeat;
	}
	
	.message-box-ok {
		border: solid 2px #6087FF; background-color: #E0E6FF; padding: 10px 10px 10px 35px; width:auto; 
		color: #222; margin-bottom: 5px; font: 0.9em;
		background-image: url(icons/information.png); background-position: 12px 11px;
		background-repeat: no-repeat;
		font-weight: bold; font-family: Trebuchet MS;
		width: 663px;
	}
	
	.wizardBox {
		text-align:left; background-color: #3864AF; border: 0px;
		width: 712px;
		margin-left: 0; margin-right: 0;
	}
	.wizardBox .header { background-color: #F47721; padding: 7px 10px 10px 30px;
		height: 21px; color: #fff; border: 0px; background-image: url(images/bg_box_title.jpg); }
	.wizardBox .header h3, .wizardBox .header h4 { font: 18px Trebuchet MS; float: left; font-weight: bold; margin-top: 1px; }
	.wizardBox .header a,
		.wizardBox .header a:link,
		.wizardBox .header a:visited,
		.wizardBox .header a:hover
		{
			font-size: 14px; float:right; color: #fff; margin: -0px 10px 0; vertical-align:top; padding:0px;
		}
	.wizardBox .body { padding: 7px 30px 7px 30px; clear: both; height: auto; color: #fff; font-size: 13px;}
	.wizardBox .footer { background-color: #FFFFFF; height: 23px;
		background-image: url(images/bg_box_footer.jpg); background-repeat: no-repeat; }

	.row, .row td, .row table, .row table td  { background-color: #3864AF; font-size: 12px; cursor: pointer; }
	.row_alt, .row_alt td, .row_alt table, .row_alt table td { background-color: #4f85e0; font-size: 12px; cursor: pointer; }
	
	.row_hover { background-color: #F47721; font-size: 12px; cursor:pointer; }

	.image_wrapper { padding: 2px; width: 45px; height: 45px;
		float: left; margin-right: 10px; }


/* Help classes */
	.help_box { border: solid 1px #1C3294; background-color: #fff;
							padding: 5px; width:auto; color: #222; width: 400px;
							font-size: 12px; line-height: 1.2em; margin-top: -5px;
							position:absolute; z-index:100; }
	.help_box button { font-size: 0.8em; cursor: pointer; }

/* Layout classes */
	.add-new-box { border: solid 1px black; padding: 5px; width:320px; background-color: White;
		margin-left: auto; margin-right:auto; }
	.box { border: solid 3px #ffa; padding: 5px; width:auto; background-color: #ffd; line-height: 1.8em;}	


	/* tables */
	.th { font-weight: bold; font: 1.1em Lucida Sans, Trebuchet MS; color: #000; }

		
	/**** sort classes ****/
	.sort-arrow  { padding: 3px 3px 0px 5px; }
			
	.loader {
		position:absolute;
		z-index: 100;
		text-align:center;
		left:40%;
		background-color:#fff;
		width:10em; height:10em;
		border: solid 1px #444;
	}
	.loader img { padding-top: 50px; }
	
	
	/**** Table Classes ****/
		table.border { border-style: solid; border-color: #000; border-width: 1px 2px 2px 1px; }
		table.border th { font: 1.2em trebuchet ms; color: #FFF; text-align:left; padding: 3px 3px 3px 5px;
			background-color: #F47721;}
			
		table.list{ width: 100%; padding: 0px; background-color: #4f85e0; color:#FFF;
			border-style: solid; border-color: #000; border-width: 0px 1px 1px 1px;
		}

		table.list th {
			font: 1.3em trebuchet ms; color: #FFF; text-align:left; padding: 3px 3px 3px 5px;
			background-color: #5D1A21;
			background-image: url(images/th-bg.png);
			height: 19px;
			border-right: solid 1px black;
		}
		table.list th a{ margin-right: 23px; font-family: Arial, Helvetica, sans-serif; color: #FFF; }
		table.list th a:visited{ color: #FFF; text-decoration:none; font-weight	:bold; }
		table.list th a:visited:hover{ color: #f47119; text-decoration:none; font-weight	:bold; }
		table.list th.selected {
			font: 1.3em trebuchet ms; color: #FFF; text-align:left; padding: 3px 3px 3px 5px;
			background-color: #5D1A21;
			background-image: url(images/th-bg-selected.png);
			height: 26px;
		}
		table.list th.selected a { margin-right: 0px; }
		
		table.list td { text-align:left; vertical-align:top; padding: 3px 5px 3px 5px;
			border: solid 0px black; }
		table.list td a { font-weight: bold; color: #ddd; }
		
		/* For the headers */
		div.list { padding: 5px 3px 3px 5px; color: #FFF; width: 690px;
		          background-color: #a43643; height: 26px; margin: 0px; border-left: 1px solid #5D1A21; }
		div.list h1 { font: 1.2em trebuchet ms; text-align:left; float:left;  }
		div.list .actions{ float: right; padding: 4px 5px 0; }
		div.list .actions a { color: #ddd; }