body {
	margin:	15px 15px 0px 15px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #333333;
	
	background-color:#FFFFFF;
	}

p {
	font-size: 1em;
	font-weight: normal;
	color: #333333;
	margin:15px 0 14px 0;
	padding:0;
	}

h1 {
	font-size: 1.3em;
	font-weight: normal;
	color: #F04A00;
	margin: 20px 0 20px 0px;
	padding: 0;
	letter-spacing: 0px;
	}

h2 {
	font-size: 1.2em;
	font-weight: normal;
	color: #333333;
	margin: 0;
	padding: 0;
	}

h3 {
	font-size: 1.1em;
	font-weight: normal;
	color: #82B000;
	margin: 12px 0 3px 0;
	padding: 0;
	letter-spacing: 0px;
	}

h4 {
	font-size: 1.2em;
	font-weight: normal;
	color: #F04A00;
	margin: 20px 0 0px 0;
	padding: 0;
	letter-spacing: -1px;
	}	

h5 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0px 0 10px 0;
	}

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;
	}

h8 {
	font-size: 1em;
	font-weight: normal;
	color: #F04A00;
	margin: 2px 0 2px 0px;
	padding: 0;
	letter-spacing: 0px;
	}

a:link { color: #000cff;}
a:visited{ color: #000cff;}
a:hover, a:active { color: #555dff;}


.small td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	vertical-align:top;

}

.small .title td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	vertical-align:top;
	text-align: center;
	color:#333399;
	 
}
	
.plight { color:#999999;}
.cancelled { color:black; background-color: #FF9999;}
.pblue { color: rgb(21,110,172);}
.plightblue { color: rgb(37,162,226);}
.horange { color:#F04A00; font-weight: bold;} 
.porange { color:#F04A00; font-weight: normal;} 
.pwhite { color: #FFFFFF;}
.pgray { background-color: #F0F0F0;}
.pform { margin: 12px 0 3px 0;}
.error { color:#CC0033;}
.selected {	background-color: #F2F3E5; }

img { border: none; }

.hidden { display: none; }



.underline {text-decoration:underline;}

.tpink {
color:rgb(197,38,94);
font-weight:bold;
}

/********* LAYOUT **********/

#container {
	margin: 0 auto;
	padding:0 4px 0 4px;
	width: 920px;
	background-color: #FFFFFF;
	width: 920px;
	text-align: left;
	}
	
	
#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;
	}
	
#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; }

#header {
	height: 16px;
	background-color: #fceddc;
	position: relative;
	text-align: right;
	margin: 0 -15px 0 -15px;
	padding: 10px 0 10px 0;
	vertical-align: middle;
	font-size: .9em;
}

#footer	{
	clear: both;
	height:16px;
	margin: 30px -15px 0 -15px;
	background-color: #ededed;
	font-size: .9em;
	padding: 10px 0 10px 0;
	vertical-align: middle;
	
	}

#footer a:link, #navbar a:link { color: #3f404d;}
#footer a:visited, #navbar a:visited { color: ##3f404d;}
#footer a:hover, a:active, #navbar a:hover { color: #000cff;}
#footer a, .navbarindex a { text-decoration: none;}

.tfloatleft {
float:left;}
#footer p {
	font-size: 1em;
	font-weight: normal;
	color: #727272;
	margin: 0 0 0 0;
	padding:0 0 0 0px;
	}
#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;
	}

/* 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.1em;
	color: #333333;
	}

.contenttabs ul li a:hover {
	color: rgb(21,110,172);
	}	

.sortby {
	padding: 0;
	margin-left:0;
	font-size: .9em;
	color: #333333;
	}	
	
.sortby a {
	padding-right: 4px;
	margin: 0;
	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: 2px 0 0px 0;
	padding: 0px 0 0px 0;
	text-align:left;
	width:150px;
	height:3px; 
	}

.linedotl {
	background-image:url(../media/line_dotrepeat.gif);
	background-position: top left;
	background-repeat: repeat-x;
	position: relative;
	margin: 2px 0 0px 0;
	padding: 0px 0 0px 0;
	text-align:left;
	height:3px; 
	}

/*CONTENT PAGE*/

.fright {
width:600px;
text-align:right;
}

.fleft {
float:left;
}

.preview {
position: relative;
margin:2px 0 12px 0;
}

.info {
position: relative;
width:200px;
padding:0 0 0px 10px;
}

.pics {
float:right;
width:230px;
margin:2px 0 0 0;
}



/*
.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;
}

.toolboxcontainer1 {
	float: right;
	position:relative; 
	width: 400px;
	margin: 15px 0 0 0px;
	padding: 0;
	}	


/* LeftNav TOOLBOX */

.tbitems {
	position:relative;
	margin:0px 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; 
	width:150px;
}

.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;
}

.sublist li{
	list-style-image: url(../media/list_dot.gif);
	margin:2px 0 0 25px;
}
/*
.all {
	padding:0 0 0 0px;
	font-size: 8pt;
	font-weight:bold;
	font-family:Verdana;
	color: #000000;  
}

.all a{
	padding:0 0 0 0px;
	font-size: 8pt;
	font-weight:bold;
	font-family:Verdana;
	color: #000000;  
}

.all a:hover { color: rgb(37,162,226); text-decoration: none;}
.all a:link, a:visited { color: #000000; text-decoration: none;}

.headerselected {
	padding:0 0 0 0px;
	font-size: 8pt;
	font-weight:bold;
	font-family:Verdana;
}

.headerselected a{
	padding:0 0 0 0px;
	font-size: 8pt;
	font-weight:bold;
	font-family:Verdana;
}
.headerselected a:link, .headerselected a:visited, .headerselected a:hover { color: #CC0033; text-decoration: none;}
*/
.navlistselected {
	padding:0px 0 0 0px;
	font-size: 8pt;
	font-weight:bold;
	font-family:Verdana;
}

.navlistselected a{
	padding:0px 0 0 0px;
	font-size: 8pt;
	font-weight:bold;
	font-family:Verdana;
}

.navlistselected a:link, .navlistselected a:hover, .navlistselected a:visited { color: #CC0033; text-decoration: none;}

.listdot a{
	font-weight:normal;
	padding:0 0 0 0px;
}

.listdot {
	font-weight:normal;
	list-style-position: outside;
}
.listdot a:link, .listdot a:visited { color: #333333; text-decoration: none;}
.listdot a:hover { color: rgb(37,162,226); text-decoration: none;}

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.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;
}

.instruction {
	font-size: 1em;
	font-weight: normal;
	color: #333333;
	margin:4px 0 0 16px;
	padding:0;
	}

.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:0px 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;
}

.pages {
	float:right;
	margin: 6px 0 12px 0;
	font-size: .9em;
	color:#666666;
	}

.pages a, .pages span {
	padding: 0.2em 0.5em;
	margin: 0 0px 0 0px;
	}

.pages a.current {
	color:#333333;
	font-weight: bold;
	}

.pages a:hover {
	}

.pages a.nextprev {
	font-weight: bold;
	}

.pages span.nextprev {
	color: #999;
	}

.pages .current {
	margin: 0 -2px 0 -2px;
	color:#333333;
	font-weight: bold;
	}

.double {
	letter-spacing:0px;
	}

.single {
	letter-spacing:0px;
	}
	
/* 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;
}

/* scrollTable  */
div.ScrollContainer {
 border: 1px solid #DCDCDC;
 height: 300px; 
 overflow-x:hidden;
 overflow-y:auto;
}

table.scrollTable tr:hover {
	background-color: #DCDCDC;
	font-style: normal;
}

.scrollContent {
 height:275px;
 overflow-x:hidden;
 overflow-y:auto;
}

.scrollContent tr {
 height: auto;
 white-space: nowrap;
}

.fixedHeader tr {
 position: relative;
 height: auto;
 /* this fixes IE header jumping bug when mousing over rows in the tbody */
 top: expression( this.parentNode.parentNode.parentNode.scrollTop + 'px' );
}

.headerFormat {
 color: #000000;
 margin: 3px;
 padding: 1px;
 white-space: nowrap;
 text-decoration: none;
 font-weight: bold;
}


.bodyFormat tr td {
	color: #000000;
	margin: 3px;
	padding: 1px;
	border: 0px none;
}
.bodyFormat td
{
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}


.recorder {
	padding: 20px;
	margin: auto;
	background-color: #ededed;
	text-align:center;
}

.recorder h1 {
	color: #F0F0F0;
	margin: 25px 0 25px 0;
	text-align: center;
}

.recorderlinks {
	width: 500px;
	padding: 5px;
	margin: 5px auto;
	background-color: #ededed;
}

.recorderhelp {

	width: 650px;
	margin: auto;
	padding: 10px;
	background-color: #ffc852;
	z-index: 10;
	display:none; 
	text-align: left;
	font-size:.8em;
	border: 2px coral solid;
}

.sphelp {

	width: 650px;
	margin: auto;
	padding: 10px;
	background-color: #FCFCD9;
	z-index: 10;
	text-align: left;
	font-size:.8em;
	border:none;
}

.recorderhelp p {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	padding:0;
}

.instruction {
	font-size:.8em;
	font-weight: normal;
	color: #333333;
	margin:4px 15px 4px 15pxpx;
	padding:0;
	}
/*
.recorderhelp img {
	margin: 0px 0 0px 0;
}
*/
.flvplayer
{
	padding: 40px;
	margin: 0px auto;
	background-color: #ededed;
	width:400px;
	height:300px;
/*	border: 1px dotted #390; */
}

.flvplayer-pr
{
	padding: 20px;
	margin: 0px auto;
	background-color: #ededed;
	width:420px;
	height:320px;
/*	border: 1px dotted #390; */
}

.centerit
{
	text-align:center;
}


.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;
	}

#main-container{
	padding: 0px 0px 0px;
	width: 996px;
	margin: 0 auto;
}

