p {
    margin-top: 0
}

h1, h2, h3 {
    font: normal normal 200% "Trebuchet MS", Arial, sans-serif
}

h2 {
    font-size: 160%
}

h3 {
    font-size: 120%
}

span{
	white-space: nowrap;
}

fieldset {
    border: 1px solid #fff;
    margin: 0;
    color: #3D107B;
    padding: 0 0 0 4px;
}

/*
 Header
 */
.top_td_bg {
    background-attachment: fixed;
    background: url(/sitegrfx/blue_grad_top.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 80px;
}

.logo {
    list-style: none;
    margin: 0px;
    padding: 0px;
    background-attachment: fixed;
    background: url(/sitegrfx/blue_grad_top.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    position: relative;
    height: 80px;
    width: 150px;
    text-align: left;
}

.logo a {
    height: 75px;
    width: 150px;
    text-decoration: none;
    position: absolute;
    z-index: 2000;
    background: url('/sitegrfx/toufee_logo.gif') left bottom;
    background-repeat: no-repeat;
    padding: 0px;
}
/*
 Menu
 */
.menu_grad_top {
    background: #84AECC;
}

.menu_grad_left {
    background: #84AECC;
}

.menu_grad_right {
    background: #84AECC;
}

.menu_table tr {
    background: #99FFFF
}

.menu_table td {
    background: #84AECC;
}

.menu_table a {
    color: white;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

div#menu {
    width: 980px;
    height: 20px;
    margin: 0;
    text-align: center
}

ul#nav, ul#nav li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

ul#nav {
    float: right;
    font-size: 80%;
    margin-right: 20px
}

ul#nav li {
    float: left;
    margin-left: 1px;
    text-align: center
}

ul#nav a {
    float: left;
    width: 110px;
	height:18px;
    padding: 0px 0;
    background: url('/toufee2/images2/menu_btn_back.gif') repeat-x;
    text-decoration: none;
    color:#07519A;
	font-size: 13px;
	font-weight:bold;
	text-decoration:none;
}

ul#nav a:hover {
	text-decoration: underline;
}

ul#nav li.activelink a, ul#nav li.activelink a:hover {
    color: #000;
    font-weight: bold
}
/*
 Submenu
 */
.submenu {
    margin: 0px;
    padding: 0px;
    position: relative;
    background: #DDDDDD;
    text-align:left;
	width: 100%;
	height: 100%;
	font-size: 115%;
}

.submenu tr td{
    padding: 0px;
    margin: 0px;
    background: #DDDDDD;
    color: #000000;    
}

.submenu tr td a {
    text-decoration: none;
    color: #000000;
}

.submenu tr td a:hover {
    text-decoration: underline;
    color: #000000;
}

.submenu tr.selected {
    color: #336699;
    font-weight: bold;	
}

.submenu tr.selected td {
    background: #DDDDDD;
}

.submenu tr.selected td a {
    text-decoration: underline;
    color: #336699;
}

.submenu tr.selected td a:hover {
    text-decoration: underline;
    color: #336699;
}
.menu_table tr{
	background:#99FFFF
}
.menu_table td{
	text-align:center;
	background-attachment: fixed;
	background: url(/toufee2/images2/menu_btn_back.gif);
	background-repeat:repeat-x
}
.menu_table a {
	color:#07519A;
	font-size: 13px;
	font-weight:bold;
	text-decoration:none;
}
.menu_table a:hover {
	text-decoration:underline;
}

.menu_spacer {
	background:#99FFFF
}
/*
 Body
 */
.main_table_back {
    background: url(/toufee2/images2/table_back.jpg) repeat-x;
    border: 0px;
    margin: 0px;
    border-collapse: collapse;
    vertical-align: top;
}

.content {
    padding: 4px;
}

.spacer {
    margin: 0px;
    padding: 0px;
    height: 1px;
    width: 1px;
    position: relative;
    background: url('/sitegrfx/spacer.gif') repeat;
    text-align: left;
}

.whole {
    width: 100%;
    padding: 4px;
}

.nodecor {
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 0px;
}
/*
 Panel
 */
.panel {
    float: left;
    display: inline;
}

.panel table {
    border-collapse: collapse;
    float: none;
}

.panel_titlebar {
    background: #333333;
    text-align: left;
    color: white;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    width: 700px;
    padding: 0px 5px 0px 5px;
}

.panel_titlebar table {
    width: 100%;
}

.panel_body {
    background: #ECF5FE;
    width: 100%;
    text-align: center;
    font-size: 11px;
	padding:4px;
}

.panel_left {
    background: #AAAAAA;
    background-repeat: repeat-y;
    background-position: bottom left;
}

.panel_right {
    background: #AAAAAA;
    background-repeat: repeat-y;
    background-position: top right;
}

.panel_top {
    background: #AAAAAA;
    background-repeat: repeat-x;
    background-position: left top;
}

.panel_bottom {
    background: #AAAAAA;
    background-repeat: repeat-x;
    background-position: left bottom;
}

.panel_header {
    background: #DDDDDD;
    width: 100%;
    text-align: right;
    font-size: 11px;
	padding:4px;
}

