/*-- General Styles --*/

body {
	font-size: 13px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color:#333333;
	background-color: #d4e2f0;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

select {
	font-family: Arial, Helvetica, sans-serif;
}

p{
	margin-top:0px;
	padding-top:0px;
    margin-bottom: 1em;
    padding-bottom: 0px;
}

a, a:link, a:visited, a:active{
	text-decoration: none;
	color:#0066CC;
}

a:hover{
	text-decoration: underline;
	color:#5a86b3;
	text-decoration:underline;
}

img {
	border:0px;
	vertical-align:bottom;
}

div.clear {
	clear: both;
}

#main_container {
	padding: 0px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#top_container {
	margin-top:5px;
	width: 950px;
	height: 85px;
}
#logo_container {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 66px;
	width: 205px;
	margin-top: 14px;
}

#ad_container{
	padding: 0px;
	float: left;
	height: 66px;
	width: 495px;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align:center;
}

a.mainlogo {
	background-image: url(../images/Smashion_logo.gif);
	display: block;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	text-decoration:none;
}

input.button {
    display:inline-block;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
	border:0px;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family: Arial, Tahoma,  Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

input.button {
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
input.button[type] {
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}

*:first-child+html input.button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

input.button:hover {
	background-color:#E5E5E5;
	border:1px solid #336699;
}

button.button {
    display:inline-block;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
	border:0px;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family: Arial, Tahoma,  Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

button.button {
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button.button[type] {
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}

*:first-child+html button.button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

button.button:hover {
	background-color:#E5E5E5;
	border:1px solid #336699;
}

#page_container {
	background-image: url(../images/bg_page_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 950px;
	margin: 0px;
	padding: 0px;
}
#page_container_bg {
	background-image: url(../images/bg_page.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#nav_container {
	height: 35px;
	width: 942px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #ffffff;
	padding: 0px;
}
#nav_container .inframe {
	padding-top: 3px; /*- was 0 */
	padding-left: 10px; /*- was 7 */
	padding-right: 10px; /*- was 7 */
	padding-bottom: 0px;
	margin:0px;
	text-align:left;
}

#nav_container .navitem_container {
	float: left;
	text-align: left;
	width: 450px;
}

div#content_container {
    padding-top: 15px;
	margin: 0px;
	min-height:380px;
}

/*-- Top Navigation Elements --*/
a.topnavitem {
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	height:34px;
	line-height:34px;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-left: 6px;
	text-decoration: none;
	display:block;
	float:left;
	cursor: pointer;
}

a.topnavitem div.left {
	height:34px;
	width:10px;
	float:left;
	line-height:34px;
}
a.topnavitem span {
	height:34px;
	padding-left:5px;
	padding-right:5px;
	line-height:34px;
	float:left;
}

a.topnavitem div.right {
	height:34px;
	width:10px;
	line-height:34px;
	float:left;
}

a.topnavitem:hover {
	background-image:url(../images/bg_topnavitem_mid.jpg);
	color:#ffffff;
}
a.topnavitem:hover div.left {
	background-image:url(../images/bg_topnavitem_left.jpg);
}
a.topnavitem:hover div.right {
	background-image:url(../images/bg_topnavitem_right.jpg);
}


a.topnavitem_selected {
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	height:34px;
	line-height:34px;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-right: 0px;
	margin-left: 6px;
	text-decoration: none;
	display:block;
	float:left;
	cursor: pointer;
	background-image:url(../images/bg_topnavitem_mid.jpg);
	color:#ffffff;
}

a.topnavitem_selected div.left {
	height:34px;
	width:10px;
	float:left;
	line-height:34px;
	background-image:url(../images/bg_topnavitem_left.jpg);
}
a.topnavitem_selected div.right {
	height:34px;
	width:10px;
	line-height:34px;
	float:left;
	background-image:url(../images/bg_topnavitem_right.jpg);
}

a.topnavitem_selected span {
	height:34px;
	padding-left:5px;
	padding-right:5px;
	line-height:34px;
	float:left;
}


.searchbox_container {
	float: right;
	width:317px;
	background-image: url(../images/bg_navbar_breaker.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height:34px;	
}

.searchbox_container .box{
	float:right;
	line-height:23px;
	padding:0px;
	margin:0px;
	margin-right:7px;
	margin-top:6px;
}

.searchbox_container .select{
	float:right;
	line-height:23px;
	padding:0px;
	margin:0px;
	margin-right:7px;
	font-size:10px;
	margin-top:6px;	
}


.searchbox_container .btn{
	float:right;
	line-height:23px;
	padding:0px;
	margin:0px;
	margin-right:7px;
	margin-top:6px;	
}

input.searchbox{
	height:16px;
	width:110px;
	background-image:url(../images/bg_searchbox.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin:0px;
	padding:2px;
	padding-left:4px;
	padding-right:4px;
	line-height:16px;
	font-size:13px;
	color:#333333;
	border:1px solid #cccccc;
	float: left;
	color:#333333;
}

input.searchbutton{
	padding:0px;
	margin:0px;
}

#content_container {
	margin: 0px;
	padding: 0px;
	width: 950px;
}
#content_container .hpmainbanner {
	background-image: url(../images/mainbanner.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: auto;
	margin-top:0px;
	padding: 0px;
	height: 334px;
	width: 922px;
}


#content_container .maincontent {
	/*background-image: url(../images/mainbanner.jpg);
	background-repeat: no-repeat;
	background-position: top;*/
	margin: auto;
	padding: 0px;
	width: 922px;
}

#nav_container .navbar {
	background-color: #e4e1e1;
	background-image:url(../images/bg_topnav.jpg);
	height:34px;
	line-height:34px;
	background-repeat: repeat-x;
	background-position: center top;
}
#page_container #pagetop {
	background-image: url(../images/page_top.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 950px;
}
#page_container #pagebottom {
	background-image: url(../images/page_bottom.jpg);
	background-repeat: no-repeat;
	height: 14px;
	width: 950px;
	margin: 0px;
	padding: 0px;
}

