/* Form elements */
.sel { width:304px; }
	.sel .file { height:25px;width:304px;cursor:default;margin:0 0 10px 0; }
	.sel div.filename { width:146px;height:21px;border:1px solid #999;background-color:#fff;padding:2px 0 0 4px;margin:0;display:block;float:left;margin:0 1px 0 0; }
	.sel div input { background-color:transparent;width:144px;padding:2px !important;margin:0;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;border:none;color:#666;cursor:default !important; }
	.sel div.empty { background-color:#e6e6e6; }
	.sel div.empty input { color:#999; }
	.sel a.browse { text-decoration:none;color:#333;cursor:default !important;display:block;float:left;background:none;width:68px;height:25px;border:0; }
	.sel a.browse img { border:0; }
	.sel a.remove,.sel a.remove-d { text-decoration:none;color:#333;cursor:default !important;display:block;float:right;background:url("images/componentArt/static.png") no-repeat -113px -83px;width:76px;height:25px; }
	.sel a.remove:hover { background-position:-113px -108px; }
	.sel a.remove:active { background-position:-113px -133px;outline:none; }
	.sel a.remove-d { background-position:-113px -158px; } /* Disabled class */
.actions { height:25px;width:304px;cursor:default; }
	.actions a.add,.actions a.add-d { text-decoration:none;color:#333;cursor:default !important;display:block;float:left;background:url("images/componentArt/static.png") no-repeat -113px -183px;width:219px;height:25px; }
	.actions a.add:hover { background-position:-113px -208px; }
	.actions a.add:active { background-position:-113px -233px;outline:none; }
	.actions a.add-d { background-position:-113px -258px; } /* Disabled class */
	.actions a.add-d:active { outline:none; } /* Disabled class */

	.actions a.upload,.actions a.upload-d { text-decoration:none;color:#333;cursor:default !important;display:block;float:right;background:url("images/componentArt/static.png") no-repeat -189px -83px;width:76px;height:25px; }
	.actions a.upload:hover { background-position:-189px -108px; }
	.actions a.upload:active { background-position:-189px -133px;outline:none; }
	.actions a.upload-d { background-position:-189px -158px; } /* Disabled class */

/* Dialogue titlebar */
.ttl { width:100%;height:40px;cursor:move; }
	.ttl a { margin-top:4px;display:block;float:right;width:35px;height:25px;background:transparent url("images/componentArt/static.png") no-repeat -18px 0;cursor:default; }
	.ttl a:hover { background-position:-18px -25px; }
	.ttl a:active { background-position:-18px -50px;outline:none; }

	.ttlt { width:100%;height:32px; }
		.ttlt-l { width:9px;height:100%;background:transparent url("images/componentArt/static.png") no-repeat;float:left; }
		.ttlt-m { height:100%;background:#000 url("images/componentArt/horizontal.png") repeat-x;float:left; }
		.ttlt-r { width:9px;height:100%;background:transparent url("images/componentArt/static.png") no-repeat -9px 0;float:left; }
	.ttlt span { cursor:inherit;margin-left:4px;line-height:32px;color:#fff;font-weight:bold;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }

	.ttlb { width:100%;height:8px;overflow:hidden; } /*** overflow:hidden to prevent IE6 from rendering the div at the current font height ***/
		.ttlb-l { width:9px;height:100%;background:#000 url("images/componentArt/static.png") no-repeat 0 -38px;float:left; }
		.ttlb-m { height:100%;background:#fff url("images/componentArt/horizontal.png") repeat-x 0 -38px;float:left; }
		.ttlb-r { width:9px;height:100%;background:#000 url("images/componentArt/static.png") no-repeat -9px -38px;float:left; }


/* Dialogue contents */
.con { background:#fff url("images/componentArt/vertical.png") repeat-y;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;padding:4px 7px;min-height:20px; }

/* Dialogue footer */
.ftr { width:100%;height:37px;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
	.ftr-l { width:9px;height:100%;background:transparent url("images/componentArt/static.png") no-repeat 0 -83px;float:left; }
	.ftr-m { height:100%;background:#eee url("images/componentArt/horizontal.png") repeat-x 0 -83px;float:left; }
	.ftr-r { width:9px;height:100%;background:transparent url("images/componentArt/static.png") no-repeat -9px -83px;float:left; }

	/* Footer buttons */
	.ftr .btns { float:right;margin-top:4px; }
	.ftr .btns a { text-decoration:none;color:#333;cursor:default !important;display:inline; }
	.ftr .btns a span.l { display:block;float:left;width:10px;height:25px;background:transparent url("images/componentArt/static.png") no-repeat -93px 0;margin-left:2px; }
	.ftr .btns a span.m { display:block;float:left;padding:0;height:25px;line-height:25px;background:transparent url("images/componentArt/horizontal.png") repeat-x 0 -120px; }
	.ftr .btns a span.r { display:block;float:left;width:10px;height:25px;background:transparent url("images/componentArt/static.png") no-repeat -103px 0; }
	.ftr .btns a:hover { text-decoration:none;color:#000; }
	.ftr .btns a:hover span.l { background-position: -93px -25px; }
	.ftr .btns a:hover span.m { background-position:0 -145px; }
	.ftr .btns a:hover span.r { background-position: -103px -25px; }
	.ftr .btns a:active span.m { height:23px;line-height:24px;padding-top:2px; }


/* Upload dialogue styles */
.dlg-up { color:#999;cursor:default !important; }
.dlg-up .ttlt-m,.dlg-up .ttlb-m,.dlg-up .ftr-m { width:440px; }

.dlg-up .stat,.dlg-up .list { padding:0 15px; }

.dlg-up h3 { margin:0;font-weight:normal;font-size:11px;padding:0 0 4px 0;color:#666; }
.dlg-up .red { color:#dd3409; }
.dlg-up strong { color:#ea6b4a;font-weight:normal; }

.dlg-up .files { height:auto;margin:0 8px 8px 8px;}
.dlg-up .list ul { margin:0;padding:0;list-style-type:none; }
.dlg-up .list ul li { line-height:16px;background:#fff url("images/componentArt/static.png") no-repeat -384px -32px;padding-left:16px; }
.dlg-up .list ul li.done { color:#000;background-position:-384px 0; }
.dlg-up .list ul li.cur { color:#dd3409;background-position:-384px -16px;}

.dlg-up .info { float:left;font-size:11px;cursor:default !important;margin:0 0 0 8px;height:34px;line-height:34px;font-size:10px; }

/* Progress bar and related elements */
.prog { width:412px;height:18px !important;border:1px solid #ccc;border-bottom-color:#ddd;border-right-color:#ddd;padding:0;margin:0;float:left;display:inline;overflow:hidden; }
.prog .con { width:410px;height:16px !important;background:transparent url("images/componentArt/horizontal.png") repeat-x 0 -170px;border:0;margin:0;padding:1px; }
.prog .con .bar { height:16px;background:transparent url("images/componentArt/horizontal.png") repeat-x 0 -188px; }


/* GRID STYLES **********************/

.Grid 
{ 
  border: 1px solid #7C7C94; 
  background-color: #FFFFFF; 
  cursor: pointer; 
}

.HeadingRow 
{ 
  background-color: #E2E2E2; 
}

.HeadingCell 
{ 
  background-color: #E2E2E2; 
  border: 1px solid #FFFFFF; 
  border-right-color: #B5B5B5; 
  border-bottom-color: #B5B5B5; 
  padding: 3px;
}

.HeadingCellText
{
  font-family: verdana; 
  font-size: 10px; 
  font-weight: bold; 
  text-align: left;
}

.Row 
{ 
  background-color: #FFFFFF; 
}

.AlternateRow 
{ 
  background-color: #F2F2F2; 
}

.DataCell 
{ 
  cursor: default;
  padding: 5px; 
  border-right: 1px solid #EAE9E1; 
  border-bottom: 1px solid #EAE9E1; 
  font-family: verdana; 
  font-size: 10px; 
} 

.EditDataCell
{ 
  padding: 0px!important; 
  background-color: #E2E2E2; 
  border-width:0px!important;
} 

.EditDataField
{ 
  padding: 0px; 
  padding-left: 1px; 
  font-family: verdana; 
  font-size: 10px; 
  height: 16px; 
  width: 98%!important; 
} 

.EditDataField input
{ 
  padding: 4px 5px 0px 5px; 
} 

.DataRow td.FirstDataCell 
{ 
  padding-left: 3px; 
} 

.SelectedRow 
{ 
  background-color: #FFEEC2; 
}

.SelectedRow td.DataCell 
{ 
  cursor: default; 
  padding: 5px; 
  font-family: verdana; 
  font-size: 10px; 
  border-bottom: 1px solid #4B4B6F; 
  border-top: 1px solid #4B4B6F; 
  border-right: 0px; 
}

.SelectorCell 
{ 
  background-color: #E2E2E2; 
  border: 1px solid #FFFFFF; 
  border-right-color: #B5B5B5; 
  border-bottom-color: #B5B5B5; 
}

.GridFooter
{
  cursor: default;
  padding:5px;
}

.GridFooter a 
{
  color: Black;
  font-weight: bold;
  vertical-align: bottom;
}

.PagerText
{ 
  font-family: verdana; 
  font-size: 11px; 
} 

/* END GRID STYLES ******************/


/* START CALENDAR STYLES ************/

.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 12px;
  font-weight: bold;
  font-family: "Verdana",monospace;
  padding: 2px;
  cursor: pointer;
}

.calendar_button
{
	border:none;
	cursor:pointer;
	width:25px;
	height:22px;
}

.calendar td
{
  font-size:11px;
}

.title
{
	font-weight:bold;
  background-color:#D7D7E5;
}

.day
{
	width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
	width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
	width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
	width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:center;
  background-color:#FFFFFF;
}

/* END CALENDAR STYLES **************/