/* RULES FOR GENERAL ELEMENTS */
* { margin: 0; padding: 0 }
html { overflow: auto; }
input { margin: 3px 5px 0 0; }
ul { padding: 0px; margin: 0px; list-style: none; }
p, h1 { padding: 0px; margin: 0px; }
h2 { padding: 5px 0; margin: 0px; }
img { border: none; }
.contentBg h2 { padding-left: 10px; }
textarea { width: 483px; overflow-y: auto; }
.section { padding: 15px 0 0 0; margin: 15px 0 0 0; }
td.section { padding: 10px 0; margin: 0; }
.err { padding: 10px; text-align: center; }

/* RULES FOR SPECIFIC PARTS OF GUI */
#Wrapper { position: relative; padding: 0 0 30px 0; width: 990px; margin: 0 auto; }
#ContentWrapper { padding:10px; }
#FeedColumn { width: 505px; float: left; }
#ProfileColumn { width: 190px; margin: 0px; padding: 0 0 0 20px; float: left; }
#Sidebar { width: 200px; float: right; margin: 0px 2px 0 0; overflow: hidden; text-align: center; padding: 0 10px 0 20px; }
#FriendsColumn { width: 485px; float: left; padding: 10px; }
#HomeRightColumn { width: 440px; margin: 0px; padding: 0px 7px 0 0; float: right; }
#Banner { width: 728px; position: relative; margin: 5px auto 0 auto; }

/* MANAGE TOOLBAR */
#Manage { font: normal 11px/27px Verdana,Arial; color: #666666; width: 100%; height: 27px; background: transparent url(/skins/gpng/F2FFFFFF.png) repeat scroll 0 0; border-bottom: solid 1px #D9D9D9; }
#Manage a { color: #749D31; text-decoration: none; }
#Manage .title { font-weight: bold; float: left; padding-right: 8px; }
#Manage .close { float: right; margin: 5px 5px 0 0; }
#Manage .logo { border: none; float: left; padding: 7px 7px 0 7px; padding-right: 20px; line-height: 10px; font-weight: bold; font-size: 15px; }
#Manage .home { float: left; }
#Manage .nav { z-index: 100; position: relative; float: left; }
#Manage .nav ul { position: absolute; top: -999em; border: solid 1px #D9D9D9; border-top: none; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; background: transparent url(/skins/gpng/F2FFFFFF.png) repeat scroll 0 0; }
#Manage .nav li { float: left; position: relative; }
#Manage .nav li a, #Manage .nav li span, #Manage .home { display: block; padding: 0 16px 0 16px; }
#Manage .nav li:hover span, #Manage .nav li.sfHover span { background: transparent url(/img/menuArrowDown.gif) 6px 13px no-repeat; }
#Manage .nav li:hover ul a, #Manage .nav li.sfHover ul a { background: none; }
#Manage .nav li:hover ul a:hover, #Manage .nav li.sfHover ul a:hover { text-decoration: underline; background: transparent url(/img/menuArrowRight.gif) 6px 11px no-repeat; }
#Manage .nav li:hover ul, #Manage .nav li.sfHover ul { top: 27px; }
#Manage .nav ul li { float: none; }
#Manage .nav ul li.last { padding-bottom: 5px; }
#Manage .nav ul a { white-space: nowrap; line-height: 25px; height: 25px; display: block; padding-left: 15px; }
#openManage { z-index: 100; padding: 5px; position: fixed; top: 0; right: 0; font: normal 11px/27px Verdana,Arial; color: #749D31; width: 17px; height: 17px; background: transparent url(/skins/gpng/F2FFFFFF.png) repeat scroll 0 0; border-left: solid 1px #D9D9D9; border-bottom: solid 1px #D9D9D9; }

/* HEADER */
#Header { padding: 0 10px; height: 105px; position: relative; margin: 5px auto 0 auto; width: 970px; }
#Header .logoLink { display: block; float: left; text-align: left; overflow: hidden; height: 72px; width: 970px; margin-bottom: 5px; }
#Header div.textLogo { float: left; padding: 0; width: 970px; height: 77px; overflow: hidden; white-space: nowrap; }
#Header div.textLogo .title { text-align: center; float: left; width: 970px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#Header div.textLogo .headline { float: left; clear: both; overflow: hidden; white-space: normal; width: 970px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-top: 1px; }
#Header .wrapper { width: 100%; height: 100%; }
#Header #Navigation { float: right; width: 970px; }	
#Header #Navigation li { padding: 0 18px 0 0; height: 25px; line-height: 25px; }
#Header #Navigation li.search { padding: 0px; float: right; }
#Header #Navigation li.links { float: left; padding: 0px; }
#Header #Navigation li.links ul li { float: left; }
#Header #Navigation li img { float: left; margin: 2px 3px 0 0px; }
#Header #Navigation input { margin: 0 6px 0 0; float: left; width: 122px; padding: 1px; }

/* FOOTER */
#Footer { margin: 10px 0 0 0; padding: 5px; text-align: center; }
#Footer ul li { display: inline; padding: 0 5px; }

/* PROFILE COLUMN */
#ProfileColumn dt { float: left; padding: 0 0 2px 0; width: 125px; overflow: hidden; text-overflow: ellipsis; }
#ProfileColumn dl { margin: 0px; }
#ProfileColumn dd { float: left; width: 45px; overflow: hidden; text-overflow: ellipsis; text-align: right; }
#ProfileColumn div.stats { padding: 10px 0 10px 10px; }

#HomeRightColumn a.homeInfoMore { float: left; margin-top: 8px; }
#HomeRightColumn div.home { padding-bottom:10px; margin-bottom:20px; }
#HomeRightColumn div.about h2 { padding: 10px 0 5px 0; }
#HomeRightColumn div.about p { padding: 0 0 10px 0; }
#HomeRightColumn strong.headline { display: block; }
.mobile { padding: 0 0 20px 0; }
.mobile .upper, .mobile .lower { display: block; }
#HomeRightColumn .mobile .upper { padding: 0 0 0 10px; }
#HomeRightColumn .mobile .lower { padding: 0 0 0 155px; }
#HomeRightColumn .mobile .bg { margin: 8px 0 0 0; padding: 10px 5px 15px 0; font-size: 1.2em; }
#HomeRightColumn .mobile .btnWrp { padding: 10px 0 0 0; }
.mobile .bg img { float: left; margin: -55px 20px 0 10px; }
.mobile .btnWrp { text-align: center; }
.mobile .btnWrp a { display: inline-block; padding: 5px 8px; }
#Sidebar .mobile { margin: 8px 0 15px 0; text-align: left; }
#Sidebar .mobile .bg { padding: 9px 0; }
#Sidebar .mobile .bg img { margin: -36px 0 0 4px; }
#Sidebar .mobile .btnWrp a { padding: 2px 8px; }

