/*
Copyright: © 2009 WebSharks, Inc. ( coded in the USA )
<mailto:support@websharks-inc.com> <http://www.websharks-inc.com/>

Released under the terms of the GNU General Public License.
You should have received a copy of the GNU General Public License,
along with this software. In the main directory, see: /licensing/
If not, see: <http://www.gnu.org/licenses/>.
*/
/*
These CSS selectors address common layout styles.
*/
div.ws-menu-page
	{
		clear: both;
		min-width: 800px;
		margin-bottom: 20px;
		background: url('<?php echo $i; ?>/brand-bg.png') no-repeat top right;
	}
div.ws-menu-page > h2
	{
		padding-right: 0;
	}
div.ws-menu-page > h2 > div
	{
		float: right;
		font-size: 80%;
		margin: 0 0 0 25px;
	}
div.ws-menu-page > h2 > div > a > img
	{
		border: 0px;
		width: 132px;
		height: 35px;
		margin: 0 0 0 10px;
		vertical-align: middle;
	}
div.ws-menu-page .ws-menu-page-right
	{
		float: right;
		margin-left: 25px;
	}
div.ws-menu-page .ws-menu-page-left
	{
		float: left;
		margin-right: 25px;
	}
div.ws-menu-page .ws-menu-page-center
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
div.ws-menu-page div.ws-menu-page-hr
	{
		height: 1px;
		line-height: 1px;
		background: #DDDDDD;
		margin: 20px 0 20px 0;
	}
div.ws-menu-page .ws-menu-page-hilite
	{
		font-size: 102%;
		background: #FFFEEB;
	}
div.ws-menu-page .ws-menu-page-error
	{
		color: #CC0000;
	}
div.ws-menu-page .ws-menu-page-error-hilite
	{
		color: #FFFFFF;
		background: #FF0000;
	}
div.ws-menu-page img.ws-menu-page-img-16
	{
		border: 0;
		width: 16px;
		height: 16px;
	}
div.ws-menu-page img.ws-menu-page-img-24
	{
		border: 0;
		width: 24px;
		height: 24px;
	}
div.ws-menu-page img.ws-menu-page-img-32
	{
		border: 0;
		width: 32px;
		height: 32px;
	}
div.ws-menu-page img.ws-menu-page-img-48
	{
		border: 0;
		width: 48px;
		height: 48px;
	}
div.ws-menu-page img.ws-menu-page-img-64
	{
		border: 0;
		width: 64px;
		height: 64px;
	}
div.ws-menu-page img.ws-menu-page-img-128
	{
		border: 0;
		width: 128px;
		height: 128px;
	}
div.ws-menu-page img.ws-menu-page-img-200
	{
		border: 0;
		width: 200px;
		height: 200px;
	}
div.ws-menu-page img.ws-menu-page-img-256
	{
		border: 0;
		width: 256px;
		height: 256px;
	}
div.ws-menu-page img.ws-menu-page-img-200-auto
	{
		border: 0;
		width: 200px;
		height: auto;
	}
div.ws-menu-page img.ws-menu-page-img-256-auto
	{
		border: 0;
		width: 256px;
		height: auto;
	}
