/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* 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: 48px; left: 50%; margin-left: -400px; width: 818px; }

.jqmOverlay { background-color: #000; }

/*************************************************************
*                     End jqmodal base styles
**************************************************************/
body.modal	{ background: transparent; }

div#loading { text-align: left; margin: 10px; }

table.modal { border-collapse: collapse; margin: 0 auto; font-size: 12px; }
table.modal a { color: #0066cc; }
table.modal td { vertical-align: top; }
table.modal td.modal_left { width: 6px; }
table.modal td.modal_left_filler { width: 14px; }
table.modal td.modal_right { width: 9px; }
table.modal td.modal_right_filler { width: 6px; }
table.modal td.modal_top_shadow, table.modal td.modal_bottom_shadow { width: 100%; }
table.modal td.modal_left_shadow, table.modal td.modal_right_shadow { height: 100%; }
table.modal td.modal_bottom_left_corner_shadow { width: 14px; height: 11px; background: none; vertical-align: top; }
table.modal td[class='modal_top_shadow'] { background: url(../images/modal_top_shadow.png) scroll left bottom no-repeat; }
table.modal td[class='modal_left_shadow_top'] { background: url(../images/modal_left_shadow.png) 0px 11px no-repeat; }
table.modal td[class='modal_left_shadow'] { background: url(../images/modal_left_shadow.png); }
table.modal td[class='modal_right_shadow_top'] { background: url(../images/modal_right_shadow.png) scroll left top no-repeat; }
table.modal td[class='modal_right_shadow'] { background: url(../images/modal_right_shadow.png); }
table.modal td[class='modal_bottom_left_corner_shadow'] { background: url(../images/modal_bottom_left_shadow.png) scroll left top no-repeat; }
table.modal td[class='modal_bottom_shadow'] { background: url(../images/modal_bottom_shadow.png) scroll left top no-repeat;  }
table.modal td[class='modal_bottom_shadow_filler'] { background: transparent url(../images/modal_bottom_right_shadow.png) scroll left top repeat-x; }
table.modal td.modal_background
{
    background-color: #eee;
    padding: 0 10px 10px 10px;
}
table.modal td.modal_content { background-color: #fff; border: solid 1px #adadad; }

table.modal tr.top td { height: 4px; vertical-align: bottom; }
table.modal tr.top td img { display: block; height: 4px; vertical-align: bottom; }

div.modal_wrapper { background-color: transparent; }

iframe#modalContent { overflow: hidden; width: 100%; position: relative; }


td#modal_title { font-size: 18px; font-weight: bold; color: #333; padding-top: 10px; }

a.jqmClose { display: block; overflow: hidden; width: 31px; height: 28px; margin-bottom: 8px; position: relative; float: right; }
a.jqmClose span { background-image: url(../images/btn_close_modal.jpg); }

div.modalContentContainer div, div.modalContentContainer p, div.modalContentContainer span { font-size: 11px; }
div#modalContentLeftColumn, div#modalContentMiddleColumn { float: left; }
div#modalContentLeftColumn, div#modalContentMiddleColumn { padding: 14px 6px 0 14px; }
div#modalContentLeftColumn { width: 180px; }

div#modalContentLeftColumn p, div#modalContentLeftColumn ol, div#modalContentMiddleColumn p { clear: both; margin: 8px 0 13px 0; }

div#modalContentLeftColumn ul li ul { margin-bottom: 16px; }
div#modalContentLeftColumn ul li ul li.acctNumber { margin-bottom: 7px; }

div#modalContentMiddleColumn { width: 310px; overflow: hidden; }
div#modalContentMiddleColumn ol li ol li { overflow: auto; }

div#modalContentRightColumn { position: absolute; left: 824px; width: 200px; top: 0; margin: 0; padding-left: 14px; overflow: hidden; background-color: #f4f4f4; }

div#modalContentRightColumn dt { font-size: 12px; font-weight: bold; margin: 8px 0 4px 0; }

div#modalContentRightColumn ul, div#modalContentRightColumn ol { margin-bottom: 0.9em; }
div#modalContentRightColumn ul, div#modalContentRightColumn ol, div#modalContentRightColumn li { list-style-type: disc; margin-left: 1em; }

div.modalContentContainer
{
    position: relative;
    background: transparent url(../images/vertical_gray_line.gif) 200px 0 repeat-y;
    overflow-x: hidden;
    overflow-y: auto;
}


/* faux column for modal help */
.fauxColumn { background: #f4f4f4 url(../images/faux_column.gif) scroll -10px 0 repeat-y; }

div#modalContentRightColumn div { overflow: hidden; }
a#closeHelp, a#closeHelp:focus { outline: none; width: 60px; }