/*
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%;
	}
	
	div.clear
	{
		clear: both;
	}
	
	td.adminCol
	{
		background-color: #f0dba3;
		padding:          5px;
		width:            50%;
		vertical-align:   top;
		border-top:       5px solid #fff;
		text-align:       center;
		line-height:      18px;
	}
	
	img.stroke
	{
		border: 1px solid #7f7f7f;
	}
	
	div.cover
	{
		position:         absolute;
		top:              0px;
		left:             0px;
		overflow:         hidden;
		width:            100%;
		height:           101%;
		background-color: #000;
		z-index:          15;
		text-align:       center;
	}
	
	/* Padding one-offs *****************************/
	.pad
	{
		padding: 18px;
	}
	
	.whiteCategory
	{
		background-color: #fff;
		min-height:       970px;
	}
	
	.whiteProduct
	{
		background-color: #fff;
		min-height:       685px;
	}
	
	div.membership
	{
		background-color: #754c23;
		vertical-align:   top;
		color:            #fff;
		text-align:       center;
		padding:          18px;
	}
	
	div.membership a
	{
		color: #fff;
	}
	
	/* 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: #f0dba3;
		border-top:       4px solid #fff;
		border-bottom:    4px solid #fff;
	}
	
	td.listItem
	{
		padding:       3px;
		border-bottom: 2px solid #fff;
	}
	
	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.sortable
	{
		margin:     0;
		padding:    0;
		list-style: none;
	}
	
	ul.sortable li.item
	{
		padding:    3px;
		border-top: 2px solid #fff;
		padding-left: 13px;
	}
	
	img.standard
	{
		width:          13px;
		height:         13px;
		vertical-align: middle;
	}
	
	/* Form layout **********************************/	
	td.formHeader
	{
		text-align:       center;
		padding:          3px;
		font-weight:      bold;
		background-color: #f0dba3;
		border-top:       4px solid #fff;
		border-bottom:    4px solid #fff;
	}
	
	td.formToolbar
	{
		text-align:       left;
		padding:          3px;
		background-color: #dedede;
	}
	
	td.formLabel
	{
		text-align:       right;
		padding:          3px;
		width:            12%;
		white-space:      nowrap;
	}
	
	td.formField
	{
		padding: 3px;
	}
	
	/* Form inputs **********************************/	
	select.large
	{
		width: 350px;
	}
	
	select.medium
	{
		width: 150px
	}
	
	select.small
	{
		width: 85px;
	}
	
	select.tiny
	{
		width: 40px;
	}
	
	input.large
	{
		width:            290px;
		height:           14px;
		border:           0;
		padding:          10px 10px;
		background:       none;
		background-image: url( ../images/form/text_large.png );
	}
	
	input.medium
	{
		width:            140px;
		height:           14px;
		border:           0;
		padding:          10px 10px;
		background:       none;
		background-image: url( ../images/form/text_medium.png );
	}
	
	input.small
	{
		width:            65px;
		height:           14px;
		border:           0;
		padding:          10px 10px;
		background:       none;
		background-image: url( ../images/form/text_small.png );
	}
	
	input.tiny
	{
		width:            36px;
		height:           14px;
		border:           0;
		padding:          10px 10px;
		background:       none;
		background-image: url( ../images/form/text_tiny.png );
	}
	
	input.save
	{
		float: right;
		width: 150px;
		font-size: 10px;
	}
	
	input.back
	{
		float: left;
		width: 150px;
		font-size: 10px;
	}
	
	/* Store ****************************************/
	table.store
	{
		margin:  0px;
		padding: 0px;
		width:   100%;
		border:  2px solid #000;
		border-collapse: separate;
	}
	
	table.store1col
	{
		margin:  0px;
		padding: 0px;
		width:   100%;
		border-collapse: separate;
	}
	
	table.store th, table.store1col th
	{
		text-align: left;
		font-size: 18px;
		padding: 8px 16px;
	}
	
	table.store td
	{
		border-left:   18px solid #fff;
		border-right:  18px solid #fff;
		border-bottom:  9px solid #fff;
		text-align:    center;
		font-size:     10px;
		line-height:   1.5em;
	}
	
	table.storeProduct
	{
		margin:          0px;
		padding:         0px;
		width:           100%;
		border:          2px solid #000;
		border-top:      0;
		border-bottom:   0;
	}
	
	table.storeProduct th.navLeft
	{
		border-top:  2px solid #b0b0b0;
		text-align:  left;
		padding: 9px 18px;
	}
	
	table.storeProduct th.navCenter
	{
		border-top: 2px solid #b0b0b0;
	}
	
	table.storeProduct th.navRight
	{
		border-top:   2px solid #b0b0b0;
		text-align:   right;
		padding: 9px 18px;
	}
	
	table.storeProduct th.title
	{
		text-align: left;
		padding:    0 18px;
	}
	
	table.storeProduct th.title span.price
	{
		float: right;
	}
	
	table.storeProduct td.productImg, table.storeProduct td.productEx
	{
		width:         156px;
		padding:       9px 18px;
		padding-top:   0;
		text-align:    center;
		line-height:   1.15em;
		font-size:     10px;
		border-bottom: 2px solid #b0b0b0;
	}
	
	table.storeProduct td.productImg
	{
		vertical-align: top;
	}
	
	table.storeProduct td.productImg form
	{
		margin-top: 50px;
	}
	
	table.storeProduct td.productDesc
	{
		font-size:      10px;
		line-height:    1.25em;
		border-bottom:  2px solid #b0b0b0;
		padding-bottom: 9px;
	}
	
	table.storeProduct td.productDesc p.legal
	{
		font-weight: bold;
	}
	
	table.storeCross
	{
		margin:          0px;
		padding:         0px;
		width:           100%;
		border:          2px solid #b0b0b0;
		border-top:      2px solid #b0b0b0;
		border-bottom:   2px solid #b0b0b0;
	}
	
	table.storeCross img
	{
		float: right;
		margin-left: 16px;
	}
	
	table.storeCross td
	{
		padding: 9px 18px 9px 18px;
	}
	
	table.store1col td
	{
		text-align:     center;
		padding-bottom: 12px;
	}
	
	table.store td img, table.store1col td img
	{
		margin-bottom: 3px;
	}
	
	table.store td a, table.store1col td a, table.storeProduct td.productImg a, table.storeProduct td.productEx a
	{
		text-decoration: none;
	}
	
	table.store td a:hover, table.store1col td a:hover, table.storeProduct td.productImg a:hover, table.storeProduct td.productEx a:hover
	{
		text-decoration: underline;
	}
	
	table.storeList
	{
		padding: 0;
		margin:  0;
		width:   100%;
	}
	
	table.storeList:hover
	{
		background-color: #efefef;
	}
	
	.storeList a
	{
		width:  125px;
		border: 0;
	}
	
	a.storeItem
	{
		color:           #000;
		text-decoration: none;
	}
	
	img.sideMain
	{
		width:       256px;
		height:      1322px;
		margin-left: 35px;
		float:       right;
	}
	
	img.cardVendor
	{
		width:          24px;
		height:         13px;
		vertical-align: middle;
	}
	
	/* RSS ******************************************/
	img.rssIcon
	{
		width: 16px;
		height: 16px;
		border: 0;
		float: left;
		margin-right: 5px;
		margin-top: 2px;
	}
	
	/* Blog *****************************************/
	div.masthead
	{
		background-color:    #fff;
		background-image:    url( ../images/blog/masthead.jpg );
		background-position: top left;
		background-repeat:   no-repeat;
		padding:             18px;
		padding-top:         204px;
	}
	
	/* Gallery **************************************/
	td.galleryItem
	{
		text-align: center;
		padding-bottom: 12px;
	}
	
	td.galleryItem a
	{
		text-decoration: none;
	}
}