#main-container-pr{
	padding: 0px 0px 0px;
	width: 965px;
	margin: 0 auto;
}

#main-container #logo{
	margin: 0 0 0 15px;
}

span.top-bg, span.bot-bg{
	width: 996px;
	height: 37px;
	background-repeat: no-repeat !important;
	overflow: hidden;
	display: block;
}

span.top-bg-pr, span.bot-bg-pr{
	width: 965px;
	height: 37px;
	background-repeat: no-repeat !important;
	overflow: hidden;
	display: block;
}

span.top-bg{background: url(/images/page-top-bg.png);}
span.bot-bg{background: url(/images/page-bot-bg.png);}
.page{
	background: url(/images/page-bg.png) repeat-y;
	padding: 5px 5px 5px 5px;
	width: 996px;
}

.page-pr{
	background-color: #ffffff; 
	margin-left: 30px; margin-right: 30px;
	width: 925px;
}

.page2{
	margin: 0px 0px 0px 0px;
  padding-left: 35px; padding-right: 35px;  padding-bottom: 5px;  padding-top: 5px; 

		background: url(/images/page-bg.png) repeat-y;

}

span.top-bg-if, span.bot-bg-if{
	width: 600px;
	height: 37px;
	background-repeat: no-repeat !important;
	overflow: hidden;
	display: block;
}
span.top-bg-if{background: url(/images/page-top-bg.png); width: 600px;}
span.bot-bg-if{background: url(/images/page-bot-bg.png); width: 600px;}
.page-if{
	background: url(/images/page-bg.png) repeat-y;
	padding: 0 35px 0 35px;
	width: 500px;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip1 {
	display:none;
	background:transparent url(/images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}