body {
	margin:0;
	background-image:url(../images/topBg.gif);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.80em;
	color:black;
	text-align:center;
}

p {
	margin:0 20px 5px 20px;
	padding:0;
}

#tabbed_content p {
	margin-left:20px;
}

form {
	margin:0;
	padding:0;
}

a,
a:hover,
a:active,
a:visited {
	text-decoration:none;
	color:#326699;
}
a:hover {
	text-decoration:underline;
}

img {
	border:none;
}

h1 {
	margin:10px;
	padding:0;
	font-weight:bold;
	font-size:1.2em;
	color:#666;
}

h2 {
	margin:10px 0 15px 10px;
	font-weight:bold;
	font-size:1em;
}

h3 {
	margin-left:10px;
	font-weight:bold;
	font-size:1em;
	text-transform:uppercase;
}

em {
	font-weight:bold;
	font-style:normal;
}

.default {
	border:3px inset #F60;
}

.error {
	color:red;
}

.right {
    text-align:right;
}

.underline {
	text-decoration:underline;
}

/*----------------- MAIN LAYOUT -----------------*/
#main {
	width:750px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#global_control {
	text-align:center;
	height:65px;
	margin-bottom:6px;
	font-size:.9em;
}
html>body #global_control {
	min-height:65px;
	height:auto;
}
#set_control {
	clear:both;
	display:inline;
	width:130px;
	margin:0 0 0 10px;
	padding:0;
	float:left;
}
#content_pane {
	float:left;
	width:600px;
}
#content_pane.wide {
	width:750px;
}
#info h2,
#info h1 {
	text-transform:uppercase;
}
#info h2 {
	font-size:1.1em;
}
#tabbed_content,
#non_tabbed_content,
#help,
#info {
	border-left:10px solid #CCC;
	border-right:10px solid #CCC;
	border-bottom:10px solid #CCC;
	clear:both;
	float:left;
	width:580px;
	height:300px;
}
#non_tabbed_content,
#help,
#info {
	border-top:10px solid #CCC;
}
#tabbed_content.wide,
#non_tabbed_content.wide,
#help,
#info {
	width:730px;
	height:auto;
	padding-bottom:15px;
}
#info ol {
	margin-right:20px;
}
html>body #tabbed_content,
html>body #non_tabbed_content {
		min-height:300px;
	height:auto;
}
html>body #tabbed_content.wide {
	min-height:inherit;
	height:auto;
}
#footer {
	clear:both;
	padding-top:30px;
	text-align:center;
}
#copyright_text {
	font-size:.9em;
}


/*----------------- GLOBAL BAR -----------------*/
#breadcrumb {
	margin-top:2px;
	margin-bottom:12px;
	float:left;
}
#global_status {
	margin-top:2px;
	float:right;
}

/*----------------- STATUS BOX -----------------*/
#set_status {
	width:114px;
	border:3px solid #CCCCCC;
}
#set_status h1 {
	margin:0;
	margin-bottom:5px;
	padding-left:2px;
	background-color:#CCCCCC;
	color:black;
	font-weight:bold;
	font-size:1em;
}
#set_status dl,
#set_status p {
	margin:0px 5px 0px 5px;
	padding:0;
}
#set_status p {
     font-size:1em;
}
#set_status dt {
	float:left;
}
#set_status dd {
	text-align:right;
}
#set_status form p {
    text-align:left;
}
#set_status form p.right,
#set_status form p.center {
    margin-top:6px;
    margin-bottom:6px;
    text-align:right;
}
#set_status form p.center {
    text-align:center;
}
#set_status form input {
    font-size:.9em;
}
#set_status p.small {
	margin-bottom:5px;
	font-size:.85em;
}

/*-------------------- LEFT NAV --------------------*/
#set_nav {
	width:130px;
	margin:10px 0px 0px 0px;
}
#set_nav h1 {
	display:none;
}
#set_nav ul,
#set_nav ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-image:none;
}
#set_nav a {
	display:block;
	margin:0;
	padding:4px 5px 4px 15px;
	height:1px; /* fix for IE height bug */
	font-size:1.2em;
}
html>body #set_nav a {
	/* reverse IE height bug fix for compliant browsers */
	height:auto;
}
#set_nav a.on {
	border-left:10px solid #FF6600 !important;
	padding-left:5px;
	background-color:#CCC;
	color:black !important;
	font-weight:bold;
}
#set_nav a:hover,
#set_nav a:active {
	border-left:10px solid #326699;
	padding-left:5px;
	background-color:#EEE;
}

/*----------------- LINKS BOX -----------------*/
#links h1 {
	margin:0;
	margin-bottom:5px;
	padding-left:2px;
	background-color:#CCCCCC;
	color:black;
	font-weight:bold;
	font-size:1em;
}
#links {
	width: 114px;
	margin-top:10px;
	border: 3px solid #CCCCCC;
}
#links ul {
	margin: 3px 3px 3px 3px;
	padding:0;
	list-style-type:none;
	list-style-image:none;
}
#links ul li {
	font-size:.8em;
}

