/*
 * GENERAL
 */

body
{
	font: 14px arial, verdana, helvetica, sans-serif;
	min-width: 700px;
	padding: 0px;
	margin: 0px;
}

table
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 8px;
}

h1
{
	font: 18px verdana, arial;
	color: #808080;
	margin: 0;
	padding: 0;
	padding: 0px 0px 8px 0px;
}

h2
{
	font: bold 16px verdana, arial;
	color: #808080;
	margin: 0;
}

h3
{
	font: 15px verdana, arial;
	color: #909090;
	margin: 0;
}

h4
{
	font: 14px verdana, arial;
	color: #909090;
	margin: 0;
}

p
{
	margin: 0;
	padding: 4px 2px 8px 2px;
}

img
{
	border: 0;
}

label
{
	white-space: nowrap;
}

form th, form td
{
	padding: 4px;
}

input::-moz-focus-inner, button::-moz-focus-inner
{
	border: 0;
	padding: 0;
	margin:0;
}

form input, form textarea, form select, form iframe, form button
{
	font: 12px verdana, arial;
	border: 1px solid #dddddd;
	background-color: #f8f8f8;
	padding: 2px 5px 2px 5px;
}

form textarea
{
	width: 99%;
	min-height: 100px;
}

form iframe
{
	width: 99.5%;
	min-height: 300px;
}

form .error
{
/*	border: 1px solid #dd2020; */
	background-color: #fffbdc;
}

*:link, *:visited
{
	color: #213969;
	text-decoration: none;
	border-bottom: none;
}

/*
*:link:hover, *:visited:hover
{
	background-color: #EEEEEE;
}
*/

/*
 * PAGE LAYOUT
 */

#banner-right
{
    background: url('/https/www.shrew.net/images/banner-right.png') repeat-x top left;
    height: 80px;
}

#banner-left
{
    background: url('/https/www.shrew.net/images/banner-left.png') no-repeat top left;
    height: 80px;
}

#banner-message
{
	float: right;
	width: 250px;
	padding: 26px;
	color: #ffffff;
	text-align: center;
	text-shadow: black 2px 2px 3px;
	font: italic bolder 12px arial, verdana;
}

#footer
{
	clear: both;
	margin-bottom: 4px;
}

#footer .footer-trim1
{
	height: 1px;
	background-color: #dedede;
}

#footer .footer-trim2
{
	height: 1px;
	background-color: #8c8c8c;
}

#footer #footer-body
{
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #8c8c8c;
	color: #d0d0d0;
	text-align: center;
	font: bolder 11px arial, verdana;
}

#trailer
{
	text-align: center;
	margin-bottom: 4px;
}

#main
{
	width: 100%;
	background-color: #909090;
	border-top: solid 1px #9b9a98;
}

.tabs-outer
{
	height: 20px;
	padding: 2px 10px 0px 10px;
}

.tabs-inner
{
	height: 20px;
	padding: 2px 4px 0px 4px;
}

.tab-on, .tab-off
{
	float: left;
	margin-right: 2px;
}

.tab-on .tab-trim1, .tab-off .tab-trim1, .tab-page .tab-page-foot1
{
	height: 1px;
	background-color: #666666;
	margin-left: 2px;
	margin-right: 2px;
}

.tab-page #tab-page-head1
{
	height: 1px;
	background-color: #666666;
	margin-left: 2px;
	margin-right: 2px;
}

.tab-on .tab-trim2, .tab-off .tab-trim2, .tab-page #tab-page-foot2
{
	height: 1px;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	background-color: #dddddd;
	margin-left: 1px;
	margin-right: 1px;
}

.tab-page #tab-page-head2
{
	height: 1px;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	background-color: #dddddd;
	margin-left: 1px;
	margin-right: 1px;
}

.tab-on .tab-body, .tab-off .tab-body
{
	height: 18px;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	background-color: #dddddd;
	padding-left: 1px;
	padding-right: 1px;
}

.tab-on .tab-text, .tab-off .tab-text
{
    background: url('/https/www.shrew.net/images/tab-gradient.png') repeat-x top left;
	padding: 2px;
	padding-left: 6px;
	padding-right: 7px;
	font: italic 11px arial, verdana;
}

.tab-on .tab-text
{
    background: url('/https/www.shrew.net/images/tab-on-gradient.png') repeat-x top left;
}

.tab-off .tab-text
{
    background: url('/https/www.shrew.net/images/tab-off-gradient.png') repeat-x top left;
}

.tab-on .tab-trim2, .tab-on .tab-body, .tab-page #tab-page-head2, .tab-page #tab-page-body, .tab-page #tab-page-foot2
{
	background-color: #ffffff;
}

.tab-on .tab-body
{
	border-bottom: solid 1px #ffffff;
}

.tab-page #tab-page-body
{
	border-top: solid 1px #666666;
	padding: 4px;
	padding: 8px 8px 4px 8px;
}

/*
 * CONTENT LAYOUT
 */

#contents
{
	width: 100%;
}

#contents td
{
	vertical-align: top;
}

#split-left
{
	margin-right: 204px;
}

#split-right
{
	float: right;
	width: 200px;
	padding: 0px 0px 2px 5px;
}

