body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	font-weight: normal;
	color: #333333;
	text-align: center;
	background-color:#FFFFFF;
	}

p {
	font-size: 1em;
	font-weight: normal;
	color: #333333;
	margin:4px 0 4px 0;
	padding:0;
	}

h1 {
	font-size: 1.5em;
	font-weight: normal;
	color: #333333;
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
	}

h2 {
	font-size: 1.2em;
	font-weight: normal;
	color: rgb(21,110,172);
	margin: 0;
	padding: 0;
	letter-spacing: normal;
	letter-spacing: -1px;
	}

h3 {
	font-size: 1.2em;
	font-weight: normal;
	color: #82B000;
	margin: 12px 0 3px 0;
	padding: 0;
	letter-spacing: -1px;
	}

h4 {
	font-size: 1.2em;
	font-weight: normal;
	color: #333333;
	margin: 0 0 3px 0;
	padding: 0;
	letter-spacing: -1px;
	}	

h5 {
	font-size: 1.8em;
	font-weight: normal;
	color: rgb(21,110,172);
	margin: 12px 0 3px 0;
	padding: 0;
	letter-spacing: -1px;
	}

h6 {
	font-size: 1.5em;
	font-weight: normal;
	color: #5D6C6F;
	margin: 2px 0 3px 0;
	padding: 0;
	letter-spacing: -1px;
	}

h7 {
	font-size: 1.8em;
	font-weight: normal;
	color:#d0155d;
	margin: 2px 0 3px 0;
	padding: 0;
	letter-spacing: -1px;
	}

	
.plight { color:#999999;}
.cancelled { color:black; background-color: #FF9999;}
.pblue { color: rgb(21,110,172);}
.pgray { background-color: #F0F0F0;}
.pform { margin: 12px 0 3px 0;}

img { border: none; }

.hidden { display: none; }

a:link { color: rgb(21,110,172); text-decoration: none;}
a:visited { color: rgb(21,110,172); text-decoration: none;}
a:hover {color: rgb(37,162,226); text-decoration: none; }
a:active { color: rgb(37,162,226); text-decoration: none;}

.underline {text-decoration:underline;}

.tpink {
color:rgb(197,38,94);
font-weight:bold;
}

.tred {
color:rgb(197,38,94);
}

.headertitle {
	font-size: 1.5em;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
}

.header1 {
	font-size: 1.5em;
	font-weight: normal;
	color: #333333;
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
}

.subtitle {
	font-size: 1.2em;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0;
	padding: 10px 15px 0px 0px;
}

.text {
	font-size: 1em;
	font-weight: normal;
	color: #000066;
	margin:4px 0 4px 0;
	padding:0;
}


/********* LAYOUT **********/

#container {
	margin: 0 auto;
	padding:0 4px 0 4px;
	width: 920px;
	background-color: #FFFFFF;
	width: 920px;
	text-align: left;
	}
	
#header {
	height: 54px;
	background-color: #155f92;
	background-image: url(media/banner.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
	}
	
#navbar {
	height: 31px;
	background-image: url(media/navbarbg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	padding: 0px 12px 0 12px;
	margin:0;
	color:#ffffff;
	font-size: .9em;
	}

	
#menu {
	float: left;
	width: 200px;
	padding-top: 9px;
	}

#menu a {text-decoration: none;}	

#contents {
	width: 682px;
	margin: 0px 0px 20px 0px;
	padding: 9px 0px 0px 12px;
	min-height:600px;
	}
	
#homecontents {
	width: 682px;
	margin: 0px 0px 20px 0px;
	padding: 9px 0px 0px 0px;
	min-height:500px;
	}
		
#contents a:link { color: rgb(21,110,172); text-decoration: none;  }
#contents a:visited { color: rgb(21,110,172); text-decoration: none; }
#contents a:hover, a:active { color: rgb(37,162,226); text-decoration: none; }
	
#footer	{
	clear: both;
	background-image: url(media/footerbg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height:23px;
	padding: 7px 0 0 0;
	background-color: #155f92;
	text-align:center;
	font-size: .9em;
	
	}
	
#footer a:link, #navbar a:link { color: #ffffff;}
#footer a:visited, #navbar a:visited { color: #ffffff;}
#footer a:hover, a:active, #navbar a:hover { color: #CCCCCC;}
#footer a, .navbarindex a { text-decoration: none;}

.tfloatleft {
float:left;}

#footer li {padding:0 6px 0 6px;}


/********* MAIN CONTENT **********/

/* Nav Bar and Footer */

.navbarindex {
	float:left;
	padding:8px 0 0 0;
	}
	
	
.navbarindex ul, #footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
.navbarindex ul li, #footer ul li { display: inline; }



.navbarshop {
	position:relative;
	float:right;
	display: inline;
	font-weight: normal;
	padding:8px 0 0 0;
	}

	
