/*BASE STYLE SHEET*/
@import url("/custom/theport/base.css");


/*DEFAULT THEME*/
@import url("/custom/theport/css/themes/default.css");body {
	font: 12px/16px Arial, Helvetica, Verdana, Sans-Serif !important;
	color: #484848;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	background: #FFFFFF;
}
a {
color:#4B4B53;
text-decoration: none;
}
a:hover {
color:#4B4B53;
text-decoration: underline;
}
h1{color:#D4242D;
font-family:Arial,Helvetica,Verdana,Sans-Serif;
font-size:24px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:28px;
margin:0 auto 10px;
text-align:left;}

#communityContentTitle, #featuredBlogTitle, .pagename, .tp_modhdrsmall, .tp_modhdrlarge, #statusUpdateTag{border-bottom: 0; color:#D4242D;
font-family:Arial,Helvetica,Verdana,Sans-Serif;
font-size:24px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:28px;
margin:0 auto 10px;
text-align:left;}
.sectionbody{background: #fff none;}

.TP_top_nav li a{
color:#4B4B53;
text-decoration: none;
}

.TP_top_nav li a:hover, .TP_top_nav li .current{
color:#4B4B53;
text-decoration: none;
}

.TP_top_nav li a:hover, .TP_top_nav li .current{
color:#4B4B53;
text-decoration: underline;
}

.TP_top_nav li a.ON{background: #fff none; color:#4B4B53; text-decoration: underline;}
.TP_top_nav li a:hover, .TP_top_nav li .current, .TP_top_nav li a.ON:hover{background: #fff none; color:#4B4B53; text-decoration: underline;}

.TP_top_nav li a:visited{color:#4B4B53;}
#TP_Page_container, #TP_Page_header, #TP_Page_footer{width: 1024px; margin: 0 auto;}
#TP_Page_header{height: 170px }
#TP_HDR_navigation{padding-bottom: 5px;}
#crumbs{border: 0;width: 1024px;}
#TP_Page_footer{background-color: #F5F5F5;}
#TP_Page_content{margin-top: 0;}
/* Header */
#header {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

#top {
	position: relative;
	width: 1024px;
	height: 96px;
	text-align: left;
	margin: 0 auto;
background-color: #F5F5F5;
}

#topLinks {
	position: absolute;
	top: 25px;
	left: 200px;
	color: #4b4b53 !important;
	text-align: left;
	margin: 0 auto;
}

#topLinks a { text-decoration: none; color: #4b4b53; }
#topLinks a:visited { text-decoration: none; color: #4b4b53;}
#topLinks a:active { text-decoration: none; color: #4b4b53;}
#topLinks a:link { text-decoration: none; color: #4b4b53;}
#topLinks a:hover { text-decoration: underline; color: #4b4b53;}

#search {
	position: absolute;
	top: 25px;
	left: 790px;
	color: #4b4b53;
	text-align: left;
	margin: 0 auto;
	font: 11px/14px Arial, Helvetica, Verdana, Sans-Serif;
}

#search p {
	margin-top: 5px;
	color: #4b4b53;
	text-align: left;
	font: 11px/14px Arial, Helvetica, Verdana, Sans-Serif;
}

#search input.search { 
	width:145px;}
	
#search a { text-decoration: underline; color: #4b4b53; }
#search a:visited { text-decoration: underline; color: #4b4b53;}
#search a:active { text-decoration: underline; color: #4b4b53;}
#search a:link { text-decoration: underline; color: #4b4b53;}
#search a:hover { text-decoration: underline; color: #4b4b53;}

#logo {
	float: left;
	width: 145px;
	height: 96px;
	margin-left: 20px;
	text-align: left;
	margin-top: 0 !important;
}

#navBar {
	position: relative;
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	z-index: 1;
}

