/*
 *  This file contains standard styles for the website. Under most circumstances,
 *  YOU SHOULD NOT MODIFY THIS FILE. Instead, customize /custom.css
 */



/* ============================= Tweaks ============================= */


/* Fix for Gecko, which doesn't seem to like VALIGN for IMGs. */
img[valign="middle"] {
	vertical-align: middle;
}

a img {
	border: none;
}

/* Safari bug fix: */
td {
	opacity: inherit;
}

/*
img {
	behavior: url(/pseudo_alpha.htc);
	border: 1px solid green;
}
*/
form  { margin: 0; }
table { empty-cells: show; }
*[onclick] { cursor: pointer; }

/* ============================= Debugging ============================= */

*.debug { outline: 1px dashed red; }

/* ============================= Forsite Styles ============================= */

#ix_admin_bar     { background-color: #000; z-index: 100; top: 0; }
#ix_admin_bar td  { padding: 5px; }
#ix_admin_bar *   { color: #0f0; }

#ix_messages td.notice { color: #0b0; }
#ix_messages td.error  { color: #b00; }

#modal { width: 350px; margin-left: 150px }

.ix_fixed_pos {
	position: fixed !important;
	position: absolute;
}

/* ========== S9 Standard Controls ========== */

*.s9_ctrl {
	text-decoration: none;

	padding: 2px;
	border:  1px solid;

	/**
	 *  The line-height should be font-size + 8px, like:
	 *  font-size:   10px;
	 *  line-height: 18px;
	 */

	background-repeat: no-repeat;
	background-color: #eeeeff;
}
/*
*.s9_ctrl, *.s9_iconl, *.s9_iconr {
	min-height: 13px;
}
* html *.s9_ctrl, * html *.s9_iconl, * html *.s9_iconr {
	height: 13px;
}
*.s9_icont, *.s9_iconb {
	min-width: 13px;
}
* html *.s9_icont, * html *.s9_iconb {
	width: 13px;
}*/

*.s9_ctrl, *.s9_iconl {
	padding-left: 16px;
	background-position: 1px 50%;
}

*.s9_iconr, *.s9_icont, *.s9_iconb, *.s9_noicon {
	text-indent: 0;
	padding-left: 2px;
}

*.s9_iconr {
	padding-right: 16px;
	background-position: 99% 50%;
}
*.s9_icont {
	padding-top: 16px;
	background-position: 50% 1px;
}
*.s9_iconb {
	padding-bottom: 16px;
	background-position: 50% 99%;
}
/**
 *  This needs a little higher specificity to overpower the rules that apply icon images.
 */
html *.s9_noicon {
	background-image: none;
}

*.s9_help  { background-image: url(/images/s9/help.png); }
*.s9_zoom  { background-image: url(/images/s9/zoom.png); }
*.s9_alert { background-image: url(/images/s9/alert.gif); }



ul.s9_unlist, ul.s9_menus, ul.s9_menus ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

/**
 *  Standard Fly-out menus.
 *
 *  Currently supports up to 3 levels on Win IE, infinite on Safari/Fx
 */

ul.s9_menus li a {
	display: block;
	width: 100%;
}

ul.s9_menus li ul {
	position: absolute;
}

ul.s9_menus li > ul {
	left: -999em;
}
ul.s9_menus li:hover > ul {
	left: auto;
	z-index: 10;
}

* html ul.s9_menus li ul,
* html ul.s9_menus li:hover li ul,
* html ul.s9_menus li:hover li:hover li ul {
	left: -999em;
}
* html ul.s9_menus li:hover ul,
* html ul.s9_menus li:hover li:hover ul,
* html ul.s9_menus li:hover li:hover li:hover ul {
	left: auto;
}


/**
 *  Standard table style.
 *
 *  These are used for, among other things, the Sign In Panel
 */

table.ix_table {
	border: 1px solid #369;
}

table.ix_table td {
	padding: 3px 1px;
}

table thead tr,
table tfoot tr {
	background-color: #eee;
}

table.ix_table tbody tr.first_child td,
table.ix_table tfoot tr.first_child td {
	border-top: 1px solid #369;
}