/*
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;
		border: 1px solid #4c5832;
	}
	
	div.clear
	{
		clear: both;
	}
	
	div.slideshow
	{
		width:  900px;
		height: 251px;
	}
	
	/* Padding one-offs *****************************/
	.pad
	{
		padding: 10px;
	}
	
	/* Tooltips *************************************/
	div.tooltip
	{
		position: absolute;
		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;
	}
	
	td.listItemTop
	{
		padding:    3px;
		border-top: 1px solid #dedede;
	}
	
	td.listSubItem
	{
		padding: 3px 3px 3px 24px;
	}
	
	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.formLabel2
	{
		text-align:       right;
		padding:          3px;
		width:            12%;
		white-space:      nowrap;
	}	
	
	td.formField
	{
		padding: 3px;
		width:   83%;
	}
	
	/* 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;
	}
	
	/* Calendar *************************************/
	
	td.calDay
	{
		width:      14%;
		border:     1px solid #c8c8c8;
		text-align: center;
	}
	
	td.calDate
	{
		height:         80px;
		width:          14%;
		border:         1px solid #c8c8c8;
		vertical-align: top;
		padding:        0 2px;
	}
	
	a.calNav
	{
		font-size:   10px;
		font-weight: normal;
		color:       #000;
	}
	
	table.infotip
	{
		width:  400px;
		margin:  0px;
		padding: 0px;
		border:  0px;
		border-collapse: collapse;
	}
	
	div.infotip
	{
		background-image:  url( ../images/shadow.png );
		background-repeat: repeat;
		width:             400px;
		position:          absolute;
	}
	
	div.infotip div.content
	{
		background-color: #fff;
		padding:          5px;
		position:         relative;
		top:              -3px;
		left:             -3px;
	}
	
	.formTop
	{
		vertical-align:top;
	}
	
	
}
