@charset "utf-8";
/* CSS Document */

/* BASICS */
body, html{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
input, textarea{ font-family:Arial, Helvetica, sans-serif; }
body{ background:url(../images/site/site_bg.gif) top left #000000; color:#333333; }
img{ border:none; }
form{ margin:0px; padding:0px; }
a{ color:#273354; }
	a:hover{ color:#485370; }
p{ margin:0 0 15px 0; }
h1, h2, h3, h4, h5, h6{ margin:0 0 5px 0; font-weight:normal; }
	h1{ font-size:28px; color:#0a5c7f; font-family:"Times New Roman", Times, serif; }
	h2{font-size:18px; color:#0a5c7f; font-family:"Times New Roman", Times, serif; }
	h3{ font-size:16px; color:#0a5c7f; font-family:"Times New Roman", Times, serif; }
	h4{ font-size:14px; }
ol, ul{ margin:10px; margin-left:40px; padding:0; }
.hr{ background:#e5e5e5; height:1px; overflow:hidden; margin:10px 0; }
.input{ padding:2px; background:#ffffff; border: 1px solid #333333; font-size:12px; }
.input[type=text], .input[type=password]{ background:url(../images/site/input_shadow.gif) top left no-repeat #ffffff; }
.subalert{ font-size:10px; color:darkred; font-weight:bold; }
.alert{ font-weight:bold; color:darkred; }
.darker{ background-image:url(../images/transparencies/black_5perc.png); }
.yellow{ background-image:url(../images/transparencies/yellow_10perc.png); }
.red{ background-image:url(../images/transparencies/red_30perc.png); }
.clear{ clear:both; }
.clear_left{ clear:left; }
.clear_right{ clear:right; }
.spacer{ height:5px; }

/* TEMPLATE */

.container{
	width:1000px;
	margin:0 auto;
}
.header{
	height:100px;
	position:relative;
	background:url(../images/site/header_bg.jpg) top right no-repeat;
}
	.header .logo{
		position:absolute;
		top:20px;
		left:0;
	}
	.header .topnav{
		position:absolute;
		top:30px;
		right:0;
		height:29px;
		background:url(../images/site/topnav_left.png) top left no-repeat;
		padding-left:5px;
	}
		.header .topnav .bg{
			background:url(../images/site/topnav_right.png) top right no-repeat;
			height:29px;
			padding-right:5px;
		}
		.header .topnav ul{
			display:block;
			margin:0;
			padding:5px 10px;
			background:url(../images/site/topnav_bg.png) top left repeat-x;
			height:29px;
		}
			.header .topnav ul li{
				display:block;
				list-style:none;
				float:right;
				margin:0;
				padding:0;
				height:19px;
				line-height:19px;
			}
				.header .topnav ul li span{
					display:block;
					width:22px;
					height:19px;
					background:url(../images/site/topnav_sep.png) center top repeat-y;
				}
				.header .topnav ul li a{
					color:white;
					text-decoration:none;
				}
				.header .topnav ul li a:hover{
					color:#FFFF99;
				}
.frame_top{
	height:5px;
	background:url(../images/site/site_top.png) top center no-repeat;
}
.body{
	background:url(../images/site/site_content_bg.png) top center repeat-y;
	padding:9px 14px 4px 14px;
}
.frame_bottom{
	height:5px;
	background:url(../images/site/site_bottom.png) top center no-repeat;
}

.content_top{
	width:760px;
	background:url(../images/site/content_top.png) top left no-repeat;
	height:10px;
}
.content_bottom{
	width:760px;
	height:10px;
	background:url(../images/site/content_bottom.png) bottom left no-repeat;
}
.content{
	position:relative;
	width:695px;
	background:url(../images/site/content_bg.png) top left repeat-y;
	padding:10px 35px 10px 30px;
}

.home_promo{
	display:block;
	position:relative;
	background:url(../images/site/home_promo_bg.png) top left no-repeat;
	width:760px;
	height:267px;
	margin-bottom:20px;
}

.merchant_head{
	display:block;
	position:relative;
	background:url(../images/site/merchant_head.png) top left no-repeat;
	width:760px;
	height:267px;
	margin-bottom:20px;
}

.tabs{
	position:relative;
	height:26px;
	background:url(../images/site/content_top.png) bottom left no-repeat;
	padding-bottom:10px;
}
	.tabs ul{
		display:block;
		position:relative;
		height:26px;
		padding:0 10px;
		margin:0;
		white-space:nowrap;
	}
		.tabs ul li{
			position:absolute;
			z-index:1;
			top:0;
			left:0;
			display:block;
			width:155px;
			height:26px;
			background:url(../images/site/tab_off.png) top left no-repeat;
			text-align:center;
			list-style:none;
			padding:0;
			margin:0;
			line-height:26px;
		}
			.tabs ul .active{
				background-image:url(../images/site/tab_on.png);
				z-index:5;
			}
			.tabs ul li a{
				display:block;
				color:#333333;
				font-weight:bold;
				font-family:"Times New Roman", Times, serif;
				text-decoration:none;
				font-size:12px;
			}
				.tabs ul li a:hover{
					text-decoration:underline;
				}

.sidebar_leaderboard_top{
	background:url(../images/site/sidebar_leaderboard_top.png);
	width:180px;
	padding:0 10px;
	line-height:25px;
	height:25px;
	color:white;
	font-weight:bold;
}
.sidebar_leaderboard{
	background:url(../images/site/sidebar_leaderboard_bg.png) top center repeat-y;
	width:200px;
}
	.sidebar_leaderboard ul{
		margin:0 1px;
		padding:4px;
		display:block;
		background:url(../images/site/sidebar_leaderboard_inner.png) top left repeat-x #000000;
	}
		.sidebar_leaderboard ul li{
			padding:5px;
			border-top:1px solid #2a3f4a;
			display:block;
			margin:0;
			list-style:none;
			color:white;
		}
.sidebar_leaderboard_bottom{
	background:url(../images/site/sidebar_leaderboard_bottom.png) top left no-repeat;
	width:200px;
	height:6px;
}

.sidebar_login{
	background:url(../images/site/login_box_bg.gif);
	width:180px;
	height:95px;
	margin-bottom:10px;
	padding:5px 10px;
}
	.sidebar_login p{
		font-weight:bold;
		margin-bottom:10px;
		margin-top:5px;
		background:url(../images/site/agent_emblem.png) top right no-repeat;
	}
	.sidebar_login a{
		display:block;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		padding:3px 5px;
		background:url(../images/transparencies/black_30perc.png);
		color:white;
		font-weight:bold;
		text-decoration:none;
		font-size:10px;
	}
		.sidebar_login a:hover{
			background:url(../images/transparencies/white_50perc.png);
			color:#333333;
		}

.agent_sidenav{
	position:absolute;
	background:url(../images/site/agent_missions_sidenav.png) top left no-repeat;
	width:171px;
	height:219px;
	top:5px;
	left:-13px;
}
	.agent_sidenav ul{
		display:block;
		margin:0;
		padding:0;
		position:absolute;
		top:65px;
		left:25px;
		height:150px;
		width:122px;
	}
		.agent_sidenav ul li{
			display:block;
			list-style:none;
			width:122px;
			height:26px;
			line-height:26px;
			padding:0;
			margin:0;
		}
		.agent_sidenav ul .active{
			background:url(../images/site/agent_missions_sidenav_on.png) top left no-repeat;
		}
			.agent_sidenav ul li a{
				color:#666666;
				display:block;
				padding-left:10px;
				height:26px;
				font-size:14px;
				text-decoration:none;
				font-family:"Times New Roman", Times, serif;
			}
				.agent_sidenav ul li a:hover{
					color:black;
				}
			.agent_sidenav ul .active a{
				color:black;
			}

.agent_assignments_head{
	width:560px;
	height:24px;
	font-weight:bold;
	color:white;
	text-indent:5px;
	line-height:24px;
	background:url(../images/site/agent_assignments_head.png) top left no-repeat;
}
.agent_assignments{
	width:538px;
	border:1px solid #888888;
	border-top:none;
	padding:10px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
}

.full_head{
	width:660px;
	height:24px;
	font-weight:bold;
	color:white;
	text-indent:5px;
	line-height:24px;
	background:url(../images/site/full_head.png) top left no-repeat;
}
.full_text{
	width:638px;
	border:1px solid #888888;
	border-top:none;
	padding:10px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
}
		
.list_head{
	width:695px;
	height:24px;
	font-weight:bold;
	color:white;
	text-indent:5px;
	line-height:24px;
	background:url(../images/site/list_head.png) top left no-repeat;
}
.list{
	background:white;
	width:673px;
	border:1px solid #888888;
	border-top:none;
	padding:10px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
}

.footer{
	margin:15px 0;
	color:white;
}
	.footer a{
		margin:0 10px;
		color:white;
		text-decoration:none;
	}
		.footer a:hover{
			color:#FFFF99;
		}
		
.shadow-callout{
	box-shadow: 0px 0px 5px #FC0;
	-moz-box-shadow: 0px 0px 5px #FC0;
	-webkit-box-shadow: 0px 0px 5px #FC0;
	background:#FFD;
	border:1px solid #FF9;
	padding:5px;
}

/* PAGING */

.Paging{
	height:20px;
	margin-top:10px;
}
	.Paging a, .Paging span{
		width:26px;
		display:block;
		float:left;
		height:20px;
		margin-right:2px;
		background:url(../images/site/page_number_bg.gif);
		line-height:19px;
		text-align:center;
		color:#333333 !important;
		font-weight:bold;
		text-decoration:none;
	}
		.Paging a:hover{
			background:url(../images/site/page_number_active.gif);
		}
	.Paging .next, .Paging .prev{
		width:40px !important;
		background:url(../images/site/page_number_end.gif) !important;
	}
		.Paging .next:hover, .Paging .prev:hover{
			background:url(../images/site/page_number_end_over.gif) !important;
		}
	.Paging .active{
		background:url(../images/site/page_number_active.gif) !important;
	}

/* FEEDBACK */

.feedback{
	margin:0 auto;
	position:relative;
	margin-bottom:10px;
}
.feedback ul li{
	font-style:italic;
}
.feedback h1{
	font-weight:bold;
	font-size:20px;
	margin:10px 0;
}
.feedback .failure, .feedback .success{
	padding:10px 10px 10px 70px;
	min-height:50px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
.feedback .failure{
	background:url(../images/icons/warning_48.png) no-repeat 10px 10px #FFFF99;
}
.feedback .success{
	background:url(../images/icons/accepted_48.png) no-repeat 10px 10px #E4FFD9;
}

