/* ------------------------------------------------------------------
Components 1.1 - Apr 2, 2008

This file should not be edited for your project, or at least edited at your own risk.  Override anything you need to in your project.css so that if you need to get an updated version of this due to a bug fix or feature enhancement you won't have to try and find all the changes.

Default UI components
------------------------------------------------------------------ */

/* Form Layout Defaults
------------------------------------------------------------------ */

form dl { padding: 5px 0; margin: 0; clear:both; overflow:hidden;}
form dt, 
form dd { padding: 0 0 7px; margin: 0; float: left; }
form dt { float: left; width: 150px; margin-right: 10px; text-align: right; font-weight: bold; } /* Width matches a span-4 in blueprint */
form samp { font-size: 85%; color: #666; }
form .options-vertical .option { display:block; }
.inline-help { text-align: left; }
.highlight-error dt { color: #E33030; }
dl.error dt { color:red; background:none; }
dl.error { background:none; border:none; padding:0; margin:0; } /* Fixes IE6 error that displays background image from alert boxes */

/* Horizontal Form 1 (Labels on the top)
------------------------------------------------------------------ */
.form-h1 dl { padding: 5px 20px 5px 0; float: left; clear:none; overflow:hidden; }
.form-h1 dd,.form-h1 dt { float:none; text-align: left; width: auto; }

/* Horizontal Form 2 (Labels on the left)
------------------------------------------------------------------ */
.form-h2 dl { padding: 5px 20px 5px 0; float: left; clear:none; overflow:hidden; }
.form-h2 dt { float: left; margin-right: 5px; width: auto;  }
.form-h2 dd { float: left; width: auto;  }
/
/* Vertical Form 1 (Labels on the top)
------------------------------------------------------------------ */
.form-v1 dl { padding: 5px 0; }
.form-v1 dd,.form-v1 dt { float:none; text-align: left; width: auto; }

/* Vertical Form 2 (Labels on the left) - To align labels on right, just do it in the project.css
------------------------------------------------------------------ */
.form-v2 dt { text-align: left; }
.form-v2 dl { padding:2px 0pt;  }
.form-v2 dt, .form-v2 dd { padding: 2px 0pt; *padding: 0; }	
/*.form-v2 dl.last dt { *float:none; *width:150px; *display:inline; }
.form-v2 dl.last dd { *float:none; *display:inline; }
*/

/* Vertical Form 2 s/separators (Labels on the left with top lines on dl's)
------------------------------------------------------------------ */
.form-v2-separators dt { text-align: left; }
.form-v2-separators dl { padding:2px 0pt; border-bottom:solid 1px #ccc; float:left; width:100%; }
.form-v2-separators dt, .form-v2-separators dd { padding: 2px 0pt; }	

/* ALERTS */

/* Alert Confirmation and base alert
------------------------------------------------------------------ */
.alert { background: #DCECD7 url("../images/ico-alert-confirmation.gif") no-repeat 8px .55em; border: 1px solid #5B9548; border-top: 2px solid #5B9548; color: #49763A; margin-bottom: 15px; padding: 6px 15px 0px 33px; position:relative; } 
.alert p { margin-bottom: 7px; padding: 0; } 
.alert a { text-decoration: underline; } 
.alert ul { margin: 0 0 7px 0; padding: 0 10px; }
.alert small { position:absolute; top:0; right:10px; cursor:hand; cursor:pointer; }

/* Alert Error
------------------------------------------------------------------ */
.alert.error { background-color: #F9DED8; background-image: url("../images/ico-alert-error.gif"); border-color:#E33030; color: #A3120C; } 
.alert.error a { color:#A3120C; text-decoration:none; }
.alert.error a:hover { text-decoration:underline; }

/* Alert Warning
------------------------------------------------------------------ */
.alert.warning { background-color: #FFC; background-image: url("../images/ico-alert-warning.gif"); border-color:#F5D851; color: #C06703; } 

/* Alert Notice
------------------------------------------------------------------ */
.alert.notice { background-color: #CCDCE3; background-image: url("../images/ico-alert-notice.gif"); border-color:#6189B7; color: #395797; }

/* Modal (using jqModal)
------------------------------------------------------------------ */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
the Window's z-index value will be set to 3000 by default (in jqModal.js). You can change this value by either;
a) supplying one via CSS
b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
.jqmWindow { display: none; position: fixed; top: 8%; left: 50%; margin-left: -375px; width: 750px; background-color:#fff; border:solid 5px #DDDDD3; color: #333; padding: 5px; z-index:3000 !important; }
.target { clear:both; background:#fff; padding:0px 10px; text-align: left; } 
.jqmWindow .title { background: #EEEEE3; position: relative; margin: 0 1px; padding: 5px 8px; border-top: 1px solid #D5CAB3; font-size: 90%; color: #555; }
a.jqmClose { position: absolute;  right:10px; text-decoration:none; }
a.jqmClose span { position: absolute; left: 9999px; }
.jqmOverlay { background-color: #000; z-index:2999 !important; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm { position:absolute; top:0; left:0; z-index:-1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); }
/* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
* html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }


.list-1 { list-style: none; margin: 0 0 15px 0; padding: 0; }
.list-1 li { padding: 1px 0 2px 0; }
.list-1 a:link,
.list-1 a:visited { text-decoration: none; }
.list-1 a:hover { text-decoration: underline; }

.largeWindow {width: 800px; top: 10%; margin-left:  -400px;}
.smallWindow {width:500px; top: 15%; margin-left:-250px;}

/* Table Data
------------------------------------------------------------------ */
.table-data { background: url(../images/diagonal-1-bg.gif); border-collapse:separate; border: 1px solid #ccc; border-top: 0; border-bottom: 0; width: 100%; font-size: 100%; }
.table-data td,
.table-data th { background: #ccc; padding: 4px 5px; }
/* table header */
.table-data thead th,
.table-data thead td { border-bottom: 1px solid #ccc; }
.table-data thead th { font-weight: bold; vertical-align: middle; background: #ccc url(../images/table-data-thead-bg.gif) repeat-x; padding: 4px 5px 3px 5px; border-bottom: 1px solid #999; text-transform: uppercase; font-size: 10px; }
/*.table-data thead th { font-weight: bold; vertical-align: middle; background: #ccc url(../images/bkg-table_header.gif) repeat-x; padding: 4px 5px 3px 5px; border-bottom: 1px solid #999; text-transform: uppercase; font-size: 10px; }
*/

.table-data thead th a:link,
.table-data thead th a:visited { text-decoration: underline; color: #222; }
.table-data thead th a:hover { color: #000; }
.table-data thead td { background: #eee; }
/* sorting */
/*.table-data thead th a.order-asc { background: url(../images/icon-order-asc.gif) no-repeat center right; padding-right: 16px; } 
.table-data thead th a.order-desc { background: url(../images/icon-order-desc.gif) no-repeat center right; padding-right: 16px; }*/
/* filter row */
.table-data tr.filter-row td { padding: 2px 3px; vertical-align: middle; background: #c7c7c5; }
.table-data tr.filter-row input.input-text,
.table-data tr.filter-row select { padding: 1px 0; float: left; vertical-align: middle; width: 100%; font-size: 11px; background-color: #dedede; }
.table-data tr.filter-row input.input-text:focus,
.table-data tr.filter-row select:focus { background-color: #eee; }
.table-data tr.filter-row input.input-text { padding: 2px 0; }
/* controls (table cells with icons, checkboxes, etc) */
.table-data .control { padding: 2px 5px; width: 5px; text-align: center; }
.table-data .control img { float: left; }
/* table body */
.table-data tbody th,
.table-data tbody td { background: #fff; border: 1px solid #bbb; border-left: 0; border-right: 0; border-top: 0; }
/* table footer */
.table-data tfoot th { background: #ccc url(../images/table-data-tfoot-bg.gif) repeat-x bottom; font-size: 11px; border-top: 1px solid #999; padding: 2px 5px; }
.table-data tfoot td { background: #eee; border-top: 1px solid #ccc; }
.table-data tfoot tr.no-border td { border-top: 0; }
.table-data tfoot tr.alt td { border: 0; border-bottom: 1px solid #ccc; }
/* row striping */
.table-data tr.odd td { background: #F4F9FF; }

/* Scrolling Table */
.scrolling-container { overflow:hidden; width:950px;}
table.scrolling { width: auto; border: 0; height:auto; }
table.scrolling tbody { overflow-x: hidden; overflow-y: scroll; }
table.scrolling tr td:first-child,
table.scrolling tr th:first-child,
table.scrolling tr td.first,
table.scrolling tr th.first { border-left: 1px solid #ccc; }
table.scrolling thead tr th:last-child,
table.scrolling thead tr th.last,
table.scrolling thead tr td:last-child,
table.scrolling thead tr td.last,
table.scrolling tfoot tr th:last-child,
table.scrolling tfoot tr th.last,
table.scrolling tfoot tr td:last-child,
table.scrolling tfoot tr td.last { border-right: 1px solid #ccc; border-right: 0; }

/* Misc stuff
------------------------------------------------------------------ */
.delete-me { border:1px dotted red; font-size:11px; padding:0 1px; cursor:pointer; }
.add-me { font-size:10px; color:#3D71C9; padding:0 1px; cursor:pointer; }
.help-text { border:2px solid #ccc; padding:5px; background-color:#fff; width:15em } /* For contextual help */
.text-hint { color:#aaa } /* for text-hint until the field is focused on */

/* This is for hiding things visually, but will still be there for screen readers. */
.visual-hide { position:absolute !important; left:-5000px !important;	 } /* Removed "top" due to tabbing to a link with this would cause a jump up on the page */
legend.visual-hide, x:-moz-any-link { display:none; }  /* legend has issues in firefox (https://bugzilla.mozilla.org/show_bug.cgi?id=292736), so we need to fully hide it for FF only (http://pornel.net/firefoxhack) */


/* Print Specific Styles for components
------------------------------------------------------------------ */
@media print {
	.for-screen { display: none; }
	.show-for-print { display:block !important; }
	.show-for-print-inline { display:inline !important; }
	.hide-for-print { display:none !important; }
	
	.help-text { border:0; width:100%; }  /* For help text, so it isn't in the help box width */
}


/* Screen Specific Styles
------------------------------------------------------------------ */
@media screen {
	.for-print { display: none; }
	.show-for-print,.show-for-print-inline { display:none; }
}