#navBar #localResources {
	position: absolute;
	top: 0px;
	left: 824px;
	width: 170px;
	height: 27px;
	margin: 0 auto;
	text-align: left;
	background: #e6e6e6 url('http://static.pninteractive.com/ALA/FFSOnline/site/images/bgALAResources.gif') no-repeat top left;
	font: 14px/16px Arial, Helvetica, Verdana, Sans-Serif;
	color: #d4242d;
	padding: 12px 15px 0 15px;
	z-index: 2;
}

#navBar #localResourcesPort {
	position: absolute;
	top: 0px;
	left: 824px;
	width: 170px;
	height: 27px;
	margin: 0 auto;
	text-align: left;
	background: #e6e6e6 url('http://static.pninteractive.com/ALA/FFSOnline/site/images/bgTopNav_bar.gif') bottom left repeat-x;
	font: 14px/16px Arial, Helvetica, Verdana, Sans-Serif;
	color: #d4242d;
	padding: 12px 15px 0 15px;
	z-index: 2;
}


#footer {
	width: 1024px;
	background: #f5f5f5;
}

#footer p {
	text-align: left;
	font: 11px/14px Arial, Helvetica, Verdana, Sans-Serif;
	color: #9e9e9e;
	margin: 0 auto;
	padding: 0 20px 10px 20px;
}
#topnav 	{
	width: 1024px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 0px;
	background: url(http://static.pninteractive.com/ALA/FFSOnline/site/images/bgTopNav_bar.gif) bottom left repeat-x;
	z-index: 3;
	}

.top :link, .top :visited	{
	color: #FFFFFF;
	text-decoration: none;
	}

#topnav ul	{
	padding: 0;
	margin: 0 auto;
	list-style: none;
	}

#topnav ul li.top {
	padding: 10px 0 0 0;
	width: 190px;
	float: left;
	font-size: 16px;
	position: relative;
	text-indent: 0px;
	text-align: center;
	height: 29px;
	margin-bottom: -10px;
	background: url(http://static.pninteractive.com/ALA/FFSOnline/site/images/bgTopNav.gif) bottom left no-repeat;
	}
	
#topnav ul li.topHome {
	padding: 10px 23px 0px 23px;
	width: auto !impo;
	float: left;
	font-size: 16px;
	position: relative;
	text-indent: 0px;
	text-align: center;
	height: 29px;
	margin-bottom: -10px;
	background: url(http://static.pninteractive.com/ALA/FFSOnline/site/images/bgTopNav_bar.gif) bottom left repeat-x;
	}
	
#topnav ul li.top:hover, #topnav ul li.over {
	background: url(http://static.pninteractive.com/ALA/FFSOnline/site/images/bgTopNav-over.gif) bottom left no-repeat;
	}
	
#topnav ul li.topHome:hover, #topnav ul li.over {
	background: url(http://static.pninteractive.com/ALA/FFSOnline/site/images/bgTopNav-over-home.gif) bottom left no-repeat;
	}

#topnav ul li.top ul {
	display: none;
	position: absolute;
	top: 39px;
	padding: 10px 0 0 0;
	left: 0;
	text-align: center;
	text-indent: 0;
	}

#topnav ul li:hover ul {
display: block;
margin-left: 0;
}

#topnav ul li.over ul {
display: block;
margin-left: 0;
}