.panel_footer {
    background: #DDDDDD;
    width: 100%;
    text-align: right;
    font-size: 11px;
	padding:4px;
}

.inset_panel_border {
    background: #DDDDDD;
    text-align: center;
    color: #336699;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    width: 700px;
    padding: 0px;
}

.panel_collapse {
    background: url(/toufee2/images2/menu_btn_back.gif) repeat-x;
    width: 100%;
    text-align: right;
    font-size: 11px;
}
/*
 Scrolling Divs
 */
div.moviescroll {
    height: 250px;
    overflow:scroll;
    text-align: left;
    vertical-align: top;
    padding: 0;
    overflow-x:hidden;
}
/*
 Image Display
 */
.pic {
    width: 120px;
    height: 120px;
    text-align: center;
    vertical-align: middle;
}

.smallpic {
    width: 50px;
    height: 50px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
}
/*
 Text Styles
 */
.title {
    color: #3C9004;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
	padding-left:4px;
}

.header {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
}

.attention {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #FF0000;
}

.normal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.normal a {
    color: black;
    text-decoration: none;
}

.normal a:hover {
    color: red;
    text-decoration: underline;
}

.bold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
}

.gray {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #666666;
}

.fancy_link {
    text-decoration: none;
    color: #336699;
    font-size: 90%
}

.fancy_link a {
    text-decoration: none;
    color: #336699;
    font-size: 90%
}

.fancy_link a:hover {
    text-decoration: underline;
    color: #336699;
}

.title_link {
    text-decoration: none;
    color: #336699;
    font-size: 12px;
}

.title_link a {
    text-decoration: none;
    color: #336699;
    font-size: 12px;
}

.title_link a:hover {
    text-decoration: underline;
    color: #336699;
}

.navStyle a {
    color: #000000;
}

.black_link {
    text-decoration: none;
    color: #000000;
}

.black_link a {
    text-decoration: none;
    color: #000000;
}

.black_link a:hover {
    text-decoration: underline;
    color: #000000;
}

.gray_link {
    text-decoration: none;
    color: #666666;
	font-size: 12px;
}

.gray_link a {
    text-decoration: none;
    color: #666666;
}

.gray_link a:hover {
    text-decoration: underline;
    color: #666666;
}
/*
 Icons
 */
.icons {
    text-align: left;
    vertical-align: top;
    margin: 0px;
    height: 20px;
    width: 20px;
}

.icons a {
	text-indent:30px;
	white-space: no-wrap
}

.iconbar {
    list-style: none;
    text-align: left;
    vertical-align: top;
    margin: 0px;
    height: 16px;
    width: 16px;
}

.icons a.addfriend {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/addfriend.png') center no-repeat;
}

.icons a.invite {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/invite.png') center no-repeat;
}

.icons a.viewmovie {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/movies.png') center no-repeat;
}

.icons a.movies {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/movies.png') center no-repeat;
}

.icons a.copymovie {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/script_code.gif') center no-repeat;
}

.icons a.scraps {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/scrap.png') center no-repeat;
}

.icons a.compose {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/compose.png') center no-repeat;
}

.icons a.inbox {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/read.png') center no-repeat;
}

.icons a.message {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/read.png') center no-repeat;
}

.icons a.read {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/read.png') center no-repeat;
}

.icons a.unread {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/unread.png') center no-repeat;
}

.icons a.viewprofile {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/vcard.png') center no-repeat;
}

.icons a.gold {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/award_star_gold_1.png') center no-repeat;
}

.icons a.silver {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/award_star_silver_1.png') center no-repeat;
}

.icons a.bronze {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/award_star_bronze_1.png') center no-repeat;
}

.icons a.block {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/block.png') center no-repeat;
}

.icons a.import {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/import.png') center no-repeat;
}

.icons a.addScrap {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/addScrap.png') center no-repeat;
}

.icons a.friends {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/addfriend.png') center no-repeat;
}

.icons a.members {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/addfriend.png') center no-repeat;
}

.icons a.requests {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/waiting.png') center no-repeat;
}

.icons a.invitations {
    height: 20px;
    width: 20px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/invitation.png') center no-repeat;
}
.iconbar a.expanded {
    height: 16px;
    width: 16px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/hide.png') center no-repeat;
}

.iconbar a.collapsed {
    height: 16px;
    width: 16px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/show.png') center no-repeat;
}

.icons a.close {
    height: 16px;
    width: 16px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/close.png') center no-repeat;
}

.icons a.photo {
    height: 16px;
    width: 16px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/photo.png') center no-repeat;
}

.icons a.bio {
    height: 16px;
    width: 16px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/bio.png') center no-repeat;
}

.icons a.social {
    height: 16px;
    width: 16px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/social.png') center no-repeat;
}

.icons a.nick {
    height: 16px;
    width: 16px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/nick.png') center no-repeat;
}

.icons a.password {
    height: 16px;
    width: 16px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/password.png') center no-repeat;
}

.icons a.privacy {
    height: 16px;
    width: 16px;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    background: url('/sitegrfx/privacy.png') center no-repeat;
}