/**********************************************************
// Body Styles
**********************************************************/
body {
	margin: 0;
	padding: 0;
	background-color: #222;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	}
	
a:link, a:visited {
	color: #FFF;
	text-decoration: none;
	}
	
a:hover {
	color: #ffd51e;
	text-decoration: underline;
	}
	
a img {
	border: none;
	}
	
.AlignLeft {
	float: left;
	}
	
.AlignRight {
	float: right;
	}
	
/**********************************************************
// Top Bar Styles
**********************************************************/
#Top-Bar {
	margin: 0;
	padding: 0 10px 0 0;
	height: 15px;
	background-color: #111;
	text-align: right;
	font-size: 10px;
	border-bottom: 1px solid #333;
	}
	
/**********************************************************
// Header Styles
**********************************************************/
#Header {
	margin: 0;
	padding: 0;
	height: 100px;
	background-color: #222;
	}
	
/**********************************************************
// Nav Styles
**********************************************************/
#Nav {
	margin: 0;
	padding: 0;
	height: 25px;
	background-color: #222;
	border-bottom: 2px solid #666;
	}
	
#Nav ul {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 590px;
	list-style: none;
	list-style-type: none;
	overflow: hidden;
	}
	
#Nav ul li {
	margin: 0 6px 0 6px;
	padding: 0;
	height: 24px;
	line-height: 23px;
	float: left;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	border-top: 1px solid #444;
	background-color: #333;
	}
	
#Nav ul li:hover {
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	border-top: 1px solid #555;
	background-color: #444;
	}
	
#Nav ul li a:link, #Nav ul li a:visited {
	margin: 0;
	padding: 0 7px 0 7px;
	height: 25px;
	display: block;
	color: #DDD;
	}
	
#Nav ul li a:hover {
	color: #ffd51e;
	text-decoration: none;
	}
	
#Nav .Nav-Active {
	margin: 1px 6px 0 6px;
	padding: 0;
	height: 25px;
	line-height: 23px;
	background-color: #555;
	border-left: 1px solid #666;
	border-right: 1px solid #444;
	border-top: 1px solid #666;
	border-bottom: 1px solid #555;
	}
	
#Nav .Nav-Active a:link, #Nav .Nav-Active a:visited, #Nav .Nav-Active a:hover {
	color: #FFF;
	}
	
#Nav .Nav-Active:hover {
	background-color: #555;
	color: #111;
	border-left: 1px solid #666;
	border-right: 1px solid #444;
	border-top: 1px solid #666;
	border-bottom: 1px solid #555;
	}
	
/**********************************************************
// Content Styles
**********************************************************/
#Content {
	margin: 0;
	padding: 20px 0 15px 0;
	background-color: #555;
	min-height: 100px;
	border-bottom: 2px solid #666;
	}
	
/**********************************************************
// Box: Top5 Styles
**********************************************************/
#Box-Top5 {
	margin: 0 auto 5px auto;
	padding: 0;
	width: 700px;
	background: url('../Images/Box-Top5-BG.gif') repeat-y;
	}
	
#Box-Top5-Top {
	margin: 0;
	padding: 0;
	width: 700px;
	height: 37px;
	background: url('../Images/Box-Top5-Top.gif') top no-repeat;
	}
	
#Box-Top5-Bottom {
	margin: 0;
	padding: 0;
	width:700px;
	height: 10px;
	background: url('../Images/Box-Top5-Bottom.gif') bottom no-repeat;
	}

#Panel-Top5 {
	margin: 0 114px 0px 144px;
	padding: 8px 0 0 0;
	width: 352px;
	height: 20px;
	text-align: center;
	}	
	
#Panel-Top5 ul {
	margin: 0px auto 0px auto;
	list-style-type: none;
	list-style-image: none;
	}
	
#Panel-Top5 ul li {
	margin: 0px 2px 0px 2px;
	padding: 0;
	line-height: 20px;
	width: 100px;
	height: 20px;
	display: inline;
	float: left;
	text-align: center;
	}
	
#Panel-Top5 ul li a:link, #Panel-Top5 ul li a:visited {
	width: 100px;
	height: 20px;
	display: block;
	text-align: center;
	}
	