/*----------------- TAB BAR -----------------*/
#tab_bar {
	width:100%;
	float:left;
	background-image:url(../images/tabBg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#tab_bar.wide {
	background-image:url(../images/tabBgWide.gif);
}
#tab_bar h1 {
	display:none;
}
#tab_bar ul,
#tab_bar ul li {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-image:none;
}
#tab_bar ul {
	display:inline;
	width:580px;
	margin-left:10px;
	border-top:1px solid #F60;
}
#tab_bar.wide ul {
	width:730px;
}
#tab_bar ul li {
	padding-bottom:12px;
}
#tab_bar li.right {
	display:inline;
	float:right;
	margin-right:20px;
}
#tab_bar ul li.sel {
	border:none;
	padding-bottom:10px;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#tab_bar a,
#tab_bar span {
	margin:0;
	padding:1px 10px 2px 10px;
	font-size:1.3em;
	border-right:1px solid #F60;
}
#tab_bar li.right a {
	padding:0;
	border:0;
}
#tab_bar span.error {
	padding:0;
	border:0;
}
#tab_bar li.sel a,
#tab_bar li.sel span {
	color:#FFF;
	background-color:#F60;
}

/*----------------- SET COVER -----------------*/
#set_cover {
	background-repeat:no-repeat;
	width:580px;
	height:450px;
}
html>body #set_cover {
	min-height:450px;
}
#set_page {
	background-repeat:no-repeat;
	width:580px;
	height:450px;
}
html>body #set_page {
	min-height:450px;
}

#set_info {
	width:100%;
	height:60px;
}

#set_info p {
	display:block;
	margin:0 10px 0 10px;
	padding:0;
	height:20px;
}

#set_info a,
#set_info a:hover,
#set_info a:active,
#set_info a:visited {
	font-size:1.2em;
	font-weight:bold;
	color:#f60;
}

#set_info_table {
	width:100%;
	height:40px;
	background-color:#eee;
}

#set_info_table td,
#set_info_table th {
	padding:0 10px;
	text-align:center;
}

#set_info_table th {
	text-transform:uppercase;
}

/*----------------- TOKEN -----------------*/
.token {
	float:left;
	display:inline;
	width:139px;
	height:130px;
	margin:17px 0px 0px 15px;
}
.thumb_info,
.thumb_info_on {
	float:left;
	display:inline;
	width:119px;
	padding:0 2px 0 2px;
	font-size:.8em;
	color:black;
	background-color:#CCC;
}
.thumb_info_on {
	color:white;
	background-color:#F60;
}
.thumb_info a,
.thumb_info a:hover,
.thumb_info a:visited,
.thumb_info_on a,
.thumb_info_on a:hover,
.thumb_info_on a:visited {
	float:left;
	padding-left:15px;
	color:black;
	background-image:url(../images/thumbCtrlOff.gif);
	background-repeat:no-repeat;
	background-position:left;
}
.thumb_info_on a,
.thumb_info_on a:hover,
.thumb_info_on a:visited {
	background-image:url(../images/thumbCtrlOn.gif);
	color:white;
}
.thumb_info div,
.thumb_info_on div {
	display:inline;
	float:right;
	margin-right:2px;
}
.thumb,
.thumb_on {
	clear:both;
	margin:0;
	padding:0;
	height:110px;
	border:2px solid #CCC;
	background:#e9e9e9;
}
.thumb_on {
	border:2px solid #F60;
}
.thumb_controls {
	float:left;
	padding:0 5px 5px 5px;
	background-color:#F60;
	color:white;
	font-size:.8em;
	filter:alpha(opacity=90);
	opacity:.9;
	display:none;
}
.thumb_controls ul,
.thumb_controls ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-image:none;
}
.thumb_controls a,
.thumb_controls a:hover,
.thumb_controls a:visited {
	color:white;
}

/*---------------------- TRADE LAYOUT ----------------------*/
#trade_steps,
#offer_controls {
    width:570px;
    padding:5px;
    background-color:#e9e9e9;
    font-size:1.1em;
}

#trade_steps .on {
    color:#f60;
    font-weight:bold;
}

#trade_steps input,
#offer_controls input {
    font-size:.8em;
}

#offer_controls {
    text-align:right;
}

em input {
    font-weight:bold;
}

#offer_controls em,
#trade_steps em {
	    border:2px solid #f60;
}

#trade_options {
	margin:10px 20px 10px 20px;
	text-align:center;
}

#trade_options p {
	margin:0;
}

#trade_options .trade_form {
	float:left;
    width:167px;
    height:181px;
    margin:4px;
	border:1px solid #f60;
    text-align:center;
}

html>body #trade_options .trade_form {
    height:auto;
    min-height:181px;
}

#trade_options .form_copy {
    height:45px;
    padding:5px;
	text-align:center;
	background-color:#326699;
	border-bottom:1px solid #f60;
}

html>body #trade_options .form_copy {
    height:auto;
    min-height:45px;
}