.CaptchaValidation { height:30px; }
.CaptchaValidation ul { padding: 0px; margin: 0px; list-style: none; }
.CaptchaValidation ul li{ padding: 0px; margin: 0px; list-style: none; }
.CaptchaPanel { overflow: hidden; }
.CaptchaPanel p.captchaInfo { padding:0px; margin:0px; }
.CaptchaPanel div.CaptchaAction { text-align:right; padding-bottom:10px; }

#ProfileHeader { padding: 10px 0 10px 10px; margin-bottom: 10px; }
#ProfileHeader a.UserThumbnail * { width: 160px; }
#ProfileHeader h1 { margin: 10px 0 10px 0; overflow: hidden; text-overflow: ellipsis; }
#ProfileHeader dl { margin: 5px 0px 0px 0px; }
#ProfileHeader dl.stats { padding: 6px 0 5px 0; }
#ProfileHeader dl.memberInfo { margin: 5px 0px 0 0; }
#ProfileHeader dl.memberInfo dt { width: 100%; }
#ProfileHeader dl.memberInfo dd { width: 190px; text-align: left; padding-bottom: 10px; }
#ProfileHeader .homeLinks img { position: relative; top: 2px; }
#ProfileHeader div.Subscribe { padding: 10px 0 5px 0; }
#ProfileSubscribers, #ProfileSubscriptions, #ProfileFriends { padding-top: 2px; }
#ProfileSubscribers dt, #ProfileSubscriptions dt, #ProfileFriends dt { margin: 0px; width:125px; }
#ProfileSubscribers dd, #ProfileSubscriptions dd, #ProfileFriends dd { margin: 0px; width: 45px; }

/* SHOUT */
/* 2 main categories: 
	- Shout - normal shout without avatar
	- ShoutThumb - normal shout with avatar
	- ShoutBig - added when the shout is viewed on separate page
*/
#ShoutsList { width: 505px; padding-bottom: 1px; }
#ShoutsList .infoMsg, #ShoutsList .more { padding: 10px; }
#ShoutsList .more { text-align: center; }
div.Shout, div.ShoutThumb { margin: 0 10px; zoom: 1; margin-bottom:0px; }
div.ShoutBig { padding: 0 10px 10px 10px; margin: 0px; }
div.Shout div.linkPreview, div.ShoutThumb div.linkPreview { margin: 5px; float: left; clear: both; }
div.Shout div.largeAttachment .linkPreview, div.ShoutThumb div.largeAttachment .linkPreview { float: none; }
div.ShoutThumb a.UserThumbnail { float: left; padding: 10px 0; width: 48px; }
div.ShoutThumb a.UserThumbnail * { width: 48px; }
div.Shout div.Content { float: left; width: 450px; margin: 5px 0 0 0; padding-bottom: 10px; }
div.ShoutThumb div.Content { float: left; width: 390px; margin: 5px 0 0 10px;  padding-bottom: 10px; }
div.ShoutThumb div.Content p, div.Shout div.Content p { overflow: hidden; text-overflow: ellipsis; padding-bottom: 2px; }
div.ShoutThumb div.Content img.photoPreviewLarge { max-width: 390px; margin: 5px 0 0 0; } 
div.Shout div.Content div.replyToTitle, div.ShoutThumb div.Content div.replyToTitle { margin: 1px 0 2px 0; }
div.Shout div.Content div.shoutInfo, div.ShoutThumb div.Content div.shoutInfo { margin: 5px 0 0 0; }
div.Shout td, div.ShoutThumb td { vertical-align: top; overflow: hidden; text-overflow: ellipsis; }
div.Shout td span, div.ShoutThumb td span { overflow: hidden; text-overflow: ellipsis; }
div.Shout td.replyIcon, div.ShoutThumb td.replyIcon { width: 22px; }
div.ShoutThumb div.Content table, div.Shout div.Content table { width: 100%; table-layout: fixed; overflow: hidden; text-overflow: ellipsis; }
div.Shout div.Actions, div.ShoutThumb div.Actions { float: right; width: 33px; margin: 2px 0; visibility: hidden; }
div.ShoutThumb { position: relative; }
div.ShoutThumb div.Actions { float: none; position: absolute; top: 0px; right: 0px; }
div.Shout div.Actions { margin: 4px 0 0 0; }
div.Shout div.Actions img, div.ShoutThumb div.Actions img { float: right;  }
div.ShoutBig div.Actions, div.Shout:hover div.Actions, div.ShoutThumb:hover div.Actions { visibility: visible; }

/* REPLY */
div.ShoutReply { padding: 3px 10px; }
div.ShoutReply a.UserThumbnail { float: left; margin: 4px 0; }
div.ShoutReply a.UserThumbnail img { height: 34px; width: 34px; }
div.ShoutReply div.Content {  width: 442px; float: right;  }
div.ShoutReply div.Content td { vertical-align: top; }
div.ShoutReply div.Content p { overflow: hidden; text-overflow: ellipsis; }
div.ShoutReply div.Content div.info { margin: 2px 0 0 0; float: left; }
div.ShoutReply div.Content div.info span { padding: 0 5px 0 0; }
div.ShoutReply div.Content table { width: 100%; table-layout: fixed; overflow: hidden; text-overflow: ellipsis; }
div.ShoutReply a.iconBtn img { float: none; height: 13px; margin: 0; position: relative; top: 3px; }
div.ShoutReply a.iconBtn span { display: none; }
.ShoutReply td.attachmentThumbs { width: 90px; }

/* THREADED REPLIES */
div.Shout .thReplies { float: left; width: 450px; }
div.ShoutThumb .thReplies { float: right; width: 393px; margin-right: 36px; }
div.Shout .thReplies .a .b table { width: 450px; }
div.ShoutThumb .thReplies .a .b table { width: 393px; }
.thReplies div.a { padding: 3px 0 7px 0; position: relative; top: -3px; }
.thReplies .thAvatar { display: block; padding-top: 3px; }
.thReplies .thAvatar img { width: 24px; }
.thReplies a.iconBtn img { height: 13px; position: relative; top: 2px; }
.thReplies a.iconBtn span { display: none; }
.thReplies .thForm .thWrap { padding: 0 0 3px 0; }
.thReplies textarea { width: 100%; height: auto; }
.thReplies .thSubmit { float: right; padding: 3px 0; }
.thReplies span.cnt { float: right; padding: 0 10px 0 0; }
.thReplies a.button { float: right; }
.thReplies .showAll { display: block; padding: 5px 0 3px 0; font-weight: bold; }
.thReplies .a .b table { table-layout: fixed; }
.thReplies .a .b td.usr { width: 31px; }
.thReplies .a .b td { padding-top: 5px; }
.thReplies .a .b td .info { display: block; }
.thReplies div.Attach, #ShoutsList .thReplies div.Attach a { float: none; }