.Panel-Top5-DeActive {
	color: #222;
	cursor: pointer;
	}
	
.Panel-Top5-DeActive:hover {
	color: #8c740e;
	}
	
.Panel-Top5-Active {
	background: url('../Images/Box-Top5-Select.png') no-repeat;
	color: #222;
	}
	
#Panel-Top5-Data {
	margin: 10px auto 5px auto;
	padding: 0;
	width: 550px;
	height: 129px;
	overflow: hidden;
	text-align: center;
	}
	
.Panel-Top5-Loading {
	margin: 0;
	padding: 0;
	width: 550px;
	height: 118px;
	background: url("../Images/Loading.gif") center center no-repeat;
	}
	
/**********************************************************
// Box: General Styles
**********************************************************/
.Box-Gen {
	margin: 0px auto 5px auto;
	padding: 0;
	width: 700px;
	background: url('../Images/Box-Gen-BG.gif') repeat-y;
	}
	
.Box-Gen-Top {
	margin: 0;
	padding: 0;
	width: 700px;
	height: 10px;
	background: url('../Images/Box-Gen-Top.gif') top no-repeat;
	}
	
.Box-Gen-Bottom {
	margin: 0;
	padding: 0;
	width: 700px;
	height: 10px;
	background: url('../Images/Box-Gen-Bottom.gif') bottom no-repeat;
	}
	
.Box-Gen-Adsense {
	margin: 0 auto 0 auto;
	padding: 4px 0 4px 0;
	width: 468px;
	min-height: 60px;
	}
	
/**********************************************************
// Box: Channel Styles
**********************************************************/
.Box-Chan {
	margin: 0px auto 5px auto;
	padding: 0;
	width: 700px;
	background: url('../Images/Box-Chan-BG.gif') repeat-y;
	}
	
.Box-Chan-Top {
	margin: 0;
	padding: 6px 0 0 0;
	width: 700px;
	height: 27px;
	font-size: 16px;
	font-weight: bold;
	color: #222;
	background: url('../Images/Box-Chan-Top.gif') top no-repeat;
	}
	
.Box-Chan-Bottom {
	margin: 0;
	padding: 0;
	width: 700px;
	height: 6px;
	background: url('../Images/Box-Chan-Bottom.gif') bottom no-repeat;
	clear: both;
	}

.Box-Chan-Text {
	margin: 5px auto 5px auto;
	padding: 0;
	width: 670px;
	text-align: justify;
	}
	
/**********************************************************
// Button: Acct Link Styles
**********************************************************/
#Button-Link-Acct {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 450px;
	height: 60px;
	background: url('../Images/Button-Link-Acct.gif') 0px 0px no-repeat;
	cursor: pointer;
	}
	
#Button-Link-Acct:hover {
	background: url('../Images/Button-Link-Acct.gif') 0px -60px no-repeat;
	}
	
/**********************************************************
// Button: Pass Link Styles
**********************************************************/
#Button-Link-Pass {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 450px;
	height: 60px;
	background: url('../Images/Button-Link-Pass.gif') 0px 0px no-repeat;
	cursor: pointer;
	}
	
#Button-Link-Pass:hover {
	background: url('../Images/Button-Link-Pass.gif') 0px -60px no-repeat;
	}
	
/**********************************************************
// Amazon Item Styles
**********************************************************/
.AmzContain {
	height: 125px;
	float: left;
	margin-bottom: 2px;
	}

.AmzData {
	margin: 10px auto 0px 15px;
	padding: 0;
	width: 550px;
	height: 118px;
	overflow: hidden;
	text-align: center;
	float: left;
	}
	
#AmzLeft {
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	background: url('../Images/LeftArrowOrig.gif') no-repeat;
	cursor: pointer;
	}
	
#AmzLeft:hover {
	background: url('../Images/LeftArrowRoll.gif') no-repeat;
	}
	
#AmzLeftBG {
	margin: 40px 5px 0px 15px;
	padding: 0;
	float: left;
	width: 30px;
	height: 30px;
	background: url('../Images/LeftArrowOrig.gif') no-repeat;
	}
	
#AmzRight {
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	background: url('../Images/RightArrowOrig.gif') no-repeat;
	cursor: pointer;
	}
	