#split-right #split-logo
{
	width: 200px;
}

#split-right .download-pane
{
	position: relative;
	background: url('/https/www.shrew.net/images/download-pane.png') no-repeat top left;
	width: 200px;
	height: 110px;
}

.download-pane .download-platform
{
	float: left;
	position: absolute;
	top: 30px;
	left: -4px;
	width: 200px;
	text-align: center;
	text-shadow: #808080 0px 0px 5px;
	font: bold 22px arial, verdana;
}

.download-pane .download-button
{
	position: absolute;
	top: 66px;
	left: 6px;
}

#navbar
{
	width: 100%;
	margin-top: 2px;
	margin-bottom: 6px;
}

#navbar .navbar-trim
{
	height: 1px;
	margin: 0px 1px 0px 1px;
	background-color: #909cb4;
}

#navbar #navbar-body
{
	border-left: solid 1px #909cb4;
	border-right: solid 1px #909cb4;
	padding: 2px 4px 2px 4px;
	background-color: #6c7d9d;
	color: #ffffff;
	font: bold 14px arial, verdana;
}

#navbar-userinfo
{
	float: right;
}

#navbar-userinfo span
{
	color: #ffffff;
	font: italic 12px arial, verdana;
	padding-right: 8px;
}

#navbar-userinfo span a
{
	color: #ffffff;
}

.flat table
{
	width: 100%;
	background-color: #cccccc;
	border-spacing: 1px;
	border-collapse: separate;
	margin: 4px
}

.flat th
{
	background-color: #dddddd;
	padding: 3px;
}

.flat td
{
	background-color: #f8f8f8;
	padding: 3px;
}

#console
{
	font-family: courier, serif;
}

.note
{
	color: #909090;
	font-size: 12px;
	font-style: italic;
}

.warn
{
    background-color: #f8f7c3;
    border: solid 1px #b3b268;
    padding: .5em;
    margin-bottom: 0.5em;
}

.news
{
	background-color: #fafafa;
	border: solid 1px #f0f0f0;
	padding: .5em;
	margin-bottom: 0.5em;
}

.news p
{
	padding-top: 0.25em;
}

.news-pager
{
	text-align: center;
}

.news-pager .pager-left
{
	float: left;
	margin: 2px 0px 0px 4px;
}

.news-pager .pager-right
{
	float: right;
	margin: 2px 4px 0px 0px;
}

#donate .head2
{
	background-color: #eeeeee;
}

#donate .body
{
	text-align: center;
	background-color: #eeeeee;
}

#donate .body p, #donate .body input
{
	margin: 0;
	border: none;
	background-color: #eeeeee;
}

#donate .body form
{
	height: 30px;
	margin: auto;
}

.container
{
	margin-bottom: 8px;
}

.container .trim1
{
	height: 1px;
	margin-left: 2px;
	margin-right: 2px;
	background-color: #aaaaaa;
}

.container .trim2
{
	height: 1px;
	border-left: solid 1px #aaaaaa;
	border-right: solid 1px #aaaaaa;
	margin-left: 1px;
	margin-right: 1px;
	background-color: #ffffff;
}

.container .body
{
	border: none;
	border-left: solid 1px #aaaaaa;
	border-right: solid 1px #aaaaaa;
	padding: 6px;
}

.container .body h3
{
	padding-left: 3px;
}

.container .body hr
{
	border-color: #eeeeee;
	border-style: solid none none;
	border-width: 1px medium medium;
	color: #606060;
	margin-top: 2px;
	margin-bottom: 3px;
}

.container .body p
{
	padding-left: 3px;
	padding-bottom: 6px;
}

.container .body table
{
	margin-top: 3px;
	margin-bottom: 10px;
}

.container .body .error
{
	color: #640000;
}

.contact .header-left 
{
	width: 90px;
}

.contact .text-area
{
/*	wrap: soft; */
}

.contact th
{
	text-align: right;
}

#feature-matrix
{
	width: 365px;
	padding: border: solid 5px;
	margin-left: auto;
	margin-right: auto;
}

#feature-matrix th
{
	width: 80px;
}

#feature-matrix .feature
{
	text-align: right;
	padding-right: 6px;
}

#feature-matrix .support
{
	background-color: #f8f8f8;
	border-top: solid 2px #ffffff;
	border-left: solid 2px #ffffff;
	text-align: center;
}

.push-button
{
	display: inline-block;
	font: 12px verdana, arial;
	border: 1px solid #dddddd;
	background-color: #f8f8f8;
	padding: 1px 5px 4px 5px;
}

.push-button img
{
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 3px;
}

.push-button input, .push-button button
{
	cursor: pointer;
	border: none;
	margin: 0px;
	padding: 0px;
	background-color: #f8f8f8;
	font: 12px verdana, arial;
}

.push-button a
{
	border: none;
	margin: 0px;
	padding: 1px;
}

.detail
{
	padding: 2px;
	margin-bottom: 8px;
}

.detail hr
{
	border-color: #eeeeee;
	border-style: solid none none;
	border-width: 1px medium medium;
	margin: 0px;
	color: #606060;
}