/*
Name:        misc.css
Author:      Kyle Brickman, Kurt Jull
Description: CSS miscellaneous definitions
Created:     24 March 2009
Modified:    18 April 2012 by Roxanne Martinez - added additional fonts in the event that Calibri is unavailable
Notes:       This file should contain ONLY definitions for miscellaneous items
*/

@media all
{
	/* Miscellaneous ********************************/
	.png
	{
		behavior: url( /iepngfix.htc );
	}

	table.basic
	{
		margin:  0px;
		padding: 0px;
		width:   100%;
	}

	table.basic2
	{
		margin-left:  	40px;
		padding: 		0px;
		width:   		250px;
		border: 1px solid #999;
	}

	table.basic3
	{
		margin:  0px;
		padding: 0px;
		width:   550px;
		border:  1px solid gray;
	}

	table.basic4
	{
		margin:  0px;
		padding: 0px;
		width:   450px;
		border:  1px solid gray;
	}

	table.basic5 tr td
	{
		padding: 2px;
	}

	table.basic5 tr.fileItem
	{
		border-bottom: 1px solid #dedede;
	}

	table.basic5
	{
		margin:  0px;
		padding: 0px;
		width:   300px;
		border:  1px solid gray;
	}

	table.basic a {
		color: #333333;
		text-decoration: none;
	}

	table.basic a:hover {
		text-decoration: none;
	}

	table.basic a.adminLink
	{
		font-family:     Calibri, Arial, Helvetica, sans-serif;
		font-size:       14px;
		font-weight:     normal;
		text-decoration: none;
		color:           #ef3125;
	}

	table.basic a.adminLink:hover
	{
		font-family:     Calibri, Arial, Helvetica, sans-serif;
		font-size:       14px;
		font-weight:     normal;
		text-decoration: underline;
		color:           #000;
	}
	table.basic a.invoiceDownload,
	table.basic a.attachmentDownload,
	table.basic a.memoLink
	{
		font-family:     Calibri, Arial, Helvetica, sans-serif;
		font-size:       14px;
		font-weight:     normal;
		text-decoration: none;
		color:           #ef3125;
	}

	table.basic a.invoiceDownload:hover,
	table.basic a.attachmentDownload:hover,
	table.basic a.memoLink:hover
	{
		font-family:     Calibri, Arial, Helvetica, sans-serif;
		font-size:       14px;
		font-weight:     normal;
		text-decoration: underline;
		color:           #000;
	}

	table.basic textarea.memoTextarea
	{
		height: 70px;
	}

	table.basic input[type="datefield"]
	{
		width: 160px;
	}

	table.basic2 input.short[type="datefield"]
	{
		width: 140px;
	}

	table.basic3 tr td.red
	{
		border: 1px solid #e77300;
	}

	/* Padding one-offs *****************************/
	.pad
	{
		padding: 10px;
	}

	.right
	{
		float: right;
	}

	/* 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:          5px;
		font-weight:      normal;
		background-color: #dedede;
	}

	td.listHeader2
	{
		padding:          5px;
		font-weight:      normal;
		background:       url(/images/BGcontentRepeatY.png) repeat-y;
	}

	td.listHeader2 a
	{
		font-family:     Calibri, Arial, Helvetica, sans-serif;
		font-size:       14px;
		font-weight:     normal;
		text-decoration: none;
		color:           #ef3125;
	}

	div.listBack
	{
		float: left;
	}

	div.listAdd
	{
		float: right;
	}

	ul.listSortable
	{
		margin:  0;
		padding: 0;
	}

	li.listSortableItem
	{
		margin:          0;
		padding:         0;
		list-style-type: none;
	}

	img.standard
	{
		width:          13px;
		height:         13px;
		vertical-align: middle;
	}

	img.icon
	{
		width:          16px;
		height:         16px;
		vertical-align: middle;
	}

	img.ec
	{
		width:           19px;
		height:          19px;
	}

	img.cp
	{
		width:           30px;
		height:          30px;
	}

	/* Form layout **********************************/
	td.formHeader, td.formHeader2, td.formHeader4
	{
		text-align:       center;
		padding:          3px;
		font-weight:      bold;
		/*background: url(/images/BGcontentRepeatY.png) repeat-y;*/
		background-color: #dedede;
	}

	td.formHeader2
	{
		background: none;
	}

	td.formHeader3
	{
		padding:          3px 3px 3px 190px;
		font-weight:      bold;
		/*background: url(/images/BGcontentRepeatY.png) repeat-y;*/
		background-color: #dedede;
	}

	td.formHeader4
	{
		text-align: left;
	}

	td.formToolbar
	{
		text-align:       left;
		padding:          3px;
		background-color: #dedede;
	}

	td.formLabel, td.formLabel3
	{
		text-align:       right;
		padding:          3px 3px 3px 10px;;
		width:            12%;
		background-color: #fff;
		white-space:      nowrap;
	}

	td.formLabel2
	{
		text-align: left;
		padding:          3px;
		background-color: #fff;
		white-space:      nowrap;
	}

	td.formLabel3
	{
		text-align: left;
	}

	td.formField
	{
		padding: 3px 10px 3px 3px;
		width:   88%;
	}

	td.formFieldHalf
	{
		padding: 3px;
		width:   50%;
	}

	hr.formRule
	{
		height:           1px;
		line-height:      1px;
		border:           0;
		background-color: #dedede;
	}

	div.tableLabel
	{
		padding: 0px 0px 3px 6px;
	}

	td.addRequest
	{
		text-align: right;
		padding-right:3px;
	}

	/* Form inputs **********************************/

	input.orange, select.orange
	{
		border: 1px solid #e77300;
	}

	input.large, select.large
	{
		width: 350px;
	}

	input.medium, select.medium
	{
		width: 175px;
	}

	input.small, select.small
	{
		width: 85px;
	}

	input.smaller
	{
		width: 30px;
	}

	input.tiny, select.tiny
	{
		width: 40px;
	}

	input.save, input.save1, input.save3
	{
		float: left;
		margin-left: 115px;
		width: 150px;
		font-size: 12px;
		font: Verdana;
		font-family: Verdana;
	}

	input.save1
	{
		float: right;
		width: 190px;
		margin-left: 0;
	}

	input.save2
	{
		width: 220px;
		font-size: 12px;
		font: Verdana;
		font-family: Verdana;
	}

	input.save3
	{
		float:right;
	}

	input.back
	{
		float: left;
		width: 150px;
		font-size: 12px;
		font: Verdana;
		font-family: Verdana;
	}

	select.request
	{
		width:   170px;
		margin:  2px;
	}

	td.rightLabel
	{
		text-align: right;
	}

	td.request2
	{
		text-align: center;
	}

	/* BLOG *****************************************/
	.approved {
		color: #006600;
	}

	.completed {
		color: #2656AB;
	}

	.pending {
		color: #FF9900;
	}

	.rejected {
		 color: #922A2F;
	}
	td.listHeaderTC
	{
		padding:          5px;
		background-color: #dedede;
		color:            #000000;
	}

	td.listHeaderTL
	{
		padding:          5px;
		color:            #000000;
		background:       #dedede url(/images/admin/Corner_leftTop.gif) no-repeat;
	}

	td.listHeaderTR
	{
		padding:          5px;
		color:            #000000;
		background:       #dedede url(/images/admin/Corner_rightTop.gif) no-repeat right 0;
	}

	td.listItem, ul.listSortable li.lined
	{
		padding:       3px 5px;
		border-bottom: 1px solid #dedede;
		font-color:    #666;
	}

	td.listItemSub {
		border: none;
	}

	tr.listItemRow:hover
	{
		background-color: #e5ecf4;
	}

	.blogSearch
	{
	}

	.rssSearch
	{
		padding-top: 20px;
		padding-bottom: 10px;
	}

	div.catList
	{
		background: url(/images/blogBGcontentRepeatY.png) repeat-y;
		padding: 10px;
	}

	/* RSS ******************************************/
	a.rssIcon
	{
		width: 16px;
		height: 16px;
		background: url(/images/icons/rss.png) no-repeat;
		text-indent:         -99999px;
		display:             block;
		float: left;
		margin: 4px;
		margin-right: 1px;
	}

	/* MISC ***************************************/
	div#text
	{
		padding-top: 5px;
		padding-bottom: 5px;
	}

	tr.listItemRow2
	{
		background-color: #FFC1C1;
	}

	tr.listItemRow2:hover
	{
		background-color: #ececec;
	}

	.filename
	{
		font-size: 12px;
	}

	.memo
	{
		padding: 3px;
	}

	div.suggestion
	{
		position: absolute;
		/*position: relative;
		z-index:  3000;*/
		display:  none;
		border:   1px solid gray;
		background-color: #fff;
		width:    354px;
	}

	input.amount
	{
		width: 85px;
	}

	#addRowBtn
	{
		float: 			right;
		padding-right: 	3px;
	}

	#addRowBtn.disabled,
	#addFileBtn.disabled
	{
		color: 			#000;
		cursor: 		default;
		pointer-events: none;
	}

	.batchDates {
		float: 			right;
		position:		relative;
		top: 			-2px;
	}

	.batchDates .label {
		float: 			left;
		font-weight: 	normal;
		margin-left: 	10px;
		margin-right:	3px;
		padding-top:	1px;
	}

	.batchDates input.datefieldinput {
		width: 75px;
	}

	td.detailSection {
		border-bottom: 1px solid #eee;
		padding: 10px 0;
	}

	td.last {
		border-bottom: none;
	}

	tr.evenDetailRow {
		background-color: #F4F7FC;
	}

	tr.evenDetailRow td.formLabel,
	tr.oddDetailRow td.formLabel {
		background-color: transparent;
	}

	tr.evenDetailRow .approved,
	tr.oddDetailRow .approved,
	tr.evenDetailRow .completed,
	tr.oddDetailRow .completed
	 {
		position: 	relative;
		top:		-3px;
		font-style:	italic;
	}

	table.reqResults
	{
		float: right;
		background-color: #DEDFDE;
		padding: 3px 3px;
		border: 2px solid #DEDFDE;
	}

	td.pagesCell
	{
		padding: 2px 10px 4px 0;
	}

	a.facebook,
	tr.footerRow td a.facebook
	{
		font-size: 60px;
		color: #d7e6d3;
		-webkit-transition: color .25s;
		-moz-transition: color .25s;
		-ms-transition: color .25s;
		-o-transition: color .25s;
		transition: color .25s;
	}

	a.facebook:hover,
	tr.footerRow td a.facebook:hover
	{
		color: #bfcdbc;
	}

	/* Request main view button *****************/

	input.editBtn
	{
		width:       16px;
		height:      16px;
		border:      0 none;
		margin:      0;
		padding:     0;
		/*overflow:    hidden;
		text-indent: -500px;*/
		background:  url( /images/icons/view.png ) no-repeat scroll left top transparent;
		cursor: pointer;
	}

	a.editLink
	{
		color:           #ef3125 !important;
	}

	a.editLink:hover
	{
		text-decoration: underline !important;
		color:           #000      !important;
	}

	/* Requests sorting ************************/

	table.requestsList td.listHeaderTC, table.requestsList td.listHeaderTL, table.requestsList td.listHeaderTR
	{
		color:           #EF3125;
	}

	table.requestsList td.listHeaderTC a, table.requestsList td.listHeaderTL a, table.requestsList td.listHeaderTR a
	{
		color:           #EF3125;
		text-decoration: underline;
	}