/*
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%;
	}
	
	.png
	{
		behavior: url( /iepngfix.htc );
	}
	
	/* Name Ribbons *********************************/	
	div.nameRibbon
	{
		line-height:   0;
		float:         left;
		padding-left:  9px;
		width:         110px;
		margin-right:  40px;
		margin-bottom: 20px;
	}
	
	div.linefix
	{
		line-height: 29px;
	}
	
	div.nameRibbon a
	{
		color:           #fffdf0;
		text-decoration: none;
	}
	
	div.nameRibbon a:hover
	{
		text-decoration: underline;
	}
	
	div.nameRibbon a.name
	{
		display:             block;
		line-height:         32px;
		background-image:    url( /images/name_ribbon.png );
		background-position: top left;
		background-repeat:   no-repeat;
		width:               104px;
		height:              32px;
		padding-top:         9px;
		margin-top:          -9px;
		margin-left:         -9px;
		padding-left:        15px;
	}
	
	div.nameRibbon a.bigFix
	{
		margin-top: -19px;
	}
	
	div.nameRibbon a.smallFix
	{
		margin-top: -12px;
	}
	
	div.nameRibbon img
	{
		width:  110px;
		height: 129px;
		position: relative;
	}
	
	/* Home Ribbons *********************************/
	div.sandRibbon
	{
		background-image:    url( ../images/ribbon_sand.png );
		background-position: top right;
		background-repeat:   no-repeat;
		width:               805px;
		height:              262px;
		position:            relative;
		left:                -64px;
		padding-top:         38px;
		line-height:         18px;
	}
	
	div.sandRibbon div.margin
	{
		margin: 0 62px;
	}
	
	div.sandRibbon p
	{
		color: #fffdf0;
	}
	
	div.sandRibbon a.video
	{
		display:      block;
		width:        350px;
		height:       220px;
		float:        left;
		margin-right: 48px;
	}
	
	div.sandRibbon img.welcome
	{
		width:        350px;
		height:       220px;
		float:        left;
		margin-right: 48px;
	}
	
	table.homeTable td
	{
		vertical-align: top;
	}
	
	td.homeTableMessage
	{
		width:         265px;
		padding-right: 96px;
	}
	
	td.homeTableSide
	{
		width: 150px;
		padding-bottom: 20px;
	}
	
	td.homeTableCenter
	{
		text-align: center;
	}
	
	div.tulipSpacer
	{
		height: 273px;
	}
	
	div.tulipRibbon
	{
		background-image:    url( ../images/ribbon_tulip_large.png );
		background-position: top right;
		background-repeat:   no-repeat;
		width:               996px;
		height:              221px;
		position:            absolute;
		z-index:             20;
		margin-top:          -257px;
		margin-left:         -65px;
		padding-top:         36px;
	}
	
	div.tulipRibbon div.margin
	{
		margin: 0 66px 0 390px;
	}
	
	div.tulipRibbon p
	{
		color: #8A1F03;
		font-size: 14px;
		line-height: 24px;
	}
	
	div.tulipRibbon img.right
	{
		margin-left: 50px;
		width:       268px;
		height:      179px;
		float:       right;
		margin-top:  -12px;
	}
	
	/* Padding one-offs *****************************/
	.pad
	{
		padding: 10px;
	}
	
	.padLeft
	{
		margin:         0 0 0 280px;
		padding-bottom: 12px;
		min-height:     525px;
	}
	
	.padLeftRight
	{
		margin:         0 170px 0 280px;
		padding-bottom: 12px;
		min-height:     550px;
	}
	
	.padRight
	{
		margin:         0 170px 0 0;
		padding-bottom: 12px;
	}
	
	ul, ol
	{
		margin-top: 0;
	}
	
	.clear
	{
		clear: both;
	}
	
	.padAdminIcon
	{
		margin:         0 15px 20px 0;
		padding-bottom: 12px;
	}
	
	/* 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: #cfbfa7;
		font-size:        11px;
	}
	
	td.listItem
	{
		padding:       3px;
		border-bottom: 1px solid #cfbfa7;
	}
	
	div.listBack
	{
		float: left;
	}
	
	div.listAdd
	{
		float: right;
	}
	
	img.standard
	{
		width:          13px;
		height:         13px;
		vertical-align: middle;
	}
	
	/* Form layout **********************************/	
	td.formHeader
	{
		padding:          3px;
		font-weight:      bold;
		color:            #8A1F03;
		font-size:        14px;
		padding-top:      9px;
	}
	
	td.formHeader1
	{
		padding:          3px;
		font-weight:      bold;
		color:            #8A1F03;
		font-size:        14px;
		padding-top:      15px;
		padding-left:     30px;
		border-top:       1px solid #8A1F03;
	}
	
	td.formHeader2
	{
		padding:          3px;
		font-weight:      bold;
		color:            #8A1F03;
		font-size:        14px;
		padding-top:      9px;
		padding-left:     30px;
	}
	
	td.formToolbar
	{
		text-align:       left;
		padding:          3px;
	}
	
	td.formLabel
	{
		padding:          3px;
		width:            25%;
		white-space:      nowrap;
		font-size:        11px;
		text-align:		  right;
	}
	
	td.formField
	{
		padding:   3px;
		width:     75%;
		font-size: 11px;
	}
	
	td.formLabel1
	{
		padding:    3px;
		width:      50%;
		white-space:nowrap;
		font-size:  11px;
		vertical-align:top;
		text-align:right;
	}
	
	td.formField1
	{
		padding:   	3px 0px 3px 0px;
		width:      50%;
		font-size:  11px;
	}
	
	td.formField2
	{
		padding:   	3px 0px 3px 0px;
		width:      50%;
		font-size:  11px;
		border-top: 1px solid #8A1F03;
	}
	
	/* Form inputs **********************************/	
	input.large, select.large
	{
		width:  300px;
		border: 1px solid #c48e7c;
		font-family: 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
		font-size:   11px;
	}
	
	input.medium, select.medium
	{
		width:  125px;
		border: 1px solid #c48e7c;
		font-family: 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
		font-size:   11px;
	}
	
	input.small, select.small
	{
		width:  		85px;
		border: 		1px solid #c48e7c;
		font-family: 	'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
		font-size:   	11px;
	}
	
	input.tiny, select.tiny
	{
		width:  		40px;
		border: 		1px solid #c48e7c;
		font-family: 	'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
		font-size:   	11px;
	}
	
	input.tiny1, select.tiny1
	{
		width:  		40px;
		border: 		1px solid #c48e7c;
		font-family: 	'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
		font-size:   	11px;
		margin-top:	    3px;
		margin-left:    7px;
	}
	
	input.save
	{
		float:            right;
		width:            150px;
		height:           40px;
		background-image: url( ../images/button.png );
		border:           0;
		text-align:       left;
		color:            #fffdf0;
		font-family:      'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
		font-size:        14px;
		padding-left:     15px;
	}
	
	input.back
	{
		float:            left;
		width:            150px;
		height:           40px;
		background-image: url( ../images/button.png );
		border:           0;
		text-align:       left;
		color:            #fffdf0;
		font-family:      'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
		font-size:        14px;
		padding-left:     15px;
	}
	
	input.middle
	{
		width:            150px;
		height:           40px;
		background-image: url( ../images/button.png );
		border:           0;
		text-align:       left;
		color:            #fffdf0;
		font-family:      'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
		font-size:        14px;
		padding-left:     15px;
	}
	
	input.long
	{
		width: 				504px;
		height:				40px;
		background-image: url( ../images/button_l.png );
		border:           0;
		text-align:       left;
		color:            #fffdf0;
		font-family:      'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
		font-size:        14px;
		padding-left:     15px;
	}
		
	.editorSize {
	width:400px;
	height:140px;
	}
	
	.editorSizeLarge {
	width:400px;
	height:200px;
	}
	
}