ul.sub	{
	font-size: 11px;
	line-height: 14px;
	width: 190px;
	padding: 0;
	background: url(http://static.pninteractive.com/ALA/FFSOnline/site/images/bgDropdown.png) bottom center no-repeat; 
	}

ul.sub li.lower	{
	padding: 6px 6px 8px 6px;
	font-weight: normal;
	color: #4b4b53;
	border-bottom: 1px solid #FFFFFF;
	}
	
ul.sub li.bottom	{
	padding: 6px 6px 8px 6px;
	font-weight: normal;
	color: #4b4b53;
	}

ul.sub li:hover, ul.sub li.over, ul.sub li.lower:hover, ul.sub li.bottom:hover	{
	font-weight: normal;
	text-decoration: underline;
	color: #4b4b53;
	}

.sub :link, .sub :visited	{
	color: #4b4b53;
	text-decoration: none;
	}

ul.sub li:hover a, ul.sub li.over a { color: #4b4b53; text-decoration: underline;}

/* margin issues */
.pagecontainer, .pagebody{margin-top: 0 !important;}

.pagename{border-bottom: 0;}
#FooterWrapper{padding: 0; width: auto;}
#divEventInvites{display:none;}


/* standard fixes */
.pagebody{padding: 0; margin-top: 0;min-height: 630px;}
.pagecontainer{margin-top: 0;}

#TP_Page_left {
float:left;
width:220px; /* set to PX size for left pane*/
margin-left:10px;
}

#TP_Page_middle {
margin-right: 0; /*change to fit left and right pane*/
margin-left: 10px; /*change to fit left and right pane*/
text-align:center;
float:left;
width:550px;
}

#TP_Page_right {
float:right;
width:220px; /* set to PX size for right pane*/
margin-right:0;
padding-top:0;
}

/* LEFT PANE [OFF] */ 
/* #TP_Page_left and change the #TP_Page_middle to #TP_Page_middle_0left */ 
#TP_Page_middle_0left {
margin-right: 0;
margin-left: 10px;
width: 730px;
text-align: left;
}

/* RIGHT PANE [OFF] */ 
/* Only for Template pages. For this to work you need to disable the inside the template. 
Use the display:none; on #TP_Page_right and change the #TP_Page_middle to #TP_Page_middle_0right */ 
#TP_Page_middle_0right {
margin-right: 10px;
margin-left: 10px;
text-align: left;
width: 730px;
float: left;
}

#TP_Page_middle_full {
/*if left and right panes are not in use */ 
text-align: left;
margin-right: 10px;
margin-left: 10px;
}

#tp_userlogin {
padding-left: 605px;
padding-top:50px;
text-align:right;
padding-right:25px;
}

/* Login Page */
#ScriptArea {width: 600px; padding-right: 0px;}

/* Photo Page */
#lblBlogItemText img {max-width: 525px;}

/* Publish Now Button in Blog Entry Edit */
.custombtn2 { padding: 3px; }

/* To Fix "Register" button */
#btnRegister { padding: 3px; }

/* To remove bottom border of PageName */
.pagename {border-bottom: none;}

#FeaturedMemberAvatar a img {
background-position: center center !important;
background-repeat: no-repeat !important;
}

.tp_dashprofileimg {width: 94px;}

#conPhotoList1 .tp_photo_small {
max-height:90px !important;
max-width:90px !important;
margin: 5px 5px 0 0;
overflow: hidden;
}

#conPhotoList1 .tp_photo_small a img {max-width:88px;}

.pgt_picbg a img {margin: auto;}

#page_pm_divMessage {margin-left: 15px;}

#passwordRecoveryOptions {margin-top: 2px; padding:3px;}

#tblcontainer {width :980px; margin-left: auto;margin-right:auto;}

#TPCPPopularToday1, #TPCPPopularToday2, #TPCPPopularToday3, #TPCPPopularToday4, 
#TPCPpopularMedia1, #TPCPpopularMedia2, #TPCPpopularMedia3, #TPCPpopularMedia4, 
#TPCPpopularMedia5, #TPCPpopularMedia6, 
#TPCPPopularCommunity1, #TPCPPopularCommunity2, #TPCPPopularCommunity3, #TPCPPopularCommunity4 {
    overflow: hidden;
}

#communityContentRight {overflow: hidden;}

#btnRemove {margin-right:500px;}

/* to fix issue in paging */
#divCustomPaging {clear: both;}

#dgObjects img {height: 60px;}

/* community page fixes */
#statusUpdateLatest {overflow: hidden; word-wrap: break-word;}
#CPvideoThumb a img {background-position: center center !important;background-repeat: no-repeat !important;background-color: #fff !important;}
#TPCPjoinwrapper {margin: 0 auto;}
#pageBottomMiddle {height: 280px;}