.navbarshop ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
.navbarshop ul li { display: inline; }

.navbarshop a {
	text-decoration: underline;
	padding: 0 2px 0 0;
	}
	
.navbarshoplist {
	list-style: none;
	margin: 0;
	padding: 0;
	}

li.moneyfield {
	background-image: url(media/credit_field.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 4px 12px 4px 14px;
	margin:0;
	color:#333333;
	}

li.navbarplain {
	padding: 0 0 0 6px;
	margin:0;
	}

li.navbaritems {
	background-image: url(media/icon_shopcart.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 20px;
	margin:0;
	}

/* Nav Content Tabs */

.contenttabs {
	text-align:left;
	padding: 0px;
	margin-left:0px;
	}	
	
.contenttabs ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
.contenttabs ul li { display: inline; }

.contenttabs ul li a {
	text-decoration: none;
	padding: 0 3px 0 0;
	font-size: 1.5em;
	color: #333333;
	}

.contenttabs ul li a:hover {
	color: rgb(21,110,172);
	}	

.sortby {
	padding: 0;
	margin-left:0;
	font-size: .9em;
	color: Red;
	}	
	
.sortby td  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding: 4px;
	margin: 0;
	color: Red;
	font-weight: bold;
	text-decoration:none;
	}
	

.sortbyselect {
text-decoration:underline;
}

/* MEDIA SUMMARY */

.empty{
	position:relative;
	margin:0;
	padding:0;
	clear:right;
}

.linedot {
	background-image:url(../media/line_dotrepeat.gif);
	background-position: top left;
	background-repeat: repeat-x;
	position: relative;
	margin: 4px 0 0 0;
	padding: 6px 0 0 0;
	text-align:left;
	width:690px;
	}

.mediasummary {
	background-image:url(media/line_dotrepeat.gif);
	background-position: top left;
	background-repeat: repeat-x;
	position: relative;
	margin: 4px 0 0 0;
	padding: 6px 0 0 0;
	text-align:left;
	min-height:90px;
	height:90px;
	}

.mediadisplay {
	margin: 0 0 0 100px;
	}
	
.mediadescription { 
	margin:0;
	padding-bottom:4px;
	}
	
.mediathumb {
	float:left;
	width: 100px;
	}

.mediadetail {
	padding:0;
	margin:0;
	font-size: 80%;
	color: #333333;
	}	
	
.mediacomments {
	background-image: url(media/icon_comments.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding:0 0 0 18px;
}

.mediavotes {
	background-image: url(media/icon_votes.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 14px;
	padding-right: 8px;
}

.mediadownloads {
	background-image: url(media/icon_downloads.gif);
	background-repeat: no-repeat;
	background-position: 9% 50%;
	padding-left: 26px;
	padding-right: 8px;
	}
	
.mediadetailprice {
	color: rgb(197,38,94);
	float:right;
	clear:right;
	font-size: .8em;
	}
	
/*CONTENT PAGE*/

.fright {
width:690px;
text-align:right;
}

.fleft {
float:left;
}

.preview {
position: relative;

margin:2px 0 12px 0;
}

.info {
position: relative;
width:460px;
padding:0 0 4px 0;
}

.pics {
float:right;
width:230px;
margin:2px 0 0 0;
}



/*pages*/
.pages {
	padding: 1em;
	margin: 0;
	clear: right;
	float:right;
	font-size: .8em;
}

.pages a, .pages span {
	display: block;
	float: left;
	padding: 0.2em 0.5em;
	border: 1px solid #fff;
	background: #fff;
}

.pages span.current {
	border: 1px solid #2E6AB1;
	font-weight: bold;
}

.pages a {
	text-decoration: none;
}

.pages a:hover {
	border-color: #2E6AB1;
}

.pages a.nextprev {
	font-weight: bold;
}

.pages span.nextprev {
	color: #999;
}

/********* LEFT NAV **********/

.welcomelinks {
	position:relative;
	background-image: url(media/line_dot.gif);
	background-position: top left;
	background-repeat: repeat-x;
	padding: 12px 0 6px 0;
	margin:12px 0 2px 0;
}


.person a, .question a {color:rgb(197,38,94);}
.person a:hover, .question a:hover {color:rgb(255,80,140);}

linedotpanel {
	padding: 2px 0 2px 0;
	margin: 0;
}

/* TOOLBOX PAGES*/

.toolboxcontainer {
	position:relative;
	margin: 8px 0 0 0px;
	padding: 0;
}



/* LeftNav TOOLBOX */

.tbitems {
	position:relative;
	margin:12px 0 0 0;
	padding:0;
}


.toolboxa {
	display:block;
	position:relative;
	padding:0px 0 4px 0;
	margin:0;
	background-image: url(media/line_dot.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	text-decoration: none; 
}

.tbnumberaccount {
	position: absolute;top: 1px;left: 160px;
	color:rgb(197,38,94);
	font-size:.8em;
	font-weight:bold;
}

.tbnumberuploads {
	position: absolute;top: 23px;left: 160px;
	color:rgb(197,38,94);
	font-size:.8em;
	font-weight:bold;
}

.tbnumbersales {
	position: absolute;top: 46px;left: 160px;
	color:rgb(197,38,94);
	font-size:.8em;
	font-weight:bold;
}

.tbnumberdownloads {
	position: absolute;top: 69px;left: 160px;
	color:rgb(197,38,94);
	font-size:.8em;
	font-weight:bold;
}

.tbnumberwatch {
	position: absolute;top: 92px;left: 160px;
	color:rgb(197,38,94);
	font-size:.8em;
	font-weight:bold;
}


.tblogoutbox{
	position:relative;
	margin:0;
	padding:0;
	text-decoration: none; 
}

.tbusername{
	position:relative;
	margin:0;
	padding:0 0 0 36px;
	text-decoration: none; 
}

.tbusernameb{
	position:relative;
	margin:0;
	padding:0 0 0 36px;
	font-size:.8em;
	text-decoration: none; 
}

.tbusernameb a {text-decoration: none;}

.tbusericon{
	position:relative;
	float:left;
	width:30px;
	margin:0;
	padding:3px 0 0 0;
}



/* Main Menu */

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}



#iconlist ul, #welcomelist ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#iconlist li ul, #welcomelist li ul {
	margin: 0;
	padding: 0;
}

#iconlist li, #welcomelist li{
	margin: 0;
	position: relative;
}


#iconlist li a, #welcomelist li a {
	display: block;
	padding: 0;
	text-decoration: none;
	font-size: 1.1em;
	width: 100%;
}