/*
Specifically for the main layout table.
These CSS selectors address common layout styles.
*/
div.ws-menu-page > table.ws-menu-page-table
	{
		border: 0;
		width: 100%;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr
	{
		vertical-align: top;
	}
/*
Specifically for the main content area on the left side.
These CSS selectors address common layout styles.
*/
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l
	{
		padding: 0;
		width: 100%;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l img.ws-menu-page-brand-icon
	{
		border: 0px;
		float: right;
		width: 128px;
		height: 128px;
		margin: 0 0 0 25px;
		vertical-align: middle;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l img.ws-menu-page-brand-updates
	{
		border: 0px;
		float: right;
		width: 155px;
		height: 40px;
		margin: 0 -153px 0 25px;
		vertical-align: middle;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l p.submit
	{
		margin: 0;
		padding: 0;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l a[rel ~= "external"]
	{
		padding-right: 18px;
		background: url('<?php echo $i; ?>/brand-xlink.png') no-repeat center right;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-groups-show,
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-groups-hide
	{
		float: right;
		color: #333333;
		padding: 10px;
		font-size: 220%;
		cursor: pointer;
		font-weight: bold;
		background: #FFFFFF;
		margin: 0 0 0 30px;
		font-family: monospace;
		border: 1px solid #666666;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-user-select: none;
		-webkit-user-select: none;
		user-select: none;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-groups-hide
	{
		color: #999999;
		border-color: #999999;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-group-header
	{
		color: #666666;
		padding: 10px;
		font-size: 145%;
		cursor: pointer;
		position: relative;
		background: #FFFFFF;
		margin: 30px 0 30px 0;
		border: 1px solid #CCCCCC;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		font-family: 'Georgia', serif;
		vertical-align: middle;
		-moz-user-select: none;
		-webkit-user-select: none;
		user-select: none;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-group-header > ins
	{
		width: 22px;
		height: 22px;
		color: #CCCCCC;
		font-size: 17px;
		line-height: 22px;
		font-weight: bold;
		text-align: center;
		margin: -2px 10px 0 0;
		background: #666666;
		text-decoration: none;
		font-family: monospace;
		vertical-align: middle;
		border: 1px solid transparent;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		display: inline-block;
		zoom: 1
		!ie<8;
		display: inline
		!ie<8;
		margin-top: 0
		!ie<8;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-group-header:hover,
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-group-header.open
	{
		color: #164A61;
		border-color: #666666;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-group-header:hover > ins,
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-group-header.open > ins
	{
		color: #FFFFFF;
		background: #164A61;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-group
	{
		display: none;
		margin: -35px 5px 0 5px;
		padding: 20px 10px 10px 10px;
		border: 1px solid #CCCCCC;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #FFFFFF url('<?php echo $i; ?>/brand-gradient-bg.png') repeat-x;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-group > div.ws-menu-page-hr
	{
		background: #666666;
		margin: 15px 0 15px 0;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-section > table.form-table > tbody > tr
	{
		vertical-align: top;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-section > table.form-table > tbody > tr > th
	{
		width: auto;
		color: #164A61;
		padding-bottom: 0;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-group > div.ws-menu-page-section > table.form-table > tbody > tr > th
	{
		padding-left: 0;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-section > table.form-table > tbody > tr > th.ws-menu-page-th-side
	{
		width: 200px;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-section > table.form-table > tbody > tr > td
	{
		width: auto;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-group > div.ws-menu-page-section > table.form-table > tbody > tr > td
	{
		padding-left: 0;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-section > table.form-table > tbody > tr > td > input[type = "text"]
	{
		width: 99%;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-section > table.form-table > tbody > tr > td > textarea
	{
		width: 99%;
		font-family: 'Courier New', monospace;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-section > table.form-table > tbody > tr > td > select
	{
		width: 99%;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-section > table.form-table > tbody > tr > td > ol
	{
		margin: 10px 0 10px 20px;
		list-style: decimal outside;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-section > table.form-table > tbody > tr > td > ul
	{
		margin: 10px 0 10px 20px;
		list-style: disc outside;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-section > table.form-table > tbody > tr > td > input.ws-menu-page-media-btn
	{
		float: left;
		margin: 5px 25px 0 0;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l div.ws-menu-page-section > table.form-table > tbody > tr > td > div.ws-menu-page-scrollbox
	{
		margin: 1px;
		padding: 5px;
		height: 150px;
		overflow-y: scroll;
		overflow-x: visible;
		background: #FFFFFF;
		border: 1px solid #CCCCCC;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
/*
Specifically for the main content area on the left side.
	Specifically for info pages with readme files.
These CSS selectors address common layout styles.
*/
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l > div.ws-menu-page-readme > div.readme > div.section
	{
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		border: 0 solid #DDDDDD;
		border-width: 0 0 1px 0;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l > div.ws-menu-page-readme > div.readme > div.section > h2
	{
		margin-top: 0;
		padding-top: 0;
		font-size: 150%;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l > div.ws-menu-page-readme > div.readme > div.section > div.content ul
	{
		padding: 0;
		margin: 10px 0 0 25px;
		list-style: disc outside;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l > div.ws-menu-page-readme > div.readme > div.section > div.content ol
	{
		padding: 0;
		margin: 10px 0 0 25px;
		list-style: decimal outside;
	}
/*
Specifically for the main content area on the left side.
	Specifically for pages with a FeedBurner block.
These CSS selectors address common layout styles.
*/
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l > div.feedburnerFeedBlock
	{
		margin: 0 0 20px 0;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l > div.feedburnerFeedBlock > ul > li
	{
		margin: 25px 0 0 0;
		padding: 0 0 20px 0;
		border: 0 solid #DDDDDD;
		border-width: 0 0 1px 0;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l > div.feedburnerFeedBlock > ul > li:first-child
	{
		margin-top: 0;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l > div.feedburnerFeedBlock > ul > li > span.headline
	{
		font-size: 150%;
		font-family: 'Georgia', serif;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l > div.feedburnerFeedBlock > ul > li > p.date
	{
		font-size: 130%;
		font-family: 'Georgia', serif;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l > div.feedburnerFeedBlock > ul > li > div > div.feedflare
	{
		margin: 10px 0 0 0;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-l > div.feedburnerFeedBlock > p.fbsubscribelink
	{
		margin: 25px 0 0 0;
	}
/*
Specifically for the right sidebar panel.
These CSS selectors address common layout styles.
*/
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-r
	{
		padding: 0;
		text-align: right;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-r > div.ws-menu-page-tools
	{
		margin: 0 0 25px 25px;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-r > div.ws-menu-page-tools > img
	{
		width: 200px;
		height: 200px;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-r > div.ws-menu-page-support
	{
		margin: 0 0 10px 25px;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-r > div.ws-menu-page-support > a > img
	{
		width: 200px;
		height: 150px;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-r > div.ws-menu-page-donations
	{
		margin: 0 0 10px 25px;
	}
div.ws-menu-page > table.ws-menu-page-table > tbody > tr > td.ws-menu-page-table-r > div.ws-menu-page-donations > a > img
	{
		width: 200px;
		height: 400px;
		border: 1px solid #333333;
	}
/*
These CSS selectors are specific to this software.
*/
/* None currently. */