#NCnewsContentTitle a{font-size: 12px;}
.activityitem .activityuser:hover{font-size: 12px;}
#divPreview, #divFinished{min-height: 300px; height: auto !important; height: 300px;}

#TPCPuserLoginForm .TXTwhiteBold {font-size: 12px !important;}

.boldtxt10, .boldlnk10{FONT-SIZE: 10px; FONT-STYLE: normal; font-family:Arial,Helvetica,Verdana,Sans-Serif;}
#page_ContentMain_btnSave{margin-top: 10px;}

#joinLinksRight{width:150px!important; margin-right:15px;}
.blogmessage {width:97%;}
.blogmessagelarge {font-size: 13px;}

#userBlock {float:right; padding-top: 5px; width: 300px;margin-top:-18px;}
#lblBlogTitle{padding-left:10px}
#divContent{padding-left:5px;}

/* fixes for status update */
#charTotal {line-height: 30px;}
.contain_entry_blog {overflow: hidden; width: 80%; word-wrap: break-word;}
#TPstatusUpdateText {overflow: hidden; width: 80%; word-wrap: break-word;}

#page_ContentMain_btnSave{margin-top: 10px;}

/* popupbox css */
#RadWindowWrapperElementrw {height: 480px !important;}
#RadWindowTitlewm_rw {color: #D3232A; border: none;background-color:transparent;}
#RadWindowWrapperElementwm_rw {border: 1px solid #599B98;background-color:#fff;}
#RadWindowHeaderRowwm_rw {background-color: transparent !important;background-image: none !important;}
.RadWWrapperHeaderLeft  {background-color: transparent !important;background-image: none !important;}
.RadWWrapperHeaderCenter {background-color: transparent !important;background-image: none !important;border-bottom:1px solid #599B98;}
.RadWWrapperHeaderRight {background-color: transparent !important;background-image: none !important;width:10px;border-right:1px solid #599B98;}
.RadWWrapperBodyLeft {background-color: transparent !important;background-image: none !important;}
.RadWWrapperBodyRight {background-color: transparent !important;background-image: none !important;}
.RadWWrapperFooterLeft {width: 100% !important; display: run-in !important; background-color: transparent !important;background-image: none !important;}
.RadWWrapperFooterCenter {display: none !important; background-color: transparent !important;background-image: none !important;}
.RadWWrapperFooterRight {display: none !important; background-color: transparent !important;background-image: none !important;}
#divInstructions {width: 85% !important;}
.RadWWrapperHeaderCenter {border-bottom: none;}
/* box header title */
.RadWTitleRow {border: 1px solid #599B98 !important;background-color:#F5F5F5;position:relative;}


/*text #666666, small links #484848 big links 	#D4242D*/

body {
color: #666666;
}

#TP_Page_container a:hover {
color:#D4242D;text-decoration:none;font-style:normal;
}

#TP_Page_container a, a:link, a:visited, a:active {
color:#484848;text-decoration:none;font-style:normal;
}

#userBlock {color:#D4242D;}
#userBlock a {color: #D4242D !important;text-decoration:none;}
#userBlock a:hover {color: #D4242D !important;text-decoration:underline;}

#TPCPuserLoginProfileDataTitle {color: #D4242D;}
#TPCPuserLoginProfileDataTitle a .normaltxt10 {color: #D4242D;}
#passwordRecoveryOptions {margin-top: 2px; padding:3px;}

#joinLinks a {color: #fff;text-decoration: none;}
#joinLinks a:hover {text-decoration: underline;}

#TPCPuserLoginForm {color:#D4242D !important; }
#TPCPuserLoginForm .TXTwhiteBold {color:#D4242D !important; }
#TPCPuserLoginProfileDataTitle {color:#D4242D !important;}
#TPCPuserLoginProfileDataTitle a .normaltxt10 {color: #D4242D ;}
#passwordRecoveryOptions {margin-top: 2px; padding:3px;}
#passwordRecoveryOptions a {color: #fff !important;}
#passwordRecoveryOptions a:hover {color: #fff !important;text-decoration:underline;}


#joinCommunityLinks .joinCommunityTitle {color:#fff;}
#joinLink span a {color:#fff;}
.TPCPtabsMenu{background-color: #D4242D;}
.TPCPtabsMenu li a{color: #fff !important;}
.TPCPtabsMenu li a.tabactive{color: #D4242D !important;}

.activityitem .activityuser:hover{font-size: 12px;}
#divPreview, #divFinished{min-height: 300px; height: auto !important; height: 300px;}

#txtPost .FormInputText{border: 1px solid #7F9DB9}
#TPCPuserLoginForm .TXTwhiteBold {font-size: 12px !important;}

/* Text styles */
/* small text */
.normaltxt10, .normaltxt11, .normaltxt12, .normaltxt14, .normaltxt16, .boldtxt10,
.boldtxt11, .boldtxt12, .boldtxt14, .boldtxt16 {color: #666666;}
/* small links */
.normallnk10, .normallnk10:visited, .normallnk10:active, .normallnk10:hover, 
.normallnk11, .normallnk11:visited, .normallnk11:active, .normallnk11:hover, .normallnk12,
.normallnk12:hover, .boldlnk10, .boldlnk10:hover, .boldlnk12, .boldlnk12:hover,
#sectionTitle a {color: #484848;font-family:Arial,Helvetica,Verdana,Sans-Serif;}
/* big links */
.boldtxt12 a, boldlnk14, .boldlnk14:hover, .boldlnk16, .boldlnk16:hover, .boldlnk10DA, .boldlnk10DA:hover {color: #D4242D}
.contain_entry_comment {
min-height: 50px;
height: auto !important;
height: 50px;
}
.contain_entry_blog {
min-height: 50px;
height: auto !important;
height: 50px;
}
.contain_entry_file {
min-height: 50px;
height: auto !important;
height: 50px;
}
.contain_entry_event {
min-height: 50px;
height: auto !important;
height: 50px;
}
.contain_entry_addevent {
min-height: 50px;
height: auto !important;
height: 50px;
}
.contain_entry_photo {
min-height: 50px;
height: auto !important;
height: 50px;
}
.contain_entry_friend {
min-height: 50px;
height: auto !important;
height: 50px;
}
.contain_entry_profile {
min-height: 50px;
height: auto !important;
height: 50px;
}
.contain_entry_profileimg {
min-height: 50px;
height: auto !important;
height: 50px;
}
.contain_entry_news {
min-height: 50px;
height: auto !important;
height: 50px;
}
.contain_entry_rate {
min-height: 50px;
height: auto !important;
height: 50px;
}
.contain_entry_group {
min-height: 50px;
height: auto !important;
height: 50px;
}
.contain_entry_video {
min-height: 50px;
height: auto !important;
height: 50px;
}

#sectionTitle #sectionDescription {width: 135px;}



/* October 26 2009, bug fixes - left align for "Activities visible to the community " under 'My settings' */
#divActivitysettings #header {text-align:left;}

#topnav ul li a{line-height: normal;}
#topLinks{width: 570px; text-align: center;}

#tp_accountmenu{width: auto;}
.tp_photo_small img, .tp_video_small img{max-height: 70px !important; max-width: 70px;}

#txtPost {height:300px !important;width:99% !important;}

#page_ep_divSentInvites {
background-image:url(/images/menu_mailsent.gif);
background-repeat:no-repeat;
background-position:10px 10px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 32px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCC;
}


#tp_group_checkbox_3 {display:none;}
#ctl00_contentMain_divInviteOptionEmailAddress .normaltxt10 {color: #fff;}
#ctl00_contentMain_divInviteOptionEmailAddress .padtop {color:#666666;}
#ctl00_contentMain_divInviteOptionEmailAddress .bold {color:#666666;}
#tp_n_InviteMessage {color: #000;}

#newsContainer {width: auto;}
#NCnewsContentDescription{color: #666;}

/* ------------------------------------------------------------------- */
/* -------------------------- Table Classes -------------------------- */
/* ------------------------------------------------------------------- */

/* CssClass used to control table cells */
.TableCell_Light {
font-size: 12px;
font-weight: normal;
background-color: #F3F3F3;
}
.TableCell_Dark {
font-size: 12px;
font-weight: normal;
background-color: #EBE9E9;
}
/* CssClass to control the various rounded table headers within the TableCell_Light table cells */
.TableCell_Light_RoundedTableHeader {
font-size: 12px;
background-color: #F4F8FB;
}
/* CssClass to control the various rounded table headers within the TableCell_Dark table cells */
.TableCell_Dark_RoundedTableHeader {
font-size: 12px;
background-color: #ECF2F9;
}
/* ------------------------------------------------------------------- */
/* ------------------------- Text Classes --------------------------- */
/* ------------------------------------------------------------------- */

/* CssClass used to control all small text */
.SmallTxt {
font-size: 12px;
font-weight: normal;
}
/* CssClass used to control all small bold text */
.SmallTxtBold {
font-size: 12px;
font-weight: bold;
}
/* CssClass used to control all small gray text */
.SmallGrayText {
font-size: 12px;
}
/* CssClass used to control all small gray bold text */
.SmallBoldGrayText {
font-size: 12px;
font-weight: bold;
}
.SmallBoldGrayText:link {
font-size: 12px;
}
.SmallBoldGrayText:hover {
color: #E52E2E;
}
/* CssClass to control validation text */
.ValidationTxt {
font-size: 12px;
color: #FF0000;
font-weight: bold;
}
/* CssClass to control keyword highlighting within search results */
.SearchHighlight {
background-color: #F6FF00;
color: #1F5080;
}
/* ------------------------------------------------------------------- */
/* ------------------------- Link Classes --------------------------- */
/* ------------------------------------------------------------------- */

/* CssClass used to control small links */
.SmlLinks {
font-size: 12px;
}
.SmlLinks:hover {
color: #ccc;
}
/* CssClass used to control small bold links */
.SmlBoldLinks {
font-size: 12px;
font-weight: bold;
}

/* fixes December 04, 2009 */
#CPuserLoggedinLeft {min-height:600px !important;}

#TPCPPopularToday1, #TPCPPopularToday2, #TPCPPopularToday3, #TPCPPopularToday4,
#TPCPpopularMedia1, #TPCPpopularMedia2, #TPCPpopularMedia3, #TPCPpopularMedia4,
#TPCPpopularMedia5, #TPCPpopularMedia6 {
height:auto !important;}

#pageBottomRight {min-height:285px !important;}

#TPCPPopularCommunity1 {padding-top:0px;height: auto !important;}
#TPCPPopularCommunity2 {padding-top:0px;height: auto !important;}


#TP_Page_header{margin-bottom: 10px !important;}

#ALAsearch{padding-right:10px; padding-top:5px;}

.tp_srchCntrlAfterBtn{ 
  background-image:url(/images/themes/default/tp_btn_Light_Red.gif);  /** this is the default **/
}

#CPuserLoggedinLeft .tp_srchCntrlContainerDiv {float:left;margin-right:20px;}
.wrap_name{white-space: normal;}

#SearchObjectWrap{height: auto !important;}
.grpDescription{margin-right: 100px;}
#communityContentWrapper #communityContentMiddle{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#communityContentLeft .contain_entry_blog, #communityContentLeft #statusUpdateFeed{width: auto; }
.i1{background-color: #5f6063}


.tp_modtopgradient{ overflow:hidden;}