#iconlist li li a {
	display: block;
	text-decoration: none;
	font-size: .9em;
	width: 100%;
	
}


#iconlist, #welcomelist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.navlistselected{
	background-image: url(media/list_dot.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding:0 0 0 7px;
	color: #333333;
}

.navlistselected a{
	background-image: url(media/list_dot.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding:0 0 0 7px;
	color: #333333;
	font-weight:bold;
}

li.listdot {
	background-image: url(media/list_dot.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding:0 0 0 12px;
}


li.listdotb {
	background-image: url(media/list_dotb.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding:0 0 0 12px;
}
li.listbreak {
	background-image: url(media/line_dotrepeat2.gif);
	background-repeat: repeat-x;
	background-position: 0 50%;
	padding:0 0 0 12px;
}

li.all {
	background-image: url(media/icon_all.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:4px 0 3px 24px;
}

li.video {
	background-image: url(media/icon_video.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:4px 0 3px 24px;
	color: rgb(21,110,172);
	cursor:hand;
}

li.tunes {
	background-image: url(media/icon_tunes.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:4px 0 3px 24px;
	color: rgb(21,110,172);
	cursor:hand;
}

li.words {
	background-image: url(media/icon_words.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:4px 0 3px 24px;
	color: rgb(21,110,172);
	cursor:hand;
}

li.podcasts {
	background-image: url(media/icon_podcasts.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:4px 0 3px 24px;
	color: rgb(21,110,172);
	cursor:hand;
}

li.images {
	background-image: url(media/icon_images.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:4px 0 3px 24px;
	color: rgb(21,110,172);
	cursor:hand;
}

li.games {
	background-image: url(media/icon_games.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:4px 0 3px 24px;
	color: rgb(21,110,172);
	cursor:hand;
}

li.software {
	background-image: url(media/icon_software.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:4px 0 3px 24px;
	color: rgb(21,110,172);
	cursor:hand;
}

li.question {
	background-image: url(media/icon_question.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:4px 0 3px 24px;
}

li.person {
	background-image: url(media/icon_person.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:4px 0 3px 24px;
}

/* Panels */

div.bgedge {
	width: 200px;
	background-image: url(media/corners_bg.gif);
	background-position: bottom right;
	background-repeat: repeat-x;
	background-color: #fff;
	margin: 2px 0 12px 0;
	}
	
div.uedge {
	background-image: url(media/corners_t.gif);
	background-position: top right;
	background-repeat: repeat-x;
	}

div.redge {
	background-image: url(media/corners_r.gif);
	background-position: top right;
	background-repeat: repeat-y;
	}

div.bedge {
	background-image: url(media/corners_b.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	}

div.ledge {
	background-image: url(media/corners_l.gif);
	background-position: top left;
	background-repeat: repeat-y;
	}

div.ulcorner {
	background-image: url(media/corners_topleft.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}

div.urcorner {
	background-image: url(media/corners_topright.gif);
	background-position: top right;
	background-repeat: no-repeat;
	}

div.blcorner {
	background-image: url(media/corners_bottomleft.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	}

div.brcorner {
	background-image: url(media/corners_bottomright.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 10px 12px 12px 12px;
	}

div.innercontent {
	width: 100%;
	}

/* Comments */

.contentboxleft{
	position: relative;
	width:400px;
	}

div.bgedgecom {
	width: 560px;
	background-image: url(media/com_bg.gif);
	background-position: bottom right;
	background-repeat:repeat;
	background-color: #fff;
	margin: 2px 0 12px 0;
	}

div.bgedgebox {
	float:right;
	width:25em;
	background-image: url(media/com_bg.gif);
	background-position: bottom right;
	background-repeat:repeat;
	background-color: #fff;
	margin: 2px 0 12px 0;
	}
	
div.uedgecom {
	background-image: url(media/corners_t2.gif);
	background-position: top right;
	background-repeat: repeat-x;
	}

div.redgecom {
	background-image: url(media/corners_r.gif);
	background-position: top right;
	background-repeat: repeat-y;
	}

div.bedgecom {
	background-image: url(media/corners_b.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	}

div.ledgecom {
	background-image: url(media/corners_l.gif);
	background-position: top left;
	background-repeat: repeat-y;
	}

div.ulcornercom {
	background-image: url(media/com_cornertopleft.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}

div.urcornercom {
	background-image: url(media/com_cornertopright.gif);
	background-position: top right;
	background-repeat: no-repeat;
	}

div.blcornercom {
	background-image: url(media/com_cornerbotleft.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	}

div.brcornercom {
	background-image: url(media/com_cornerbotright.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 5px 6px 6px 6px;
	}

div.innercontentcom {
	width: 100%;
	}
	
li.listcom {
	list-style: none;
	list-style-position: outside;
	padding:0 0 0 2px;
}	


.commentlist{
position: relative;
width:700px;
padding:6px 2px 6px 6px;
}

.commentlook{
float:right;
width:280px;
padding:6px 2px 6px 6px;
}

.fright2 {
float:right;
}

.comdent {
padding: 0 5px 4px 0px;

}

.commentlist a {
font-size:1em;
}


.pcomment {
	font-size: 1em;
	font-weight: normal;
	color: #333333;
	margin:4px 0 0 16px;
	padding:0;
	}
	
.psubcomment {
	font-size: .9em;
	font-weight: normal;
	color: #666666;
	padding:4px 0 0 16px;
	margin:0;
	}
	
.comment {
padding:0 0 18px 0;
}

.commentsub {
padding:0 0 16px 40px;
}


/********* FORMS **********/

.formbox {
	position:relative;
	margin:12px 0 0 0 ;
	padding:0;
	text-align:center;
	}

input {background-color: #F7F7F7; font-size: .9em; color:#666666;
}

select {background-color: #F7F7F7; font-size: .9em; color:#666666
}

textarea {background-color: #F7F7F7; font-size: .9em; color:#666666}

form{margin:0px;}

.loginnest {
position:relative;
}

.loginfloat{
position:relative;}


/* TABLES */

.tablecontainer{
margin:12px 0 0 0;
padding:0;
}

	
	/* Opera fix */
	head:first-child+body tr.ruled td{
		background-color: #C6E3FF; 
	}
	
/*TABS*/


.tabscontainer{
margin:0;
padding:0;
position: absolute;top: 100px;
}

.hpad {
	padding-bottom:6px;
}

.tabs {

	float:left;
	width:685px;
	background: url(media/tabs_bg.gif) repeat-x bottom;
	font-size:.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

	.tabs ul {
	margin: 0;
	padding: 2px 10px 0;
	list-style: none;

	}

	.tabs li {
	float:right;
	background:url(media/tabs_right.gif) no-repeat right top;
	margin: 0;
	padding: 0;
	}

	.tabs a {
	float:left;
	display: block;
	background:url(media/tabs_left.gif) no-repeat left top;
	padding:5px 15px 4px;
	text-decoration: none;
	}

	.tabs a:hover {
	color: #FF9900;
	}

	#tabs a {float:none;}

	.tabs .tabscurrent {
	background-image:url(media/tabs_right_on.gif);
	}
	.tabs .tabscurrent a {
	background-image:url(media/tabs_left_on.gif);
	padding-bottom: 5px;
	}

	.tabs .tabscurrent a:visited {
	color:#0E4B96;
}

	/* PROFILE */
	
.profilebox dt {
	float: left;
	width: 10.5em;
	clear: left;
	padding-top: 1px;
	padding-right: 4px;
	color: #999;
	}

.profilebox dd {
	margin-left: 0;
	padding-bottom: 5px;
	}