#footer_container {
	width: 950px;
	margin: 0px;
	padding: 0px;
	margin-bottom:20px;
	padding-bottom:20px;

}

#footer_container .inframe_left{
	margin-top:5px;
	float: left;
	text-align:left;
	font-size:11px;
	padding-left:12px;
	line-height: 16px;
	height: 16px;
	width:300px;
}
#footer_container .inframe_right{
	margin-top:5px;
	float: right;
	text-align:right;
	font-size:11px;
	padding-right:12px;
	width:600px;
}

a.footernav, a.footernav_last{
	display:block;
	line-height:16px;
	height:16px;
	float:right;
	padding-right:10px;
	padding-left:10px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #666666;
	text-decoration: none;
	color:#2e5175;
}

a.footernav_feedback{
	height:16px;
	background-image: url(../images/icons/icons/icon_feedback.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 10px;
	margin-left:10px;
}

a.footernav:hover{
	text-decoration: underline;
}

a.footernav_last{
	padding-right:0px;
	border-right-width: 0px;
	text-decoration: none;
}

a.footernav_last:hover{
	padding-right:0px;
	border-right-width: 0px;
	text-decoration: underline;
}

#loginbox{
	font-size:10px;
	color:#ffffff;
	line-height:15px;
	width:240px;
	float:left;
	margin-top: 14px;
	margin-left:5px;
}
#loginbox .lgtxt {
	font-size: 13px;
	line-height:1.5;
	padding-bottom:6px;
}

#loginbox .mdtxt {
	font-size: 11px;
	line-height:1.6;
}

#loginbox a.loginboxbag{
	height:11px;
	background-image: url(../images/icons/icons/icon_loginbox_bag.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	margin: 0px;
	padding-left:15px;
}

#loginbox a.loginboxbag:hover{
	background-position: left bottom;
}



#loginbox .first{
	width: 50px;
	height: 15px;
	line-height:15px;
	margin: 0px;
	padding: 0px;
	margin-bottom:1px;
	float:left;
}
#loginbox .second{
	width: 170px;
	height: 15px;
	line-height:15px;
	margin: 0px;
	padding: 0px;
	margin-bottom:1px;
	float:right;
	text-align:right;
}

#loginbox .second .chkbox{
	padding:0px;
	margin:0px;
	margin-top:1px;
	float:right;
	width:16px;
	text-align:left;
}

.logincheckbox{
	margin:0;
	width:15px;
	height:15px;
	overflow:hidden;
}

#loginbox .second .txt{
	padding:0px;
	margin:0px;
	margin-left:2px;
	margin-top:1px;
	float:right;
	height:15px;
	line-height:15px;
	width:74px;
	text-align:left;
}
#loginbox .second .btn{
	padding:0px;
	margin:0px;
	margin-top:1px;
	float:right;
	padding-left:25px;
}
#loginbox .second .frm{
	width: 165px;
	height: 11px;
	line-height:11px;
	font-size:11px;
	margin: 0px;
	padding: 0px;
	border:1px solid #cccccc;

}

#loginbox .long{
	width:193px;
	height: 15px;
	line-height:15px;
	margin: 0px;
	padding: 0px;
	margin-right:3px;
	margin-top:1px;
	text-align:right;
	float:right;
}

#loginbox a,#loginbox a:link,#loginbox a:visited,#loginbox a:active{
	color:#ffffff;
	text-decoration:underline;
}

#loginbox a:hover{
	text-decoration:none;
}

/* to render struts action error and action messages */