#AmzRight:hover {
	background: url('../Images/RightArrowRoll.gif') no-repeat;
	}
	
#AmzRightBG {
	margin: 40px 15px 0px 5px;
	padding: 0;
	float: right;
	width: 30px;
	height: 30px;
	text-align: center;
	background: url('../Images/RightArrowOrig.gif') no-repeat;
	}
	
.AmzItemBox {
	margin: 0px 5px 0px 5px;
	padding: 0;
	width: 100px;
	float: left;
	}
	
.AmzItemPic {
	margin: 0;
	padding: 0;
	height: 85px;
	}
	
.AmzItemPic img {
	padding: 2px;
	border: 1px solid #555;
	}
	
.AmzItemPic img:hover {
	border: 1px solid #ffd51e;
	}
	
.AmzItemTitle {
	font-size: 10px;
	}
	
.AmzLoading {
	margin: 0;
	padding: 0;
	width: 550px;
	height: 118px;
	background: url("../Images/Loading.gif") center center no-repeat;
	}
	
.Seperator {
	margin: 0px auto 7px auto;
	padding: 0;
	width: 660px;
	border-bottom: 1px dotted #444;
	clear: both;
	}
	
/**********************************************************
// Footer Styles
**********************************************************/
#Footer {
	margin: 0;
	padding: 5px 0 5px 0;
	font-size: 9px;
	color: #666;
	border-top: 2px solid #1E1E1E;
	}
	
#Footer a:link, #Footer a:visited {
	color: #666;
	}
	
#Footer a:hover {
	color: #ffd51e;
	}
	
/**********************************************************
// Channel Styles
**********************************************************/
.Chan-Header {
	margin: 0 auto 0 auto;
	padding: 0 0 0 10px;
	width: 674px;
	height: 26px;
	line-height: 26px;
	background-color: #333;
	border-left: 1px solid #444;
	border-top: 1px solid #444;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	clear: both;
	cursor: pointer;
	}

.Chan-Header:hover {
	background-color: #222;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
	}
	
.Chan-Group {
	margin: 0 auto 1px 7px;
	padding: 0;
	width: 685px;
	background-color: #444;
	text-align: left;
	float: left;
	}
	
.Chan-Listing {
	margin: 0;
	padding: 0;
	width: 684px;
	height: 50px;
	clear: both;
	border-top: 1px solid #555;
	overflow: hidden;
	}
	
.Chan-Listing:hover {
	background-color: #333;
	}
	
.Chan-Listing:hover strong {
	color: #ffd51e;
	}
	
.Chan-Listing:hover .Chan-Prev {
	color: #FFF;
	}
	
.Chan-Num {
	margin: 0;
	padding: 0;
	width: 49px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #333;
	font-weight: bold;
	font-size: 12px;
	float: left;
	border-left: 1px solid #555;
	color: #ffd51e;
	}
	
.Chan-Num a:link, .Chan-Num a:visited {
	color: #ffd51e;
	text-decoration: none;
	}
	
.Chan-Num a:hover {
	color: #ffd51e;
	text-decoration: underline;
	}
	
.Chan-Name {
	margin: 0;
	padding: 0 0 0 10px;
	width: 624px;
	height: 24px;
	line-height: 24px;
	float: left;
	border-bottom: 1px solid #333;
	font-weight: bold;
	}
	
.Chan-Name a:link, .Chan-Name a:visited {
	color: #FFF;
	text-decoration: none;
	}
	
.Chan-Name a:hover {
	color: #FFF;
	text-decoration: underline;
	}
	
.Chan-Prev {
	margin: 0;
	padding: 0 0 0 10px;
	width: 624px;
	height: 25px;
	line-height: 25px;
	float: left;
	font-size: 11px;
	color: #DDD;
	}
	
.Chan-Prev strong {
	color: #FFF;
	}
	
.Chan-Prev a:link, .Chan-Prev a:visited {
	color: #DDD;
	text-decoration: none;
	}
	
.Chan-Prev a:hover {
	color: #FFF;
	text-decoration: underline;
	}
	