#trade_options .form_copy p {
    margin:0px;
	color:white;
	font-size:1.05em;
	font-weight:bold;
}

#trade_options .form_copy h2 {
    margin:0;
    color:white;
}

#trade_options .form_fields {
    padding-top:10px;
    height:50px;
    width:100%;
	background-color:#e8eef7;
}

html>body #trade_options .form_fields {
    height:auto;
    min-height:50px;
}

#trade_options .form_descr {
    height:55px;
    padding:5px;
	text-align:center;
	background-color:#e8eef7;
}

html>body #trade_options .form_descr {
    height:auto;
    min-height:55px;
}

#pager {
    margin-left:10px;
}

#offer_message p {
    width:65%;
    height:21px;
    margin:0;
    padding-left:20px;
    background-color:#ccc;
	background-image:url(../images/tradeArrow.gif);
	background-repeat:no-repeat;
	background-position:top right;
    font-weight:bold;
}

#offer_message select {
    margin:10px 0 20px 20px;
}

#offer_action_ui {
    float:left;
    display:inline;
    margin:0 0 10px 10px;
}
#offer_action_ui h2 {
    margin:0;
}

#offer_filter {
    float:right;
    margin:0 10px 0 0;
}

#offer_list {
    float:none;
    clear:both;
    height:1%;
}

/* Hides from IE5-mac \*/
* html #offer_list {
    height: 1%;
}
/* End hide from IE5-mac */

#offer_list tr:hover td,
tr.rowOver {
    background-color:#f60 !important;
    color:white !important;
}
#offer_list tr:hover td a,
tr.rowOver a {
    color:white !important;
}

#offer_list a {
    display:block;
    width:100%;
    color:black;
}
#offer_list a:hover {
    text-decoration:none;
}

/*---------------------- TABLES ----------------------*/
table {
    width:100%;
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:none;
	background:transparent;
}

table td,
table th {
	text-align:left;
	margin:0;
	padding:0;
	border:none;
}

.nowrap {
	white-space: nowrap;
}

/* -- TRADING TABLES -- */
#token_tables {
    clear:both;
	background-image:url(../images/tradeArrows.gif);
	background-repeat:no-repeat;
	background-position:top center;
	height:21px;
}

#my_tokens_table,
#partner_tokens_table {
    width:280px;
	margin:0;
}

#my_tokens_table {
    float:left;
}

#partner_tokens_table {
    float:right;
}

table.buddy td,
table.you td {
	border-bottom:1px solid #fff;
    padding-left:5px;
    padding-right:5px;
}

table.you tbody tr {
    background-color:#ffe2ce;
}

table.buddy tbody tr {
    background-color:#d4e0ec;
}

table td.token_num {
    width:1%;
    background-color:#fff;
    font-size:1.2em;
    font-weight:bold;
}

#my_tokens_table td.token_num {
}

table.you th,
table.buddy th {
    height:21px;
    padding-left:5px;
    padding-right:5px;
	background-color:#CCC;
	color:black;
}

table td img {
    vertical-align:middle;
}

.mini {
    border:2px solid #ccc;
}

/*---------------------- TEAMS ----------------------*/
#framedPanel {
}

#teamsTable {
    border-collapse:collapse;
    padding:0;
    margin:0;
    margin-bottom:15px;
    border:0;
}

#teams_table_options {
	width:100%;
	margin-top:15px;
    text-align: left;
    font-size: 1em;
    font-weight: bold;
    padding: 5px;
}

#teamsTable tr.summary td {
    color:#fff;
    background-color:#999;
    font-weight: bold;
}

#teamsTable th p, #teamsTable td p {
    margin:0;
    text-align:center;
}

#teamsTable .teamsLeft {
    text-align: left;
}

#teamsTable .teamsRight {
	padding-right:10px;
    text-align: right;
}

#teamsTable th {
    color:#fff;
    background-color:#666;
}

.altTeamRow {
    background-color:#CCC !important;
}

.myTeamRow {
		background-color:white !important;
		color:#f60;
		font-weight:bold;
		border-top:1px solid #f60;
		border-bottom:1px solid #f60;
}

.myTeamRow a,
.myTeamRow a:hover,
.myTeamRow a:active,
.myTeamRow a:visited {
	color:#f60;
}

/*---------------------- ACTIVITIES ----------------------*/

#activity_table {
    border-collapse:collapse;
	margin:0;
    margin-bottom:20px;
	padding:0;
	border:0;
	width:100%;
}

#activity_table td,
#activity_table th {
	margin:0;
	padding:5px;
	font-size:.9em;
	vertical-align:top;
}
#activity_table td {
	border-top:1px solid #ccc;
}
#activity_table th {
	font-size:1.1em;
}
#activity_table h2 {
	margin:0;
	padding:0;
	font-size:1.1em;
}
#activity_table input {
}
#activity_table td.activity_name {
	width:150px;
}
#activity_table td.descr {
	width:150px;
}
#activity_table td.action {
	text-align:center;
}

/*---------------------- HELP ----------------------*/
#help p {
	margin-bottom:20px;
}