.error {
	width:400px;
	background-color:#FFEBE8; /* eeeeee FFEBE8 */ 
	padding:6px;
	border:1px solid #DD3C10; /* was #cccccc */
	color: #000000; /* 666666 000000 */
	margin-bottom:10px;
	autoflow:auto;
}

.error ul {
    margin-top: 5px;
    margin-bottom: 5px;
}

.error span.error-hint {
    color: red;
}

.warn {
    width:400px;
    background-color:#eeeeee; /* eeeeee FFEBE8 */ 
    padding:6px;
    border:1px solid #cccccc; /* was #cccccc */
    color: #666666; /* 666666 000000 */
    margin-bottom:10px;
}

.action-success {
    width:400px;
    background-color: #FFF9D7;
    padding:6px;
    border:1px solid #cccccc;
    color: #666666;
    margin-bottom:10px;
}

.error p, .action-success p {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.action-success ul {
    list-style: none;
}

div.error170 .error {
    margin-left: 170px;
}

div.error170 .action-success {
    margin-left: 170px;
}

.tableFormLabel {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
}

table.TextForm td{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	vertical-align: top;
}

p.specialnote{
	font-size:12px;
	color:#666666;
	font-style: italic;
}

form{
	padding:0px;
	margin:0px;
	vertical-align:middle;	
}


form select{
	display:inline-block;
	height:22px;
	vertical-align:top;
	padding:0px;
	margin:0px;
	border:1px solid #cccccc;
}

form p {
    margin-top: 7px;
    margin-bottom: 7px;
    padding-top: 0px;
    padding-bottom: 0px;
}

h4.divider {
    background-color:#DFDFDF;
    color:#333333;
    font-size:13px;
    font-weight:bold;
    margin-bottom:5px;
    padding:5px 10px;
}

.formLabel {
	float: left;
	clear: left;
	width: 160px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
}

.formLabel2 { /* another label on the same row as .formLabel */
    font-weight:bold;
    margin-right: 10px;
    margin-left: 10px;
}

span.formField {
	display: block;
}

.formField {
	margin-left: 170px;
}

.formFieldHint { /* deprecated ... use formHint + span.formField instead */
	margin-left: 170px;  /* = .formLabel margin-right + width */
	width: 350px;
	font-size: 11px;
}

.formHint {
    font-size: 11px;
}

.formButtons {
	margin: 20px 0px 20px 170px;
}

.formRadio1 {
	line-height: 20px;
	vertical-align: middle;
}	

.formRadio1 label {
	vertical-align: top;
}

.formUploadEntry {
	/* background-color:#F2F2F2; */
	margin-top: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 665px;
}

.removeUploadLink {
	margin-left: 5px;
}

/*-- Pagination / Page Bottom Caption --*/

div.paginator-simple.ontop {
	margin-bottom:8px;
}

.pagenum, .pagebottomcaption{
	text-align:right;
	padding:5px;
	font-size:inherit;
	line-height:1.5;
	vertical-align:top;
	color:#333333;
	background-color:#F9F9F9;
}

.pagebottomcaption{
	text-align:right;
	padding:5px;
	font-size:inherit;
	line-height:1.5;
	vertical-align:top;
	color:#333333;
	background-color:#eeeeee;
}

.pagenum.small, .pagebottomcaption.small{

	font-size:11px;
}

.pagenum a{
	font-weight:normal;
	text-decoration: none;
	color:#000000;
	font-size:inherit;
}

.pagenum a:hover{
	font-weight:normal;
	text-decoration: underline;
	color:#000000;
	font-size:inherit;
}

.pageframe{
	background-color:#FFFFFF;
	border: 0px solid #b7c2c6;
	margin-top: 0px;
	vertical-align:top;
	padding-bottom: 10px;
}

.contentinframe {
	padding: 0px 5px 0px 5px;
}

.nobg{
	background-image: url();
	background-position: right bottom;
	background-repeat: no-repeat;
	margin:0px;
	padding:0px;
	min-height:380px; /*-- should be height of the image --*/
}

.bg01{
	background-image: url(../images/bg_login_placeholder.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	margin:0px;
	padding:0px;
	min-height:380px; /*-- should be height of the image --*/
}

.bg02{
	background-image: url(../images/bg_signup_placeholder.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	margin:0px;
	padding:0px;
	min-height:380px; /*-- should be height of the image --*/
}

.bg03{}

.halfpage{
	width:50%;
	margin-bottom:15px;

}

.left{
	float:left;
}
.right{
	float:right;
}

.PageTitle { /* obsolete, use h1.pageTitle instead */
	font-size:18px; 
	margin-bottom:10px;
	color: #0099FF;
	border-bottom-width: 1px;
	border-bottom-style: groove;
	border-bottom-color: #999999;
	padding-bottom:10px;
	padding-left: 0px; 
}

.PageTitle .left{
	width:350px;
	float:left;
}

.PageTitle .right{
	width:350px;
	float:right;
	text-align:right;
}

h1.pageTitle {
    font-size:18px; 
    margin: 0px 0px 10px 0px;
    color: #0099FF;
    border-bottom-width: 1px;
    border-bottom-style: groove;
    border-bottom-color: #999999;
    padding: 0px 0px 10px 0px;
    font-weight:normal;
}

h1.pageTitle .left{
    width:350px;
    float:left;
}

h1.pageTitle .right{
    width:350px;
    float:right;
    text-align:right;
}

h1.pageTitle a {
    font-size: 12px;   
    text-decoration: underline;
}

.PageTitle a {
	font-size: 12px;
	text-decoration: underline;
}

/*-- My Friends --*/

.friendspage_option{
	margin-top:16px;
	float:right;
	font-size:11px;
	color:#666666;
}

.friends_container{
	border:1px solid #cccccc;
	padding:10px;
}
.friendsinfo_container{

}
.friends_avatar{
	float:left;
	width:90px;
}
.friends_details{
	float:left;
}
.friends_details table{
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	width:400px;
	margin-bottom:10px;
}
.friends_details td.caption{
	padding:0px;
	margin:0px;
	padding-right:10px;
	line-height:1.5;
	text-align:right;
	vertical-align:top;
	width:120px;
	font-weight: bold;
	color: #004A95;
}
.friends_details td.info{
	padding:0px;
	margin:0px;
	line-height:1.5;
	padding-right:10px;
	vertical-align:top;
}

.left_container{
	float:left;
}
.action_container{
	float:right;
}

.action_container td{
	font-size:11px;
}

.action_container table{
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	width:200px;
}

.action_container td{
	padding:0px;
	padding-top:0px;
	padding-bottom:5px;
	margin:0px;
	padding-right:8px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ffffff;
}

.action_container td.ruler{
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
	/*
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
	*/
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #999999;
}


a.sendmessage{
	margin:0px;
	padding:0px;
	padding-right:10px;
	height:16px;
	float:left;
	line-height:16px;
	background-image:url(../images/icons/icons/icon_sendmessage.png);
	text-indent:22px;
	display:block;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left top;
	color:#666666;
}

a.sendmessage:hover{
	text-decoration:underline;
}

a.viewfriends{
	margin:0px;
	padding:0px;
	padding-right:10px;
	height:16px;
	float:left;
	line-height:16px;
	background-image:url(../images/icons/icons/icon_viewfriends.png);
	text-indent:22px;
	display:block;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left top;
	color:#666666;
}

a.viewfriends:hover{
	text-decoration:underline;
}

a.removefriend{
	margin:0px;
	padding:0px;
	padding-right:10px;
	height:16px;
	float:left;
	line-height:16px;
	background-image:url(../images/icons/icons/icon_removefriend.png);
	text-indent:22px;
	display:block;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left top;
	color:#666666;
}

a.removefriend:hover{
	text-decoration:underline;
}

a.cancelrequest{
	margin:0px;
	padding:0px;
	padding-right:10px;
	height:16px;
	float:left;
	line-height:16px;
	background-image:url(../images/icon_cancelrequest.gif);
	text-indent:20px;
	display:block;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left top;
	color:#666666;
}

a.cancelrequest:hover{
	text-decoration:underline;
}

a.resendrequest{
	margin:0px;
	padding:0px;
	padding-right:10px;
	height:16px;
	float:left;
	line-height:16px;
	background-image:url(../images/icon_resendrequest.gif);
	text-indent:20px;
	display:block;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left top;
	color:#666666;
}

a.resend:hover{
	text-decoration:underline;
}

.rowshadow {
	background-image: url(../images/bg_rowshadow.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 10px;
	border:1px;
	padding:0px;
	margin:0px;
	background-color:transparent;
}

a.receivedfriendrequests{
	margin:0px;
	padding:0px;
	padding-right:10px;
	height:16px;
	float:left;
	line-height:16px;
	background-image:url(../images/icon_receivedfriendrequests.gif);
	text-indent:20px;
	display:block;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left top;
	color:#666666;
}
a.receivedfriendrequests:hover{
	text-decoration:underline;
}

a.sentfriendrequests{
	margin:0px;
	padding:0px;
	padding-right:10px;
	height:16px;
	float:left;
	line-height:16px;
	background-image:url(../images/icons/icons/icon_viewfriends.png);
	text-indent:20px;
	display:block;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left top;
	color:#666666;
}
a.sentfriendrequests:hover{
	text-decoration:underline;
}

a.acceptrequest{
	margin:0px;
	padding:0px;
	padding-right:10px;
	height:16px;
	float:left;
	line-height:16px;
	background-image:url(../images/icon_acceptrequest.gif);
	text-indent:20px;
	display:block;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left top;
	color:#666666;
}
a.acceptrequest:hover{
	text-decoration:underline;
}

a.declinerequest{
	margin:0px;
	padding:0px;
	padding-right:10px;
	height:16px;
	float:left;
	line-height:16px;
	background-image:url(../images/icon_declinerequest.gif);
	text-indent:20px;
	display:block;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left top;
	color:#666666;
}

a.declinerequest:hover{
	text-decoration:underline;
}



.remove_confirm_container{
	margin-left:20px;
	padding:0px;
}

.remove_confirm_container .inframe{
	padding:5px;
	padding-left:40px;
	background-image:url(../images/caution.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.remove_confirm_container .header{font-weight:bold;}
.remove_confirm_container .border{border:1px solid #cccccc; margin-top:5px;}
.remove_confirm_container a.yes{}
.remove_confirm_container a.yes:hover{text-decoration:underline;}
.remove_confirm_container a.no{}
.remove_confirm_container a.no:hover{text-decoration:underline;}
.remove_confirm_container a:hover{text-decoration:none;}

div.towerad-left {
    float: left;
    width: 740px;
}

a.accounthome{
	margin:0px;
	padding:0px;
	padding-right:10px;
	height:16px;
	float:left;
	line-height:16px;
	background-image:url(../images/icon_receivedfriendrequests.gif);
	text-indent:20px;
	display:block;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left top;
	color:#666666;
}

a.accounthome:hover{
	text-decoration:underline;
}

a.updateprofile{
	margin:0px;
	padding:0px;
	padding-right:10px;
	height:16px;
	float:left;
	line-height:16px;
	background-image:url(../images/icon_receivedfriendrequests.gif);
	text-indent:20px;
	display:block;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left top;
	color:#666666;
}
a.updateprofile:hover{
	text-decoration:underline;
}

.buttonContainer{
	/*padding-bottom:10px;*/
	padding-top:10px;
	font-size:11px;
}

.buttonContainer .right{
	float:right;
	width:50%;
}

.buttonContainer. left{}

.buttonContainer .inframe{
	margin:0px;
	padding:0px;
	height:20px;
}

a.moretext{
	font-size:11px;
	margin-left:5px;
	background-image: url(../images/sort_arrow_down_grey.gif);
	background-repeat: no-repeat;
	padding-left:18px;
	display:inline-block;
	text-decoration:none;
}
a.moretext:hover{

}

a.lesstext{
	font-size:11px;
	margin-left:5px;
	background-image: url(../images/sort_arrow_up_grey.gif);
	background-repeat: no-repeat;
	padding-left:18px;
	display:inline-block;
	text-decoration:none;
}
a.lesstext:hover{

}

.pageInfoContainer{
	border:1px solid #cccccc;
	padding:10px;
}

.halfPage{
	width:49%;
}

.goLeft{
	float:left;
}

.goRight{
	float:right;
}

.favPost_container{
	border:1px solid #cccccc;
	padding:10px;
}
.favPostInfo_container{

}
.message_details{
	float:left;
	width:170px;
	margin-right:20px;
}

.message_content{
	float:left;
	margin-right:20px;
	padding-left:20px;
	border-left:1px solid #cccccc;
	width:350px;
}

.addl-info{
	font-size:12px;
}

.correspondant{
	font-size:12px;
}

a.deletemessage{
	margin:0px;
	padding:0px;
	padding-right:10px;
	height:16px;
	float:left;
	line-height:16px;
	background-image:url(../images/icon_declinerequest.gif);
	text-indent:20px;
	display:block;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left top;
	color:#666666;
}

a.deletemessage:hover{
	text-decoration:underline;
}

.email_container{
	border:1px solid #cccccc;
	padding:10px;
}

.emailinfo_container{
}

.emailinfo_container.short{
	width:680px;
}

.emailinfo_container table.composemessage td{
	vertical-align:top;
}

.emailinfo_container table.composemessage td.label{
	width:80px;
}

.hint{
	font-style:italic;
	color:#333333;
	display:block;
	font-size:12px;
	margin-bottom:5px;
	margin-top:5px;
	clear:both;
}

a.inbox{
	margin:0px;
	padding:0px;
	padding-right:10px;
	height:16px;
	float:left;
	line-height:16px;
	background-image:url(../images/icon_declinerequest.gif);
	text-indent:20px;
	display:block;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left top;
	color:#666666;
}

a.inbox:hover{
	text-decoration:underline;
}

a.outbox{
	margin:0px;
	padding:0px;
	padding-right:10px;
	height:16px;
	float:left;
	line-height:16px;
	background-image:url(../images/icon_declinerequest.gif);
	text-indent:20px;
	display:block;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left top;
	color:#666666;
}

a.outbox:hover{
	text-decoration:underline;
}

a.composemessage{
	margin:0px;
	padding:0px;
	padding-right:10px;
	height:16px;
	float:left;
	line-height:16px;
	background-image:url(../images/icon_declinerequest.gif);
	text-indent:20px;
	display:block;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left top;
	color:#666666;
}

a.composemessage:hover{
	text-decoration:underline;
}

a.deleteConversation{
	margin:0px;
	padding:0px;
	padding-right:10px;
	height:16px;
	float:left;
	line-height:16px;
	background-image:url(../images/icon_declinerequest.gif);
	text-indent:20px;
	display:block;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left top;
	color:#666666;
}

a.deleteConversation:hover{
	text-decoration:underline;
}

.FormField_Text{
	width:300px;
	height:16px;
	background-image:url(../images/bg_searchbox.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin:0px;
	padding:2px;
	padding-left:4px;
	padding-right:4px;
	line-height:16px;
	font-size:13px;
	color:#333333;
	border:1px solid #cccccc;
	float: left;
	color:#333333;
}

.FormField_emailMessage{
	width:380px;
	height:100px;
	border:1px solid #cccccc;

}

div.messageSeperator{
	height:20px;
	margin-top:20px;
	width:680px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
}

div.messageSummary{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E2E2E2;
	border-right-color: #E2E2E2;
	border-bottom-color: #E2E2E2;
	border-left-color: #E2E2E2;
	background-color: #D4E2F0;
	height:24px;
	line-height:24px;
	padding-left:6px;
	padding-right:6px;
	margin-bottom:0px;
}

div.breadcrumbs {
    font-size: 11px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    height:16px;
    line-height:16px;
}

span.vbar { /* a vertical divider */
	margin: 0 3px 0 3px;
	color: #999999;
}

/*
 * text comments container
 */

.comment-container {
    /* border-top: 1px solid #E3E8EE; */
    width:inherit;
}

.comment-listing {
    margin-top:10px;
}

.comment-entry {
    padding-top:5px;
    padding-bottom:5px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #eeeeee;
    margin-top: 10px;
    margin-right: 0pt;
    margin-bottom: 10px;
    margin-left: 0pt;
}

.comment-heading {
    /* background-color: #EEEEEE; */
    padding: 4px;
    height: 18px;  /* otherwise FF shows a big vertical bar; not sure why */
    font-size: 11px;
    line-height:18px;

}

.comment-author {
    float: left;
    font-weight: bold;
}

.comment-time {
    float: left;
    margin-left: 4px;
}

.comment-heading .clear {
    clear:both;
    line-height: 0px;
}

.comment-actions {
    float: right;
    font-size: 12px;
}

.comment-body {
    margin:4px;
}

.comment-replybody {
    margin-top:5px;
    margin-left:20px;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #E6E6E6;
    padding-left:5px;
}

.comment-input {

}

.comment-input textarea{
    width:100%;
    height:60px;
    border:1px solid #cccccc;
    margin-bottom:5px;
}

div.buttons{
    text-align:right;
}

.comment-input .btn_submit{
    width:60px;
    height:25px;
    font-size:11px;
}
.comment-input .btn_cancel{
    width:60px;
    height:25px;

    font-size:11px;
}

.comment-pagenumContainer{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
    font-size:11px;
}

/*
 * tag lists, for list-tags.js
 */

#tagListContainer{ /* deprecated */
	width:190px;
}


.tagList {
    width: inherit; /* can fit 27-28 chars at 12px Arial */
    font-size: 12px;
}

.tagListHeader {
    border-bottom: 1px solid #dddddd;
    padding: 5px;
	padding-left:10px;
    text-align: left;
    margin-bottom: 5px;
    padding-bottom: 5px;
    background-color:#5a86b3;
    color:#ffffff;
    font-weight: bold;
}

.tagList ul { 
    margin:0px;
    padding: 0px;
	padding-left:10px;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    line-height:1.5;
    margin-bottom:10px;

}

.tagList li {
    padding: 0px;
    white-space: nowrap;
    line-height:1.7; /* was 1.9 */
    overflow: hidden;
}

.tagList a, 
.tagList a:visited,
.tagList a:active,
.tagList a:link, {
    text-decoration: none;
}

.tagList a:hover{
    text-decoration: underline;
}

a.viewtagsup, a.viewtagsup:link, a.viewtagsup:visited, a.viewtagsup:active{ 
    margin:0px;
    margin-bottom:5px;
    padding:0px;
    padding-right:20px;
    text-align:right;
    height:16px;
    line-height:16px;
    background-image:url(../images/sort_arrow_up_grey.gif);
    text-indent:20px;
    display:block;
    text-decoration:none;
    background-repeat: no-repeat;
    background-position: right top;
    color:#666666;
    font-size:12px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
}
a.viewtagsup:hover{
    text-decoration:none;
    background-color:#F7F7F7;
}

a.viewtagsdown, a.viewtagsdown:link, a.viewtagsdown:visited, a.viewtagsdown:active{ 
    margin:0px;
    margin-bottom:5px;
    padding:0px;
    padding-right:20px;
    text-align:right;
    height:16px;
    line-height:16px;
    background-image:url(../images/sort_arrow_down_grey.gif);
    text-indent:20px;
    display:block;
    text-decoration:none;
    background-repeat: no-repeat;
    background-position: right top;
    color:#666666;
    font-size:12px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999999;
}

a.viewtagsdown:hover{ 
    text-decoration:none;
    background-color:#F7F7F7;
}

a.viewalltags, a.viewalltags:link, a.viewalltags:visited, a.viewalltags:active{ /* deprecated */
    margin:0px;
    margin-top:10px;
    padding:0px;
    padding-right:10px;
    height:16px;
    line-height:16px;
    background-image:url(../images/icon_newtopic.gif);
    text-indent:20px;
    display:block;
    text-decoration:none;
    background-repeat: no-repeat;
    background-position: left top;
    color:#666666;
    font-size:12px;
}

a.viewalltags:hover{ /* deprecated */
    text-decoration:underline;
}

div.dropdownSort{
    font-size: 12px;
    vertical-align: middle;
	height:20px;
}

div.dropdownSort select {
    font-size: 12px;
    height: 20px;
    color:  #333333;
}

.sortByLabel {
	text-align: right;
	display: inline-block;
	height:20px;
	line-height:20px;
	vertical-align:top;
	margin-right:5px;
}

div.towerad120 {
	float:right;
	text-align:center;
	width:120px;
	margin-left: 16px;
}

/*
 * tag clouds ... alternative presentation of tag list
 */
 
div.tagcloud {
}

div.tagcloud span.tca {
    margin-right: 0.5em;
    display: inline-block;
}

div.tagcloud span.tca a {
    margin-right: 2px;
}

div.tagcloud span.tcc {
    font-size: 11px;
}

div.tagcloudnav {
	text-align: right;
	border-top:1px solid #D4D4D4;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
}

div.favoritesCount { 
    font-size:10px;
    height:16px; /* was 12 */
    line-height:16px;
    top:1px;
    color:#666666;
    margin-left: -0.8em;    
    float:left;
    padding-right:15px;
    margin-left:5px;
}

div.favoritesCountStatic {
    margin:0px;
    padding:0px;
    padding-right:10px;
    height:16px;
    float:left;
    line-height:16px;
    background-image:url(../images/icon_newtopic.gif);
    text-indent:20px;
    display:block;
    text-decoration:none;
    background-repeat: no-repeat;
    background-position: left top;
    color:#666666;
}

/*-- Shopping Bag Button Added to End of Nav Bar --*/
div.shoppingBagBtn{
	float:right;
	width:148px;
	height:22px;
	background-image: url(../images/bg_navbar_breaker.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height:34px;
}

div.shoppingBagBtn img{
	margin-top:6px;
	display:block;
	margin-left:8px;
}

/*
 * default table style .... to replace forumTable in forum.css
 */

 table.smtable01 {
    width: 100%;
    padding:0px;
    margin:0px;
    border: 1px none #CCCCCC;
}

table.smtable01 th {
    background-color:#B7C2C6;
    text-align:left;
    font-size: 11px;
    font-weight: bold;
    color:#FFFFFF;
    text-decoration:none;
}

table.smtable01 th label {
    display: block;
    padding: 5px 8px;
}

.smtable01 th a, .smtable01 th a:link, .smtable01 th a:active, .smtable01 th a:visited {
    display:block;
    padding:5px 8px;
    text-decoration:underline;
    color:#ffffff;
    font-size:11px;
    background-repeat: no-repeat;
    background-position: right center;
}

.smtable01 th a:hover {
    display:block;
    padding:5px 8px;
    background-color:#778E95;
    color:#ffffff;
    text-decoration:none;
}

.smtable01 th a.up, .smtable01 th a.up:link, .smtable01 th a.up:active, .smtable01 th a.up:visited {
    display:block;
    padding:8px;
    padding-top:5px;
    padding-bottom:5px;
    text-decoration:underline;
    color:#ffffff;
    font-size:11px;
    background-image: url(/images/sort_arrow_up.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

.smtable01 th a.up:hover {
    display:block;
    padding:8px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#778E95;
    color:#ffffff;
    text-decoration:none;
}

.smtable01 th a.down, .smtable01 th a.down:link, .smtable01 th a.down:active, .smtable01 th a.down:visited {
    display:block;
    padding:8px;
    padding-top:5px;
    padding-bottom:5px;
    text-decoration:underline;
    color:#ffffff;
    font-size:11px;
    background-image: url(/images/sort_arrow_down.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

.smtable01 th a.down:hover {
    display:block;
    padding:8px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#778E95;
    color:#ffffff;
    text-decoration:none;
}

.smtable01 td {
	color:#333333;
	vertical-align:top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.smtable01 td.shadow {
    background-image: url(/images/bg_rowshadow.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    height: 10px;
    border:0px;
    padding:0px;
    margin:0px;
}

.smtable01 tr.even{
    background-color:#E9E9E9;
}

.smtable01 tr.paginator td {
	padding: 0px;
}

.smtable01 .actions {
	font-size: 10px;
}	

/* ----------------- */

.raPrompt {
    color: red;
}    

span.rulink { /* remote-upload.js */
    background-image:url(/images/icons/icons/icon_uploadimagefromweb.png);
    background-position:left top;
    background-repeat:no-repeat;
    display:block;
    height:16px;
    line-height:16px;
    margin:0px;
    padding:0px 10px 0px 0px;
    text-indent:20px;
}

/*
 * image-scroll.js
 */
 
.imagescrolls{
    padding:5px;
    padding-bottom:0px;
    margin:0px;
    margin-top:5px;
    background-color:#ffffff;
    border: 0px solid #C0C0C0;
}

.imagescrolls .imgpanel {
    float: left;
}

.imagescrolls a.imgs{
    padding:0px;
    margin:0px;
    float:left;
    border: 1px #cccccc solid;
    margin-right:5px;
}

.imagescrolls a.imgs:hover{
    padding:0px;
    margin:0px;
    float:left;
    border: 1px #000000 solid;
    margin-right:5px;
}

.imagescrolls .arrow {
    padding:0px;
    margin:0px;
    height:88px;
    width:14px;
    float:left;
    margin-right:5px;
}

/* ------------ */

.pageIntro {
	color: #666666;
	margin-bottom: 20px;
	font-size: 12px;
}

a.rssFeed {
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    margin-left: 10px;
    padding: 0 0 0 17px; /* http://www.feedicons.com/ */
    background: url("/images/icons/icons/rss_14x14.png") no-repeat 0 50%;
}    

a.rssFeed:hover{
    text-decoration:underline;
}
    
a.rssFeed.nomargin {
	margin-left: 0px;
}

.smtable01 th a.rssFeed {
    display: inline;
    font-weight: normal;
    margin-left: 10px;
    padding: 0 0 0 17px; 
    background-position: left;     
}

/*-- Alert Box --*/
div.alertBar{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	background-color:#333333; 
	z-index:10; 
	height:40px; 
	line-height:40px; 
	border-bottom:1px solid #FF3300;
	color:#ffffff;
}

div.alertContainer{
	width:930px; 
	margin-left:auto; 
	margin-right:auto;
}

div.alertText{
	width: 405px;
	float: left;

}

a.compatview {
	margin-left: 7px;
    font-size: 12px;
}

img.compatview{ /* not needed anymore */
	display:block; 
	float:left;
	margin-top:7px; 
}

img.alertclose{ /* not needed anymore */
	float:right;
	display:block; 
	margin-top:7px; 
}

/* news and update signup box */

div.newsSignup {
    background-color:#ffffff;
    float:left;
    height:120px;
    margin-bottom:8px;
    width:240px;
    background-image:url('/images/badge/signup_box.jpg');
    background-repeat:no-repeat;
    background-position:top left;
}

div.newsSignup div.borderbox{
    border:1px solid #cccccc;
    height:119px;
}

div.newsSignup div.inframe{
    padding:10px;   
}

div.newsSignup div.header01 {
    background-color:#666666;
    height:29px;
    line-height:29px;
    margin-bottom:0px;
    margin-right:8px;
    width:100%;
    font-size:11px;
    font-weight:bold;
    color:#ffffff;
    text-indent:8px;
}

div.newsSignup div.formRow{padding-bottom:5px; height:18px;}
div.newsSignup div.formTxt{display:inline-block; float:left; width:40px; font-size:11px; height:18px; line-height:18px; text-align:right;}
div.newsSignup div.formFld{display:inline-block; float:left; width:174px; text-align:right; height:18px; }

div.newsSignup input.signupFormfield{ height:14px; font-size:10px; width:160px;}

div.newsSignup div.formRowFinePrint{
    text-align:left;
    padding-top:3px;
    padding-right:5px;
    width:118px;
    height:20px;
    float:left;
    font-size:9px;
    line-height:20px;
    text-indent:12px;
}

div.newsSignup div.formRowBtn{
    text-align:right;
    padding-top:3px;
    padding-right:5px;
    width:90px;
    height:20px;
    float:left;
}