/**********************************************************
// Box: Sync Styles
**********************************************************/
.Box-Sync {
	margin: 0px auto 5px auto;
	padding: 0;
	width: 700px;
	background: url('../Images/Box-Sync-BG.gif') repeat-y;
	}
	
.Box-Sync-Top {
	margin: 0;
	padding: 0;
	width: 700px;
	height: 10px;
	background: url('../Images/Box-Sync-Top.gif') top no-repeat;
	}
	
.Box-Sync-Bottom {
	margin: 0;
	padding: 0;
	width: 700px;
	height: 10px;
	background: url('../Images/Box-Sync-Bottom.gif') bottom no-repeat;
	}

/**********************************************************
// Form: XM Styles
**********************************************************/
.XM-Form {
	margin: 10px auto 10px auto;
	padding: 0;
	width: 500px;
	}
	
.XM-Left {
	margin: 0;
	padding: 0;
	width: 200px;
	float: left;
	text-align: right;
	line-height: 27px;
	font-size: 13px;
	}
	
.XM-Right {
	margin: 0;
	padding: 0;
	width: 290px;
	float: right;
	text-align: left;
	}
	
.XM-Login {
	margin: 4px 0 0 0;
	padding: 1px 0 0 1px;
	width: 150px;
	height: 17px;
	border: 1px solid #FFF;
	background-color: #DDD;
	color: #222;
	}
	
.XM-Login:hover {
	border: 1px solid #fff25f;
	background-color: #ffd51e;
	color: #222;
	}
	
.XM-Submit {
	margin: 4px 0 0 0;
	padding: 1px;
	width: 75px;
	border: 1px solid #FFF;
	background-color: #DDD;
	color: #222;
	cursor: pointer;
	}
	
.XM-Submit:hover {
	border: 1px solid #fff25f;
	background-color: #ffd51e;
	color: #222;
	}
	
/**********************************************************
// Flag Styles
**********************************************************/
#Flag-Err {
	margin: 10px auto 0 auto;
	padding: 2px;
	width: 500px;
	background-color: #800;
	border: 1px solid #d13131;
	color: #FFF;
	}
	
/**********************************************************
// XM-Sync Nav Styles
**********************************************************/
#XMSync-Nav {
	margin: 0;
	padding: 0;
	height: 30px;
	}
	
#XMSync-Nav ul {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 510px;
	list-style: none;
	list-style-type: none;
	overflow: hidden;
	}
	
#XMSync-Nav ul li {
	margin: 5px 6px 0 6px;
	padding: 0;
	height: 20px;
	line-height: 20px;
	float: left;
	border-top: 1px solid #fff25f;
	border-left: 1px solid #fff25f;
	border-right: 1px solid #d8b30e;
	border-bottom: 1px solid #d8b30e;
	background-color: #ffe059;
	}
	
#XMSync-Nav ul li:hover {
	background-color: #ffeda1;
	}
	
#XMSync-Nav ul li a:link, #XMSync-Nav ul li a:visited {
	margin: 0;
	padding: 0 7px 0 7px;
	height: 20px;
	display: block;
	color: #222;
	}
	
#XMSync-Nav ul li a:hover {
	text-decoration: none;
	}
	
#XMSync-Nav .Nav-Active {
	margin: 5px 6px 0 6px;
	padding: 0;
	height: 20px;
	line-height: 20px;
	background-color: #444;
	border-top: 1px solid #d8b30e;
	border-left: 1px solid #d8b30e;
	border-right: 1px solid #fff25f;
	border-bottom: 1px solid #fff25f;
	}
	
#XMSync-Nav .Nav-Active a:link, #XMSync-Nav .Nav-Active a:visited, #XMSync-Nav .Nav-Active a:hover {
	color: #FFF;
	}
	
#XMSync-Nav .Nav-Active:hover {
	background-color: #444;
	}
	
.Yellow {
	color: #ffd51e;
	}
	
.Button-Delete {
	margin: 0 auto 0 auto;
	padding: 5px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
	background-color: #444;
	}
	
.Button-Delete:hover {
	border-top: 1px solid #b82a2a;
	border-left: 1px solid #b82a2a;
	border-right: 1px solid #410a0a;
	border-bottom: 1px solid #410a0a;
	background-color: #800;
	color: #FFF;
	text-decoration: none;
	}