/* ATTACHMENTS */
div.Attach { float: left; width: 100%; margin-top: 2px; }
div.ShoutBig div.Attach { margin-top: 15px; }
div.Attach div#map { margin: 10px 0px 20px 40px; float: left; }
div.Attach .imgAtt { float: left; }
.ShoutBig div.Attach .imgAtt  { max-width: 100% !important; _width: 100% !important; }
#ShoutsList div.Attach a, #RepliesList div.Attach a { line-height: 1.5em; margin-left: 0px; float: left; clear: both; }
div.Attach a { line-height: 2em; margin-left: 30px; }
div.Shout td.attachmentThumbs, div.ShoutThumb td.attachmentThumbs { width: 90px; padding-top: 5px; text-align: right; }
div.Shout td.attachmentThumbs a, div.ShoutThumb td.attachmentThumbs a, div.ShoutReply td.attachmentThumbs a { float: right; }
div.Shout td.attachmentThumbs img, div.ShoutThumb td.attachmentThumbs img, div.ShoutReply td.attachmentThumbs img { width: 80px; }
div.Attach span { display: none; }
div.Shout a.linkInText, div.ShoutThumb a.linkInText, div.ShoutReply a.linkInText,
	div.Shout a.locationInText, div.ShoutThumb a.locationInText, div.ShoutReply a.locationInText { margin: 0 10px 0 0; }
div.Shout img.locationInText, div.ShoutThumb img.locationInText, div.ShoutReply img.locationInText, 
	div.Shout img.linkInText, div.ShoutThumb img.linkInText, div.ShoutReply img.linkInText { height: 10px; margin: 0 3px 0 0; }
div.Shout img.youtubePlayIcon, div.ShoutThumb img.youtubePlayIcon, div.ShoutReply img.youtubePlayIcon { position: absolute; height: 14px; width: 20px !important; z-index: 100; padding: 24px 0 0 31px; }

/* USER LIST SMALL */
ul.UsersListSmall { margin: 3px 0 6px 0px; }
ul.UsersListSmall li { float: left; padding: 0 5px 5px 0;}
ul.UsersListSmall li a { display: block; }
ul.UsersListSmall li a * { width: 24px; height: 24px; }

/* USER SETTINGS */
#UserSettings { float: left; width: 725px; }
#UserSettings div.links { width: 100%; height: 30px; }
#UserSettings div.links ul li { float: left; padding: 4px 10px 0 10px; height: 26px; line-height: 25px; }
#UserSettings div.tabData  { width: 705px; }
#UserSettings div.tabData div.dataContent h3 { padding-top: 10px; margin:0px; }
#UserSettings div.buttonContainer { width: 100%; padding: 10px; margin: 10px 0 0 0; }
#UserSettings a.settingsActive { padding: 0 10px 6px 10px; }
#sDesign .Left { width: 150px; }
.errorMessage { color:Red; font-weight:bold; padding-top:10px; padding-left:10px; }
.adminInfo  { padding: 10px; margin: 0 0 15px 0; }

/* SUBSCRIBERS, SUBSCRIPTIONS, FRIENDS */
#UserList, #PendingSubscriptionsList, #RequestsList { padding: 20px 0 0 0; }
#UserList div.actions { float: left; height: 45px; padding: 0 0 0 10px; width: 115px; }
#UserList div.actions a { float: left; clear: both; }

/* FRIEND */
div.Friend { width: 540px; padding: 0 0 10px 10px; float: left; overflow: hidden; text-overflow: ellipsis;  }
div.Friend a.UserThumbnail img { width: 48px; float: left; margin: 0 0 5px 0; }
div.Friend div.Content { float: left; margin: 0 0 0 10px; overflow: hidden; text-overflow: ellipsis; }
div.Friend div.Actions { float: left; margin: 2px 0 0 10px; }
div.Friend div.Subscribe { margin: 3px 0 0 0; }
div.Friend div.Subscribe div { height: 22px; }
div.Friend div.Subscribe ul li { display: inline; padding-right: 10px; }
div.Friend div.Actions { margin: 5px; }

/* FEATURED CONTENT */
.feat { padding: 10px 10px 0 10px; margin: 0 0 15px 0; }
.feat h3 { text-align: left; padding: 0 0 10px 0; }
.feat div  { text-align: left; float: left; padding: 0 0 10px 0; }
.feat div .UserThumbnail { float: left; padding-top: 3px; }
.feat .content { float: left; padding: 0 0 0 10px;  overflow: hidden; text-overflow: ellipsis; }
.feat .usr .content { width: 120px; }
.feat .usr .UserThumbnail, .feat .usr .UserThumbnail * { width: 48px !important; height: 48px !important; }
.feat .sh .UserThumbnail, .feat .sh .UserThumbnail * { width: 24px !important; height: 24px !important; }
.feat .sh .content { width: 140px; max-height: 2.8em; }
.feat strong, .feat span { display: block; white-space: nowrap; }
.feat .notif { float: none !important; }
#ProfileColumn .feat { margin: 0 0 10px 0; padding: 10px; zoom: 1; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#ProfileColumn .feat div { padding: 0; }
#ProfileColumn .feat span { white-space: normal; }
.feat .notif .link { display: block; text-align: right; }

.ads { padding: 15px 0; margin: 0 0 15px 0; }

/* SHOUT WRITE */
#ShoutWrite { padding: 5px 10px 5px 10px; }
#ShoutWrite div.LinkAttach { float: left; width: 90%; }
#ShoutWrite div.LinkAttach input { width: 300px; }
#ShoutWrite div.PhotoAttach { float: left; width: 90%; }
#ShoutWrite div.LocationAttach { float: left; width: 90%; }
#ShoutWrite div.LocationAttach input { width: 300px; }
#ShoutWrite ul li { float: right; padding: 5px 0 5px 5px; line-height: 24px; }
#ShoutWrite ul.attach { float: left; }
#ShoutWrite ul.attach li { float: left; padding: 5px 15px 5px 0; line-height: 24px; }
#ShoutWrite ul.attach li img { float: left; margin: 2px 3px 0 0; }
#ShoutWrite ul.action { float: right; width: 40%; margin: 0 1px 0 0; }
#ShoutWrite ul li#RemainingCharCount { padding: 5px 17px; }
#ShoutWrite textarea { margin-top: 5px; }


