/*
Name:        misc.css
Author:      Kyle Brickman, Kurt Jull
Description: CSS miscellaneous definitions
Created:     24 March 2009
Notes:       This file should contain ONLY definitions for miscellaneous items
*/

@media all
{
	/* Miscellaneous ********************************/
	table.basic
	{
		margin:  0px;
		padding: 0px;
		width:   100%;
	}
	
	table.basic1
	{
		margin:  0px;
		padding: 0px;
		width:   300px;
	}
	table.basicAdmin
	{
		margin:  0px;
		padding: 0px;
		width:   600px;
	}
	
	/* Padding one-offs *****************************/
	.pad
	{
		padding: 10px;
	}
	
	.right
	{
		float: right;
	}
	
	.iconPad
	{
		vertical-align:	top;
		margin-bottom:	7px;
	}
	
	.socialPad
	{
	 	padding-left:	10px; 
		vertical-align:	top;
		color:			#333333;
		font-size:		12px;
		vertical-align:	top;
	}
	
	/* Tooltips *************************************/
	div.tooltip
	{
		position: absolute;
		display:  none;
		width:    300px;
		padding:  3px;
		z-index:  30;
	}
	
	table.tooltip
	{
		border-collapse:  collapse;
		background-color: #ebebeb;
		border:           1px solid #000;
		color:            #333;
		height:           100%;
		width:            100%;
		margin:           0px;
		padding:          0px;
	}
	
	
	/* List layout **********************************/	
	td.listHeader
	{
		padding:          3px;
		font-weight:      bold;
		background-color: #dedede;
	}
	
	td.listItem
	{
		padding:       3px;
		border-bottom: 1px solid #dedede;
	}
	
	div.listBack
	{
		float: left;
	}
	
	div.listAdd
	{
		float: right;
	}
	
	ul.listSortable
	{
		margin:  0;
		padding: 0;
	}
	
	ul.listSortableItem
	{
		margin:          0;
		padding:         0;
		list-style-type: none;
	}
	
	img.standard
	{
		width:          13px;
		height:         13px;
		vertical-align: middle;
	}
	
	/* Form layout **********************************/	
	td.formHeader
	{
		text-align:       center;
		padding:          3px;
		font-weight:      bold;
		background-color: #dedede;
	}
	
	td.formToolbar
	{
		text-align:       left;
		padding:          3px;
		background-color: #dedede;
	}
	
	td.formLabel
	{
		text-align:       right;
		padding:          3px;
		width:            12%;
		background-color: #eee;
		white-space:      nowrap;
	}
	
	td.formField
	{
		padding: 3px;
		width:   88%;
		background-color: #fbfbfb;
	}
	
	td.formFieldHalf
	{
		padding: 3px;
		width:   38%;
	}
	
	/* Form inputs **********************************/	
	input.large, select.large
	{
		width: 350px;
	}
	
	input.medium, select.medium
	{
		width: 175px;
	}
	
	input.small, select.small
	{
		width: 85px;
	}
	
	input.tiny, select.tiny
	{
		width: 40px;
	}
	
	input.save
	{
		float: right;
		width: 150px;
		font-size: 10px;
	}
	
	input.back
	{
		float: left;
		width: 150px;
		font-size: 10px;
	}
	
	
	
	

/* Testimonials **********************************/	
.bannerBG {
	background-image:url(/images/callback.gif);
 	background-repeat:no-repeat;
	background-position:top left;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	
	background-color:#eee;
	padding:0px;
	width:185px;
	height:200px;
	margin:0;
	text-align:left;
	position:relative;
	overflow:hidden;
}

.bannerBG div{
  display:none;
  position:absolute;
  top:0px;
  left:0px;
}
.bannerBG div.active{
  display:block;
  padding:15px;
  width:160px;
}	
	
	
	
	
}