#HomeRightColumn #ShoutWrite { padding:0px; }
#HomeRightColumn #ShoutWrite ul.action { width:170px; }
#HomeRightColumn textarea { width:436px; }

/* LOGIN AND REGISTRATION */
#loginControl { padding: 10px; }
#loginControl h3 { padding: 0 0 15px 0; }
#loginControl input { width: 176px; }
#loginControl input.button { width: auto; }
#loginContainer { float: left; width: 725px; }
#loginControl p.error { margin: 0 0 10px 0; }
#loginControl table { float: left; table-layout: fixed; }
#loginControl td { padding: 0 10px 4px 0; }
#loginControl #TwitterLogin img { height: 13px; }
#loginControl .login { text-align: right; }
#loginControl #PhoneLogin div.back { padding-top: 20px; }
.register { float: left; width: 100%; text-align: center; padding: 60px 0 40px 0; }
.register a { padding: 10px; display: inline-block; }
#loginContainer .ext { float: left; margin: 10px 0 0 50px; padding: 0 0 30px 50px; width: 185px; }
.ext li { padding: 0 0 10px 0; }
.privateHome .ext { width: 100%; margin-top: 15px; }
.privateHome .ext li { display: inline; padding: 10px 0 15px 0; margin: 0 0 0 10px; }
.privateHome .ext li.title { display: block; border-top: solid 1px #AAAAAA; }
.privateHome .register { padding: 40px 0 20px 0; }
#HomeRightColumn .login td { vertical-align: middle; }
#HomeRightColumn .login .text { padding: 0 15px; text-align: center; }
#HomeRightColumn .login .register { float: none; padding: 0; width: 200px; }
#HomeRightColumn .login .register a { padding: 5px 8px; }
#HomeRightColumn .login .ext { margin: 0; padding: 0; }
#HomeRightColumn .login .ext li { padding: 0 0 5px 0; }
#HomeRightColumn .login .ext li.last { padding: 0; }

#NormalLogin, #TwitterLogin { float: left; width: 355px; }
#PhoneLogin { float: left; }
#PhoneLogin span.code, #sPhone span.code { font-weight: bold; }
#PhoneLogin span.code span, #PhoneLogin span.num, #sPhone span.code span, #sPhone span.num  { font-weight: bold; font-size: 1.25em; }
.registrationWrapper { padding: 10px; float: left; width: 705px; }
.registrationWrapper td { padding: 0 10px 5px 0; }
.registrationWrapper input[type=text] { width: 220px; margin-left: 0px; }
.registrationWrapper input[type=password] { width: 220px; margin-left: 0px; }
.registrationWrapper strong { display: block; margin: 5px 0 0 0; width: 540px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.registrationErrorPanel { margin: 5px; }
.privateHome { padding: 10px; }
.privateHome .ext { padding: 0 10px 0 0;  float: right; }
#transferList td { padding: 7px 5px 0 0; }
div.shoutEmInfo { width: 100%; float: left; padding: 7px 0; }
div.shoutEmInfo strong { display: inline; }

.validatePhone div.info { padding: 10px 0; }
.validatePhone div.first { padding-top: 0; }
.validatePhone div.coverage { padding: 10px 0 0 0; }
#loginControl div.coverage table { float: none; }
#loginControl div.coverage table td, .validatePhone div.coverage table td  { padding: 0 10px 1px 0; }

/* SEARCH, FRIEND FINDER */
#SearchWrapper, #friendFinderWrapper { float: left; width: 555px; }
#friendFinderWrapper .checkAll { padding-top: 7px; }
#friendFinderWrapper .f { padding: 10px; }
#friendFinderWrapper .f p { padding: 0 0 5px 0; }
#SearchWrapper div.searchForm span.searchTitle { display: block; padding-bottom: 10px; }
#SearchWrapper div.searchForm { padding: 15px 0px 15px 10px; text-align: left; }
#SearchWrapper div.searchForm input { width: 100px; }
#SearchWrapper div.searchForm input.searchBox, #SearchWrapper div.searchForm input.watermark { width: 300px; }
#SearchWrapper ul.Views { padding-left: 10px; }
#SearchWrapper div.resultsUsers { float: left; width: 545px; padding: 0 10px; }
#SearchWrapper div.resultsShouts { float: left; width: 505px; margin: 0 0 0 12px; }
#searchMenuWrapper { width: 140px; float: left; padding: 0px 0 0 20px; }
#searchMenuWrapper span { float:left; width: 140px; margin-top: 10px; }
#searchMenuWrapper a { float: left; width: 120px; margin-left: 20px; }

#friendFinderWrapper div.friendFinderNavigation { float: left; width: 505px; padding: 10px; }
#friendFinderWrapper div.friendFinderNavigation .info { float: left; width: 100px; padding: 10px; margin-right: 20px; }
#friendFinderWrapper div.friendFinderNavigation .services { float: left; }
#friendFinderWrapper div.friendFinderNavigation .services div { margin-bottom: 10px; padding: 10px; }
#friendFinderWrapper div.friendFinderNavigation table { width: 100%; }
#friendFinderWrapper div.friendFinderNavigation .Right { text-align: right; }
#friendFinderWrapper div.friendFinderNavigation td { padding-left: 10px; }
#friendFinderWrapper div.friendFinderNavigation .l { padding: 0 10px 0 0; }
#friendFinderWrapper div.friendFinderNavigation .button { margin-top: 10px; }
#friendFinderWrapper div.friendFinderNavigation .small .button { margin-top: 0px; }
#FriendFinderSelection div#Registered, #FriendFinderSelection div#NotRegistered { margin: 10px 0 0 0; padding: 10px; float: left; }
#FriendFinderSelection div#NotRegistered table { width: 100%; }
#FriendFinderSelection div strong.title { display: block; margin: 0 0 10px 0; }

/* ERROR PAGES */
div.errorNetwork { padding: 30px 0; text-align: center; float: left; width: 725px; }
p.errorNetwork { padding: 20px 0; }

/* IMPRESSUM, TERMS, CONTACT, WIDGETS, SHARING */
#infoPage, #contactForm { float: left; width: 705px; padding: 10px; }
#infoPage h2, #contactForm h2 { padding: 0 0 5px 0; }
#infoPage h3, #contactForm h3 { padding: 5px 0; }
#infoPage p, #contactForm p { padding-bottom: 10px;}
#infoPage textarea.embedCode { width: 400px; height: 300px; float: left; }
#infoPage p.embedInfo { width: 400px; float: left; padding: 10px 0 20px 0;}
#infoPage div.widgetPreview { width: 250px; float: right; padding: 0 20px 0 0; }
#infoPage .ningLogo { width: 150px; display: block; margin: 10px 0 0 10px; }
#infoPage p.terms { padding: 20px 0 10px 0; font-weight: bold; }
.sharing table { width: 100%; table-layout: fixed; }
.sharing td { padding: 20px 0 20px 10px; text-align: left; vertical-align: top; border-bottom: solid 1px #BBBBBB; }
.sharing td.l { width: 160px; text-align: left; }
.sharing td.suff { width: 180px; padding: 30px 10px 0 30px; text-align: center; }
.sharing td.suff select { width: 70%; padding: 2px; }
.sharing td.suff input { width: 100%; }
.sharing table.form { margin-top: 0; table-layout: fixed; }
.sharing table.form td { padding: 0; border: none; }
.sharing table.form td.Right input { width: 150px; }

/* MOBILE CLIENTS */
.clients .desc { background: transparent url("http://shoutem.com/img/mobileClients.png") 10px 20px no-repeat; padding: 0 0 0 200px; height: 280px; }
#infoPage .desc h2 { font-size: 1.5em; padding-bottom: 20px; }
.clients .desc ul  { list-style: disc; padding: 10px 0 0 20px; }
.clients .desc li { padding: 7px 0px;  }
.clients .nav { padding: 0 0 0 20px; }
.clients div { padding: 10px 0; }
.clients .nav a { display: inline-block; padding: 6px 8px; font-size: 1.3em; font-weight: bold; }
.clients .dlLink  { display: block; margin: 5px 0; }
.clients .details li { position: relative; float: left; width: 172px; padding: 3px 15px 215px 40px; background-position: 40px bottom; background-repeat: no-repeat; }
.clients .details .num { position: absolute; top: 0px; left: 0px; font-size: 3em; line-height: 1em; font-weight: bold; opacity:0.4; filter:alpha(opacity=40); } 
.clients .details .txt { position: absolute; font: normal bold 12px/20px arial !important; color: #000 !important; }
#Java li.download, #BB li.download { width: 80%; padding: 5px 0 30px 40px; margin: 20px 0 0 0; }

#Java li { width: 172px; }
#Java li.search { background-image: url("http://shoutem.com/img/javaSearchEmpty.jpg"); }
#Java li.search .name { left: 57px; bottom: 167px; }
#Java li.login { background-image: url("http://shoutem.com/img/javaLoginEmpty.jpg"); }
#Java li.login .name { left: 71px; bottom: 167px; color: #FFF !important; }
#Java li.login .nick { left: 44px; bottom: 115px; }
#Java li.feed { background-image: url("http://shoutem.com/img/javaFeed.jpg"); }

#BB li { width: 272px; }
#BB .txt { font-size: 11px !important; }
#BB li.search { background-image: url("http://shoutem.com/img/bbSearch.jpg"); }
#BB li.search .name { left: 75px; bottom: 151px; }
#BB li.login { background-image: url("http://shoutem.com/img/bbLogin.jpg"); }
#BB li.login .name { left: 65px; bottom: 153px; color: #FFF !important; font-size: 12px !important; }
#BB li.login .nick { left: 82px; bottom: 119px; }
#BB li.feed { background-image: url("http://shoutem.com/img/bbFeed.jpg"); }

/* IE6 WARNING MESSAGE */
#IE6msg { margin: 5px auto 5px; position: relative; width: 990px; padding: 0 1px 1px 0; }
#IE6msg div.content { padding: 0 5px 5px 5px; }
#IE6msg h4 { display: block; float: left; padding: 5px; } 
#IE6msg p { clear: left; padding: 0 0 2px 5px; } 
#IE6msg a.close { margin-top: 5px; display: block; float: right; }

/* TWITTER/FACEBOOK STATUS FORWARDING DIALOG */
#StatusFwDialog { padding: 5px 0 10px 0; }
#StatusFwDialog div.yesNo { text-align: center; margin: 0 auto; } 

/* STYLE USED IN TABS */
div.tabData { float: left; position: relative; }
div.tabData div.dataContent { width: 100%; margin: 0 0 0 0px; padding: 10px; }
table.form { margin: 10px 0 15px 0; }
table.form tr { margin: 0 0 3px 0; }
table.form td.Left { padding: 1px 15px 2px 0; }
table.form td.Left input { margin-right: 7px; }
table.form td.Right input, table.form td.Right textarea { width: 300px; }
table.form td.Right input.opacityPercentage { width: 30px; }
table.form td.Right select { width: 304px; }
table.form td.Upload input { width: auto; }
table.form td.imgPreview { padding-left: 20px; }
table.form td.CheckBox input { width: 15px; }
table.form td.Reset { padding:0px; margin:0px; text-align: right; }

div.viewSettings { height: 32px; margin-top: 10px; }
ul.Views { float: left; padding: 5px 0 0 0; width: 485px; margin: 0 10px; }
ul.Views li { float: left; padding: 0 6px 0 0; height: 25px; }
ul.Views li a { margin: 1px 6px 0 0; display: block; }
ul.Views li.toggleReplies { float: right !important; padding: 0 10px 0 0; }
ul.Views li.toggleReplies a { margin: 1px 0 0 0; }
ul.messagesView { text-align: center; padding-bottom: 5px;}
ul.messagesView li { display: inline; padding: 0 5px; }

a.iconButton { display: block; height: 19px; width: 23px; float: right; }
a.iconButton span { display: none; }
div.iconReply { display: block; height: 21px; width: 20px; }
div.Pager { padding: 10px 0px; float: right; width: 80%; }
div.Pager a { margin: 0 10px; }
a.rssLink { float: left; margin: 10px; }
a.rssLink img { display: none; }
.pageMsgBox .msg { display: block; text-align: center; padding: 10px 0 0 0; font-weight: bold; }

#UsersColumn { float: left; width: 725px; }
.hidden { display: none !important; }
.invisible { visibility: hidden !important; }

/* clearfix for browsers that suck */
.clearfix { *display: inline-block } /* IE 7 needs this, "*" is because of FF3 */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

/* hides from IE-mac \*/
* html .clearfix { height: 1% }
/* end hide from IE-mac */

/* FIXES FOR IE6 */
#Header { _position: static; }
#Header div.textLogo .title { _position: relative; }
#ProfileHeader, #Sidebar, textarea, input, iframe, .thForm a.button { _position: relative; }
html { _overflow-y: auto; _overflow-x: hidden; }
div.ShoutThumb { _padding-right: 5px !important; }
div.ShoutThumb img.photoPreviewLarge { _width: 390px; }
div.Reply div.Content p { _width: 413px !important; }
div.ReplyThumb div.Content p { _width: 355px; }
div.Shout div.Actions, div.ShoutThumb div.Actions { _margin-right: 2px; _visibility: visible !important; }
div.linkPreview embed { _position: relative; }
div.ShoutThumb .thReplies { _margin-right: 16px; }
ul.Views { _margin: 0 5px; _width: 490px; }


/* COLOR PICKER STYLE */
div.cp { background: none !important;  height: auto !important; width: 350px !important; float: none !important; border: none !important; margin: 0px !important; padding: 0px !important; z-index: 0; }
div.cp input { width: 80px !important; padding: 0px; }
div.cp span { padding-left: 60px; }
div.cp span.cpPreview { background-image: none !important; padding: 0 !important; margin: 0px !important; border: solid 1px black; }
div.cp img.cpShowButton { position: relative; top: 3px; left: 3px; border: none !important; float: none !important; cursor: pointer; }
div.cpPopup { width: 300px !important; border: solid 1px gray !important; background: White !important; padding: 0px !important; top: 0px; left: 141px; }
div.cpPopup div.colorThumbnail { height: 12px !important; width: 12px !important; float: left !important; border: solid 1px gray !important; margin: 2px !important; padding: 0px !important; }
div.cpPopup div.colorThumbnail:hover { border: solid 1px red !important; cursor: pointer !important; }
div.cpPopup a.button { float: left !important; clear: both !important; padding: 2px 5px 4px 8px !important; color: gray !important; }
div.cpPopup a.button:hover { color: black !important; }
div.cpPopup div.colorThumbnails { background-image: none !important; width: 240px !important; margin: 0px; padding: 0px !important; float: left; }
div.cpPopup div.colorPreview { background-image: none !important; width: 50px !important; height: 100px !important;  padding: 0px !important; float: right; border: solid 1px gray; margin: 5px 5px 0 0; }
	


/* GENERAL RULES */
body { background:  top center  fixed; font: 62.5% Palatino Linotype, Book Antiqua, Times New Roman; 
	   color: #FF9601; background-color: #000000; }
a { text-decoration: none; color: #FFCB99; }
a:hover { text-decoration: underline; }
textarea { font-family: Palatino Linotype; font-size: 1em; }
select { font-family: Palatino Linotype; }
input { font-family: Palatino Linotype; }

a.button { background-color: #CC6566; color: #FFFFFF; padding: 1px 6px 2px 4px; display: inline-block; line-height: 1.2em; }
a.button:hover { text-decoration: none; border: dashed 1px #FFFFFF; padding: 0px 5px 1px 3px; }
a.link { font-size: 12px; font-weight: bold; }

.Error, .error { color: red; }

h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.1em; }
.shoutBg { background: url(/skins/gpng/FFFFFFFF.png); }
.contentBg { background: url(/skins/gpng/FFFFFFFF.png); }
.section { border-top: solid 1px #BBBBBB; }
#ContentWrapper, #Footer { background: url(/skins/gpng/B2FFFFFF.png); font-size: 1.2em; }
#Navigation { font-size: 1.25em; }

.watermark { color:#BEBEBE; }

/* SPECIFIC RULES */
#Header, #Wrapper { font-size: 1.1em; }
#Header { background:  top right no-repeat; background-color: #000000; }
#Header a.logoLink:hover { text-decoration: none; }
#Header div.textLogo { color: #000000; font-size: 1.3em; }
#Header div.textLogo .title { color: #FFFFFF; text-align: left; font-size: 39px; }
#Header div.textLogo .headline { font-size: 0.9em; color: #FFFFFF; }
#Header div.textLogo a.title:hover { text-decoration: none; }
#Header #Navigation { font-family: Palatino Linotype; }
#Header #Navigation li a { color: #000000; }
#Header #Navigation li a.active { text-decoration: underline; }
#Header #Navigation li input { border: ; }

#Sidebar { border-left: dashed 2px gray; }

#HomeRightColumn strong.homeHeadline { font-weight: bold; }
#HomeRightColumn div.home { border-bottom: dashed 1px #FF9601; }
#HomeRightColumn div.homeInfo { font-weight:bold; font-size:1.1em; }
#HomeRightColumn div.about h2 { font-size: 1.2em; }
#HomeRightColumn #ShoutWrite { background: none !important; }
.mobile { font-weight: bold; }
.mobile .bg, .mobile .btnWrp a { -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#HomeRightColumn .mobile .upper { font-size: 1.4em; }
#HomeRightColumn .mobile .lower { font-size: 3em; line-height: 1em; }
.mobile .bg { background: #FF9601; color: #FFFFFF; }
#HomeRightColumn .mobile .bg { font-size: 1.2em; }
.mobile .btnWrp a { background: #FFCB99; color: #FFFFFF; font-size: 1.1em; }
#Sidebar .mobile .lower { font-size: 2em; text-align: right; }


#ShoutsList, #RepliesList { color: #CB99CC; }
#ShoutsList p a { color: #CC6566; }
#ShoutsList .infoMsg, #ShoutsList .more { text-align: center; font-weight: bold; color: #FF9601; }

div.Shout, div.ShoutThumb, ul.Views { border-bottom: dashed 1px #AAAAAA; }
div.ShoutThumb div.Content p , div.Shout div.Content p { font-size: 1.3em; }
div.ShoutThumb div.Content div.info, div.Shout div.Content div.info, div.ShoutReply div.Content div.info { color: #777777; font-size: 0.9em; font-weight: normal; }
div.ShoutThumb strong, div.Shout strong, div.ShoutReply strong { font-weight: normal; }
div.ShoutThumb div.Content div.info a, div.Shout div.Content div.info a, div.Shout div.Actions a, div.ShoutThumb div.Actions a, span.thActions a, div.ShoutReply div.Content div.info a { color: #777777 !important; }
div.ShoutThumb div.Content div.info a:hover, div.Shout div.Content div.info a:hover, div.Shout div.Actions a:hover, div.ShoutThumb div.Actions a:hover, div.ShoutReply div.Content div.info a:hover { text-decoration:underline; }
div.ShoutThumb a.ref, div.Shout a.ref, div.Shout a.tag, div.ShoutThumb a.tag { color: #CC6566 }
div.ShoutThumb .uName, div.Shout .uName { font-weight: bold; }
div.ShoutBig { background-color: #FFFFFF !important; color: #CB99CC !important; border-bottom: none; }
div.ShoutBig a, div.ShoutBig a.ref, div.ShoutBig a.tag { color: #CC6566 !important; }

div.ShoutReply { border-bottom: 1px dotted #BEBEBE; }
div.ShoutReply div.Content p { font-size: 1.25em; }
.thReplies div.b { border-top: dotted 1px; }
.thReplies .a .b td { font-size: 1em; line-height: 1.2em; }
.thReplies span.cnt { font-size: 1.1em; font-weight: bold; }
.thReplies .showAll a { font-size: 0.8em; color: #777777; }
div.ShoutThumb div.Content .thReplies td { font-size: 0.9em; line-height: normal; }
div.Shout .thReplies td a, div.ShoutThumb .thReplies td a { color: #CC6566; }
div.Shout .thReplies td .info a, div.ShoutThumb .thReplies td .info a { color: #777777 !important; }
.thReplies td .info { font-size: 0.9em; line-height: 130%; }

#UserSettings a.settingsActive { font-weight: bold; background-image: url(/skins/gpng/FFFFFFFF.png); }

div.Friend strong { font-size: 1.2em; }
#UserList div.actions a { font-size: 0.9em; }
#ProfileColumn a.findFriends { font-weight: bold; }
.register a { background-color: #CC6566; color: #FFFFFF; font-size: 1.1em; font-weight: bold; }
#loginControl .ext { border-left: solid 1px #AAAAAA; }
.privateHome #loginControl .ext { border: none; }
ul.Views { font-family: Palatino Linotype; }
.usr, .sh, .notif { font-size: 0.9em; }
#ProfileHeader .homeLinks .fillProfile { font-weight: bold; display: block; padding-bottom: 10px; }

/* SHOUT WRITE */
#ShoutWrite textarea { font-size: 1.3em; }
#ShoutWrite ul { font-family: Palatino Linotype; }
#ShoutWrite ul.action li#RemainingCharCount { font-size: 1.8em; line-height: 21px; font-weight: bold; }

/* ERROR PAGES */
div.errorNetwork { font-size: 1.1em; }
p.errorNetwork a { font-weight: bold; }

/* SEARCH */
#searchMenuWrapper span.active { font-weight:bold; }
#searchMenuWrapper a.active { font-weight:bold; text-decoration:underline;}

/* IE6 WARNING MESSAGE */
#IE6msg { background-color: #B3B3B3; }
#IE6msg div.shadow { border: 1px solid #A6A6A6; } 
#IE6msg div.content { background-color: #FAFAFA; color: #222; border: 1px solid #A6A6A6; }
#IE6msg h4 { font-size: 1.55em; } 
#IE6msg p { font-size: 1.3em; } 
#IE6msg p a.getie8 { font-weight: bold; color: #006; } 
#IE6msg p a.ie6expl { font-weight: normal; } 

/* STYLE USED IN TABS */
li.ffActive, li.sActive { background: url(/skins/gpng/FFFFFFFF.png); font-weight: bold; }
li.ffActive a, li.sActive a { text-decoration: underline; }
ul.Views a.active, ul.messagesView li a.active { text-decoration:underline; font-weight: bold; }

div.Pager { text-align: right; }
a.rssLink { font-weight: bold; }

a.iconButton { text-decoration: none; }

/* FIXES FOR IE6 */
li.ffActive { _background: none; }
li.sActive { _background: none; }
div.ShoutThumb a.ref, div.Shout a.ref, div.Shout a.tag, div.ShoutThumb a.tag { _color: #CC6566 !important; }
div.Shout .thReplies td a.ref, div.ShoutThumb .thReplies td a.ref, div.Shout .thReplies td a.tag, div.ShoutThumb .thReplies td a.tag { _color: #CC6566 !important; }


#Header #Navigation li a { font-weight: bold; }


h3.shoutWrite input {
margin: 0;
}
div.Shout .thReplies {
width:435px;
}
div.Shout img.locationInText, div.ShoutThumb img.locationInText, div.ShoutReply img.locationInText, div.Shout img.linkInText, div.ShoutThumb img.linkInText, div.ShoutReply img.linkInText {
display: none;
}
div.ShoutThumb .thReplies {
margin-right:24px;
width: 391px;
}
.feat .sh .content {
max-height:2.7em;
}
#ContentWrapper, #Footer, .usr, .sh, .notif {
font-size: 12px;
}
a.button {
background-color:#CC6566;
color:#000000;
}
a.button:hover {
border:none;
background-color: #9ACEFE !important;
padding:1px 6px 2px 4px;
}
div.ShoutReply {
margin:0 10px;
padding:3px 0;
border-bottom:1px solid #9999FF;
}
div.ShoutBig {
background-color:transparent!important;
}
div.ShoutThumb strong, div.Shout strong, div.ShoutReply strong {
font-weight: bold;
}
div.ShoutReply div.Content {
width:430px;
}
.feat .usr .content {
width:93px;
}
.feat .content {
padding-left:5px;
}
#ProfileFriends ul.UsersListSmall {
margin-top: 8px;
}
#ProfileSubscribers {
padding: 5px 0 !important;
}
dl.stats {
height: 53px;
}
dl.stats dt {
margin-bottom: 5px !important;
}
#Sidebar, #Sidebar a {
color: black;
}
#Header #Navigation li.search {
height:49px;
position:relative;
top:-95px;
width:144px;
_height: 20px;
}
#Header #Navigation li.search a {
_display: none;
}
#Banner {
display: none;
}
body {
background:#000000 url('http://img136.imageshack.us/img136/3876/mainbacknew.jpg') repeat scroll top center;
}
#UserSettings div.tabData, #infoPage, #contactForm, #searchMenuWrapper, #friendFinderWrapper, #LoginForm, #Footer {
text-transform: none;
}
li#RemainingCharCount {
color: #A095FD;;
}
li.ffActive, li.sActive {
background: none;
}
#ProfileHeader dl.memberInfo, div.Subscribe {
text-transform: none;
}
div.Shout div.Content {
width:436px;
}
#HomeRightColumn {
padding:45px 0 0 0;
width:355px;
background: transparent url(http://img105.imageshack.us/img105/7705/bgsidebar.gif) no-repeat scroll right 0;
position: relative;
top: -20px;
}
#HomeRightColumn ul.UsersListSmall, #HomeRightColumn strong.headline {
width:180px;
}
#HomeRightColumn div.about {
display:none;
}
#HomeRightColumn .login .text {
display: none;
}
#HomeRightColumn .login .register {
float:none;
padding:0 40px 0 0;
width:180px;
}
#HomeRightColumn div.home {
border: none;
}
.homeInner {
padding-top: 10px;
float: left;
}
#ProfileFriends dt, #ProfileFriends dd {
background: none;
}
#ProfileSubscribers, #ProfileSubscriptions, #ProfileFriends {
padding: 0;
}
.stats dt {
background-color: #9D96FF;
line-height:24px;
margin: 0 5px 0 0 !important;
padding:0 0 0 5px !important;
width: 120px !important;
}
.stats dt a {
color: black;
}
.stats dd {
background: #CC6666 url('http://img228.imageshack.us/img228/3632/bgstatsright.jpg') no-repeat right top;
line-height:24px;
padding-left: 5px;
width: 34px !important;
text-align:left !important;
color: black;
}
.feat {
padding:5px 5px 0;
}
.feat .sh .content {
width:115px;
padding-left: 5px;
text-transform: none;
}
#ProfileHeader {
margin-bottom: 0px;
}
#ProfileHeader a.UserThumbnail {
border: solid 3px #CF97D6;
display:inline-block;
}
ul.homeLinks a {
color: #FFCB99;
text-transform: none;
font-size: 12px;
}
#ProfileHeader h1 {
background: transparent url('http://img513.imageshack.us/img513/6179/bgnick.gif') no-repeat left top;
padding: 0 0 0 4px;
color: black;
font-size:16px;
line-height:24px;
}
#ShoutsList {
width:493px;
padding-top: 5px;
}
div.ShoutThumb div.Content {
margin-top:7px;
width:380px;
}
div.ShoutThumb div.Content p, div.Shout div.Content p, div.Shout div.Content h4.shoutInfo, div.ShoutThumb div.Content h4.shoutInfo, div.ShoutReply div.Content p, div.ShoutReply div.Content h4 {
font-size:12px;
text-transform: none;
font-weight: bold;
margin-top: 0;
}
div.ShoutThumb a.uName, div.Shout a.uName {
display:inline;
color: #FC9800 !important;
}
div.Shout, div.ShoutThumb {
padding:0 10px;
margin: 5px 0 0 0;
}
div.ShoutThumb, div.Shout {
border:1px solid #9999FF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
div.viewSettings {
height: auto;
margin: 0 0 10px 0;
}
ul.Views {
margin:0;
width:492px;
border: none;
}
ul.Views li {
height: auto;
}
ul.Views li a {
color: #A095FD;
font-size: 12px;
}
ul.Views li.toggleReplies {
padding:0;
}
ul.Views li.toggleReplies a {
color: #D09CCC;
}
h3.shoutWrite {
background-color:#9A99FF;
margin-right: 0px;
padding: 2px 0 1px 5px;
line-height: 18px;
font-size: 12px;
color: black;
}
.contentBg, .shoutBg {
background: none;
}
#ShoutWrite ul.attach li {
background: transparent url('http://img510.imageshack.us/img510/1089/bgattach.gif') no-repeat left 13px;
padding-left: 15px;
}
#ShoutWrite ul.attach li a {
color: #FC9800;
}
#ShoutWrite ul.attach li img {
display: none;
}
#ShoutWrite {
padding:0;
position: relative;
top: -20px;
}
#ShoutWrite textarea {
margin-top:10px;
}
textarea {
width:490px;
}
#FeedColumn {
width:492px;
}
#Wrapper {
padding: 10px 39px 30px 40px;
width: 871px;
background: #000000 url('http://img74.imageshack.us/img74/6374/bgcontent.gif') no-repeat 40px 10px;
}
#ContentWrapper {
padding: 20px 0 0 0;
background: transparent url('http://img167.imageshack.us/img167/10/bgsidebar.jpg') repeat-y top right;
}
#Footer {
background: transparent url('http://img528.imageshack.us/img528/939/bgfooter.gif') no-repeat top right;
margin:0;
padding-top:41px;
text-align:left;
height: 19px;
color: black;
font-size: 12px;
}
#Footer a {
color: black;
}
#Footer li.ShoutEm {
float:right;
padding-right:231px;
}
#ShoutWrite ul, textarea, input, body, #Header #Navigation, ul.Views {
font-family: arial;
font-weight: bold !important;
}
textarea, input {
text-transform:none;
}
#Header {
height: 127px !important;
width: 870px;
padding-left: 40px;
padding-right: 40px;
margin-top: 0;
}
#Header .wrapper {
background: url('http://img232.imageshack.us/img232/5046/bgheader.gif') bottom right no-repeat;
}
#Header .logoLink {
margin-top: 29px !important;
margin: 29px 0 5px 0;
width: 870px;
}
#Header #Navigation {
float: left;
width: 871px;
}
#Header #Navigation li {
height: 21px;
line-height: 21px;
font-size: 12px;
padding: 0;
}
#Header #Navigation li.links ul li a {
padding: 0 0 0 5px;
border-right: solid 2px black;
display: block;
}
#Header #Navigation li.links ul li a:hover {
background-color: #9ACEFE !important;
text-decoration: none;
}
#Header #Navigation li.links ul li.home a {
background-color: #CF97D6;
padding-right: 30px;
}
#Header #Navigation li.links ul li.findFriends a {
background-color: #9A99FF;
padding-right: 60px;
}
#Header #Navigation li.links ul li.settings a {
background-color: #FF9601;
padding-right: 45px;
}
#Header #Navigation li.links ul li.login a {
background-color: #CC6566;
padding-right: 35px;
}
#Header #Navigation li img {
display: none;
}
#ProfileColumn {
padding:0px 0 0 14px;
width:180px;
}
#Sidebar {
background:#FFCB99 url(http://img105.imageshack.us/img105/7705/bgsidebar.gif) no-repeat scroll right 0;
border:medium none;
margin:0;
padding:40px 0 0;
position:relative;
top:-20px;
width:156px;
}
#UserSettings, #loginContainer, div.errorNetwork, #UsersColumn {
width: 700px;
}
#UserSettings div.tabData, #infoPage, #contactForm, .registrationWrapper {
width:680px;
}
#SearchWrapper, #friendFinderWrapper {
width:545px;
}
#ShoutWrite textarea {
font-size:1.1em;
}
.writeReply {
top: 0 !important;
padding-top: 10px !important;
}
.writeReply h3.shoutWrite {
background-color:transparent;
color: #FF9601;
}