/* ----- RESET ----- */

html, body, div, span, header, nav, section, article, hgroup, aside, time, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button
						{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent; }
html 						{ font-size: 62.5%; line-height: 1.5; }
body 						{ font-size: 100%; line-height: 1; color: black; background: white; }
html>body					{ font-size: 10px;}
ol, ul 						{ list-style: none;}
table 						{ border-collapse: collapse; border-spacing: 0;}
caption, th, td					{ text-align: left; font-weight: normal; }
blockquote, q 					{ quotes: none;}
em, strong					{ font-style: normal; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
input, select, textarea 			{ font-size: 100%; font-family: inherit;}
input:focus { outline: none; }
header, nav, section, article, hgroup, aside	{ display: block; }
.disabledBtn { opacity:0.5; filter:alpha(opacity=50);}

/* ----- GENERAL ----- */
html, body, form, .wrp1 { height: 100%; }
b 				{ font-weight: bold; }
dt				{ margin: 2px 0; }
dd				{ margin-bottom: 10px; }
hr				{ height: 1px; border: 0; clear: both; }

/* ----- GENERAL ELEMENTS ----- */
.box,
.box2 				{ padding: 0; margin: 0 0 10px; }
.box a:hover, .box2 a:hover, .box3 a:hover { text-decoration: underline; }
.box a.btn:hover, .box2 a.btn:hover, .box3 a.btn:hover,
.box .nav a:hover, .box2 .nav a:hover, .box3 .nav a:hover { text-decoration: none; }

.box .head,
.box .foot			{ padding: 8px 20px 9px; border-width: 2px; clear: both; position: relative; zoom: 1; }
.box .head			{ border-style: none none solid none; }
.box .foot			{ border-style: solid none none none; }
.box .content			{ padding: 8px 20px; clear: both; zoom: 1; }
.box .content dd,
.box .content p			{ overflow: hidden; }
.box .content .foot		{ margin: 10px -10px -10px; }
.box .content .foot2		{ padding: 10px 0 0; border: 0; clear: both; position: relative; zoom: 1; }
.box .head em,
.box .foot .secondLink,
.box .foot2 .secondLink		{ float: right; }
.ads .content { padding: 0; text-align: center; }

.box2,
.mapBox,
.box3 				{ border: 10px solid; zoom: 1; }
.box2 .content			{ padding: 8px 50px; }
.box2 .head,
.box2 .foot			{ padding: 20px 50px; clear: both; position: relative; zoom: 1; }
.box2 .head .border		{ width: 20px; display: block; position: absolute; top: 20px; left: 0; bottom: 10px; }
.box2 .content h3,
.box2 .content p 		{ padding: 0 0 15px 0; }

.textBox .content		{ padding: 8px 30px; }
.textBox .head,
.textBox .foot			{ padding: 20px 30px; clear: both; position: relative; zoom: 1; }
.textBox .head .border		{ width: 20px; display: block; position: absolute; top: 20px; left: 0; bottom: 10px; }
.textBox .content h3,
.textBox .content p 		{ padding: 0 0 15px 0; }

.errBox h3			{ border-style: solid; border-width: 1px 0 0; padding: 30px 0 30px !important; }
.errBox p			{ padding: 0 0 30px !important; }
.errBox .shoutEmLogo		{ margin: 30px auto 0; padding: 0 0 30px; width: 199px; height: 37px; display: block; text-indent: -9000px; background: url(/skins/simple/branding.png) no-repeat 0 0; }

.dArrow				{ left: 50%; bottom: -6px; width: 15px; height: 6px; margin: 0 0 0 -7px; position: absolute; display: block; }
.dArrow span			{ height: 1px; display: block; font-size: 1px; }
.dArrow span span		{ margin: 0 -1px !important; position: static; }
.dArrow .daShadow		{ background-color: transparent !important; }
.dArrow .da11			{ width: 15px; top: 0px; margin-left: 0px; }
.dArrow .da9			{ width: 11px; top: 1px; margin-left: 2px; }
.dArrow .da7			{ width: 7px; top: 2px; margin-left: 4px; }
.dArrow .da5			{ width: 5px; top: 3px; margin-left: 5px; }
.dArrow .da3			{ width: 3px; top: 4px; margin-left: 6px; }
.dArrow .da1			{ width: 1px; top: 5px; margin-left: 7px; }
.dArrow .da0			{ width: 1px; top: 6px; margin-left: 7px; }

.mapBox 			{ margin-bottom: 26px; position: relative; }
.mapBox iframe 			{ width: 100%; height: 287px; }
.mapBox .locPins		{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.mapBox .justPin,
.mapBox .avatPin,
.mapBox .shoutPin		{ position: absolute; }
.mapBox .shoutPin .shout	{ border-width: 5px; border-style: solid; margin: 0; width: 70%; }
.mapBox .shoutPin .dArrow	{ left: 35px; }
.mapBox .avatPin		{ margin: 0; }
.mapBox .avatPin img 		{ width: 30px; height: 30px; display: block; border-width: 5px; border-style: solid; }
.mapBox .justPin		{ width: 33px; height: 42px; display: block; text-indent: -9000px; background: url(/skins/simple/placemark.png) no-repeat 0 0; }
.mapBox .daShadow		{ background: url(/skins/simple/placemark.png) no-repeat 0 -27px; width: 30px; height: 16px; position: absolute; left: -9px;}

.boxMap .bingMapWrp		{ width: auto; margin: 0 -20px -16px; position: relative; top: -8px; border-style: solid; border-width: 0 3px 3px; }
.box .bingMap			{ width: 100%; }

.box .nav			{ padding: 7px 0; }
.box .nav a			{ display: block; line-height: 1; margin: 5px 0; padding: 5px 10px 8px; list-style: none; border-width: 3px; border-style: solid; }
.box .nav .lead			{ padding-top: 10px; }

.noteBox 			{ margin: 0 10px 20px; padding: 20px 20px 15px; position: relative; zoom: 1; }
.noteBox img { float: left; margin-right: 20px; height: 90px; }
.noteBox .closeNote		{ position: absolute; top: 10px; right: 10px; height: 21px; width: 21px; text-align: center; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-top-left-radius: 11px; -webkit-border-top-right-radius: 11px; -webkit-border-bottom-right-radius: 11px; -webkit-border-bottom-left-radius: 11px; }
.noteBox .noteIcon		{ width: 90px; height: 90px; padding: 10px; margin: 0 25px 0 5px; float: left; display: block; text-align: center; border-radius: 55px; -moz-border-radius: 55px; -webkit-border-top-left-radius: 55px; -webkit-border-top-right-radius: 55px; -webkit-border-bottom-right-radius: 55px; -webkit-border-bottom-left-radius: 55px; }
.noteBox .noteIcon .in		{ width: 90px; height: 90px; padding: 0; display: block; border-radius: 45px; -moz-border-radius: 45px; -webkit-border-top-left-radius: 45px; -webkit-border-top-right-radius: 45px; -webkit-border-bottom-right-radius: 45px; -webkit-border-bottom-left-radius: 45px; }
.noteBox h2			{ position: relative; top: -5px; }
.noteBox .btn			{ margin-top: 1em; }

.pager				{ padding: 10px 0 15px 50%; height: 40px; }
.pager li			{ float: left; }
.pager a			{ margin: 0 0 0 -40px; display: block; height: 40px; width: 32px; background: url(/skins/simple/pager.png) no-repeat 2px 5px; text-indent: -9000px; }
.pager .next a			{ margin: 0 0 0 20px; background-position: -55px 5px; }

.box3 				{ padding: 0; margin: 0 10px 10px; }
.box3 h2			{ padding: 40px 0 5px; }
.box3 h3			{ margin: 0 0 30px; }
.box3 p				{ margin: 5px 0 0; }
.box3 .avatar			{ float: left; display: block; padding: 5px; margin: 0 10px 0 0; }
.box3 .avatar img		{ display: block; width: 45px; height: auto; }
.box3 .badgeImg			{ float: left; display: block; padding: 12px; margin: 0 25px 0 0; }
.box3 .badgeImg img		{ display: block; width: 200px; height: 200px; }

/* ----- list items ----- */
.sItem				{ margin: 7px 0; overflow: hidden; clear: both; display: block; position: relative; }
.sItem .itemImg			{ float: left; margin-right: 10px; padding: 5px; }
.sItem .itemImg img		{ display: block; max-width: 40px; }
.sItem .avatar *		{ width: 40px; max-height: 40px; }
.sItem .itemLink		{ padding: 6px 0 5px; overflow: hidden; display: block; }
.sItem .itemInfo		{  }
.sItem .subscription		{ right: 0; position: absolute; top: 50%; margin: -15px 0 0; }
.sItem .subscription ul		{ margin-top: -10px; }
.sItem .subscription label { zoom: 1; }
.sItem .noBg { background-color: transparent !important; }

/* --- in big list --- */
.box2 .content .sItem		{ border-bottom-width: 1px; border-bottom-style: solid; padding: 0 0 10px; margin: 10px 0; }
.box2 .content .sItem:first-child { border-top-width: 1px; border-top-style: solid; padding-top: 10px; }
.box2 .sItem .itemImg		{ margin-right: 20px; padding: 5px; }
.box2 .sItem .itemImg img	{ width: 45px !important; max-width: 45px; }
.box2 .sItem .avatar *		{ width: 45px; height: 45px; max-height: 45px; }
.box2 .sItem .itemLink { margin-right: 100px; }
.box2 .actions { float: right; margin: 6px 10px -100px 0; position: relative; z-index: 2; }
.box2 .act3 { margin-top: -4px; }
.box2 .act1 { margin-top: 13px; }
.box2 .actions li { padding: 4px 0; }

/* --- big items --- */
.bItemBox .content { padding: 20px; }
.bItemBox .content p.itemImg { float: left; padding: 20px 5px; margin-right: 25px; }
.bItem h2 { padding: 20px 0; }
.bItem .share { float: left; padding-top: 10px; }

.profile .content		{ position: relative; padding-left: 10px; padding-right: 10px; }
.profile .foot			{ position: relative; padding-left: 15px; padding-right: 10px; padding-bottom: 6px; }
.profile .avatar		{ margin: 0 10px 10px 0; float: left; border: 10px solid; display: block; }
.profile .avatar img { display: block; }
.profile .avatar * { width: 70px;  max-height: 70px; display: block; }
.profile .subscription		{ top: 77px; left: 110px; position: absolute; }
.profile .subscription ul		{ margin-top: -13px; }
.profile .stats 		{ margin: 10px 0 0; clear: both; display: block; text-align: center; }
.profile .stats li		{ width: 23%; height: 17px; padding: 32px 0 0 9%; position: relative; margin: 8px 0 4px; border-right: 1px solid; display: inline-block; background: url(/skins/simple/profileStats.png) no-repeat 5px 65px ; }
*:first-child+html .profile .stats li { float: left; } /* hack to handle IE7 bug */
.profile .stats li:last-child	{ border-right: 0; }
.profile .stats li em		{ width: 100%; display: block; position: absolute; left: 0; bottom: 25px; }
.profile .stats .checkinNr	{ background-position: -8px -67px; }
.profile .stats .friendNr	{ background-position: -4px -131px; }
.profile .stats .shoutNr	{ background-position: -4px -202px ; border-right: 0; }
.profile h3, .profile h4, .profile .itemInfo { white-space: nowrap; overflow: hidden; }

.profileBig			{ min-height: 140px; height: auto !important; height: 140px; zoom: 1; }
.profileBig h2,
.profileBig .itemInfo	{ width: 50%; overflow: hidden; }
.profileBig .avatar		{ margin: 2px 20px 0 0; }
.profileBig .avatar	img	{ width: 100px; max-height: 100px; }
.profileBig .subscription	{ top: 108px; left: 150px; }
.profileBig .stats 		{ display: block; position: absolute; top: 0px; right: 0; }
.profileBig .stats li		{ width: 76px; height: 70px; padding: 50px 0 0; margin: 0 10px 0 0; background: url(/skins/simple/profileStats.png) no-repeat 5px 65px; float: left; }
.profileBig .stats li em	{ width: 76px; display: block; position: absolute; bottom: 80px; }
.profileBig .stats .checkinNr	{ background-position: 5px 65px; }
.profileBig .stats .friendNr	{ background-position: -83px 65px; }
.profileBig .stats .shoutNr	{ background-position: -168px 65px ; }

.chief .avatar			{ margin: 0 10px 0 0; float: left; padding: 10px; }
.chief .avatar img		{ width: 70px; }
.chief .itemLink		{ display: block; padding-top: 6px; }

.locProfile h2			{ padding-top: 10px; }

.toolbox p			{ margin: 3px 0 5px !important; }
.toolbox ul			{ margin: 0 0 6px; }
.toolbox li a		{ display: block; padding: 2px 0 1px 19px; margin: 3px 0 0px; background: transparent url(/skins/simple/icons.png) no-repeat -10px -339px; }

a.icon, span.icon a { display: block; padding-left: 20px; background: transparent url(/skins/simple/icons.png) no-repeat -10px -339px; }
a.fb, span.fb a { background-position: -10px -255px !important; }
a.tw { background-position: -10px -299px !important; }

.videoBox 			{ position: relative; height: 0; }
.videoBox div,
.videoBox embed,
.videoBox object 		{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.videoWide			{ padding-bottom: 56.25%; }
.videoFourThree			{ padding-bottom: 75%; }
.videoChrome25 			{ padding-top: 25px; }
.videoChrome35 			{ padding-top: 35px; }

.halfBox,
.halfBox2			{ width: 48.5%; float: left; }
.halfBox			{ margin-right: 3%; }

.galleryList 			{ margin: 0 -10px 0 0; }
.galleryList a			{ margin: 0 10px 0 0; width: 80px; height: 60px; overflow: hidden; float: left; display: block; }
.galleryList a.last-child	{ margin-right: 0; }
.galleryList a img		{ display: block; width: 80px; }

.avatarList			{ margin: -10px -16px 0 0; }
.avatarList a			{ margin: 10px 16px 0 0; width: 30px; height: 30px; overflow: hidden; float: left; display: block; }
.avatarList a img		{ display: block; width: 30px; }

.boxView { display:block; height:37px; width: 40px; position:absolute; right:0px; top:0px; z-index: 100; }
.boxView ul { display: none; position: absolute; top: 37px; right: 0px; z-index: 100; }
.boxView ul a { padding: 4px 9px; white-space: nowrap; display:block; line-height: 25px; }
.boxView:hover { height: 40px; }
.boxView:hover ul { display: block; }
.boxView a.title { background: transparent url(/skins/simple/boxView.png) no-repeat scroll -4px -1px; float: right; text-indent: -9000px; border:2px solid; display:block; height:20px; margin:7px 9px; width:18px; }

.tip 				{ padding: 10px 0 20px 40px; }
.extLoginNav li 		{ padding: 10px 0 0 0; }
.extLoginNav li.sms 		{ padding: 20px 0 10px 0; }
.box2 .content .seTerms 	{ padding: 20px 0; font-weight: bold; }
.widgetPreview 			{ float: right; padding: 0 0 10px 10px; width: 250px; }
textarea.embedCode 		{ height: 200px; width:100%; }

/* ----- SHOUTS & SHOUTBOX ----- */
.shoutBox			{ position : relative; }
.shoutBox .content		{ padding: 7px 10px 7px; }

.tabNav		{ height: 37px; }
.box2 .tabNav { margin: -10px -10px 10px -10px; }
.tabNav li		{ float: left; display: inline; }
.tabNav li a		{ display: block; padding: 12px 15px; }

.rssLink			{ float: left; line-height: 0; margin: 2px 0 0; }
.rssLink span			{ display: none; }

.shout				{ margin: 3px 0; padding: 10px 10px 10px 75px; position: relative; min-height: 55px; height: auto !important; height: 55px; }
.shout .avatar			{ border: 5px solid; width: 45px; display: block; float: left; position: absolute; top: 0px; left: -65px; }
.shout .avatar img			{ display: block; }
.shout .avatar *		{ height: 45px; max-width: 45px; }
.shout .content			{ padding: 0; position: relative; }
.shout .content p { overflow: hidden; }
.shout .att			{ text-align: center; overflow: hidden; }
.shout .attLnk			{ margin: 10px auto 0; text-align: left; }
.shout .attImg,
.shout .attMap,
.shout .attVid			{ margin: 10px auto 0; border: 8px solid; display: inline-block; clear: both; max-width: 55%; width: auto !important; width: 55%; }
.shout .attMap			{ display: block; }
.shout .attVid			{ width: 100% !important; }
.shout .attImg img,
.shout .attImgSm img		{ display: block; width: inherit; max-width: 100%; width: auto !important; width: 100%; }
.shout .attImgSm		{ margin: 0 0 0 10px; border: 3px solid; display: block; float: right; max-width: 80px; width: auto !important; width: 80px; position: relative; }
.shout .attImgSm .youtubePlayIcon { position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -10px; }
.shout .attImg img[src="http://shoutem.com/js/x.gif "]	{ display: none; }
.shout .reply			{ position: relative; }
.shout .reply .avatar		{ width: 30px; top: 10px; left: 10px; display: block; }
.shout .reply .avatar * { height: 30px; max-width: 30px; }
.shout .controls		{ margin: 10px 0 0; border-top: 1px solid; padding: 0; position: relative; }
.shout .controls .replied	{ position: absolute; top: -23px; float: left; display: block;  }
.shout .controls .time		{ float: left; display: block; padding: 8px 14px 1px 30px; background-repeat: no-repeat; background-position: 0 -2px; }
.shout .controls ul		{ display: inline-block !important; }
.shout .controls li		{ float: left; }
.shout .controls li a		{ display: block; padding: 8px 14px 0px 1px; }
.shout .feedback		{ margin: 7px 0 0; }
.shout .ctrl,
.shout .likes,
.shout .reply				{ border-bottom: 2px solid; clear: both; overflow: hidden; padding: 10px 10px 10px 65px; }
.shout .ctrl				{ padding-left: 10px; }
.shout .likes				{ padding-left: 65px; }
.shout .reply				{ min-height: 40px; height: auto !important; height: 40px; }
.shout .reply p				{ line-height: 1.5; margin-top: 1px; }
.shout .comment 			{ clear: both; padding: 10px; position: relative; }
.shout .comment .avatar			{ display: none; top: 10px; left: 10px;  }
.shout .comment textarea 		{ width: 100%; height: 1.2em; margin: 0; }
.shout .comment .input			{ padding: 4px 6px 6px; cursor: text; }
.shout .comment .btn 			{ display: none; float: right; }
.shout .feedback .nrLeft 		{ display: none; }
.shout .feedback .expanded .avatar	{ display: block; width: 30px; }
.shout .feedback .expanded .avatar * { height: 30px; max-width: 30px; }
.shout .feedback .expanded 		{ padding: 10px 10px 10px 61px; }
.shout .feedback .expanded textarea 	{ height: 30px; }
.shout .feedback .expanded .btn 	{ display: block; margin: 10px 0 0; }
.shout .feedback .expanded .nrLeft 	{ display: block; margin: 15px 15px 0 0; float: right; }
.shout a:hover { text-decoration: underline; }
.shout .nick { font-weight: bold; }

.shCheck .controls .time		{ background-position: -2px -42px; }
.shSubs .controls .time			{ background-position: -2px -124px; }
.shFriend .controls .time		{ background-position: -2px -124px; }
.shPlace .controls .time		{ background-position: -2px -166px; }
.shBadge .controls .time		{ background-position: -2px -166px; }
.shChief .controls .time		{ background-position: -2px -166px; }
.shAtt .controls .time			{ background-position: -2px -83px; }

.shInfo { min-height: 0px; }
.shInfo .content p { text-align: center; }

.noAvatar, .shInfo			{ padding-left: 10px; }
.noAvatar .avatar		{ display: none; }

.isReply .controls		{ margin-top: 30px; }

.shoutWrite			{ padding: 10px; margin-top: 25px; position: relative; }
.shoutWrite .title { position: absolute; top: -27px; left: 0px; width: 100%; }
.shoutWrite .teaser		{ float: left; padding: 0 10px 0 20px; }
.shoutWrite .nrLeft		{ float: right; padding: 0 20px 0 10px; }
.shoutWrite .teaser input { position: relative; top: -2px; }
.shoutWrite textarea 		{ width: 100% !important; height: 57px !important; margin: 0 !important; border: 0 !important; padding: 0 !important; }
.shoutWrite .input		{ padding: 8px 10px 8px; cursor: text; }
.shoutWrite .action 		{ zoom: 1; }
.shoutWrite .action li.shoutDo, .shoutWrite .action li.forward { float: right; }
.shoutWrite .action li.forward { width: 100px; }
.shoutWrite .action li.linkAtt, .shoutWrite .action li.photoAtt { float: left; }
.shoutWrite .action .btn 	{ float: left; margin: 0 8px 0 0; }
.shoutWrite .action .shoutDo .btn { margin: 0; }
.shoutWrite .action .forward span label { padding: 0 0 3px 20px; width: 0px; background: transparent url(/skins/simple/icons.png) no-repeat scroll -10px -255px; display: inline-block; font-size: 1.25em; overflow: hidden; white-space: nowrap; }
.shoutWrite .action .forward .tw label { background-position: -10px -299px; }

.shoutWrite .attBox		{ margin: 20px 0 0; padding: 20px; }
.shoutWrite .attBox label	{ display: none; }
.shoutWrite .attBox .field	{ padding-top: 15px; }
.shoutWrite .attBox .field input{ width: 310px; }
.shoutWrite .attBox .field .info{ margin-left: 0; }

.shoutWrite .attLoc .mapBox { margin-top: 17px; }
.shoutWrite .attLoc .attMap	{ border: 10px solid; float: left; width: 320px; height: 300px; }
.shoutWrite .attLoc .attAddr	{ display: block; clear: both; margin-top: 15px; }
.shoutWrite .attLoc .box	{ width: 200px; float: left; margin: 0 0 0 18px; }
.shoutWrite .attLoc .content	{ padding: 0; }
.shoutWrite .attImg,
.shoutWrite .attLnk		{ padding-top: 10px; padding-bottom: 10px; }

/* --- validate - phone & coverage --- */
.validatePhone p 		{ padding:0 0 15px 20px; }
.validatePhone div.coverage 	{ padding:0 0 15px 0; }
.validatePhone span.code,
.validatePhone span.num 	{ display: block; font-size:1.25em; font-weight:bold; padding: 0 0 15px 50px; }

/* --- connBox, tabBox --- */
.connBox,
.tabBox				{ margin: 0 0 10px; }
.connBox:last-child		{ margin: 0 0 20px; }
.connBox p			{ line-height: 1.5; margin-bottom: 10px; }
.connBox p.center		{ margin: 0; padding: 20px 4%; }
.connBox h3			{ width: 34%; height: 90px; text-indent: -9000px; position: relative; display: block; float: left; background: url(/skins/simple/conn.png) no-repeat 50% 0; }
.connBox .connSmall		{ padding: 20px 4%; float: right; width: 57%; border-left: 1px solid; }
.connBox .connInfo,
.tabBox	.tabCont		{ display: none; clear: both; padding: 20px 30px; border-top: 1px solid; }
.connBox .connFb		{ background-position: 45% 13px; }
.connBox .connTw		{ background-position: 45% -108px; }
.connBox .connNi		{ background-position: 50% -222px; }
.connBox .connTh		{ background-position: 40% -346px; }
.connBox .connWg		{ background-position: 40% -465px; }
.connBox .connPi		{ background-position: 45% -580px; height: 120px; }

.tabBox				{ margin: 30px 0; clear: both; }
.tabBox	.tabs li		{ float: left; display: inline-block; width: 33%; text-align: center; border-left-width: 1px; border-left-style: solid; }
.tabBox	.tabs .active		{ padding-bottom: 1px; margin-bottom: -1px; }
.tabBox	.tabs li:first-child	{ border-left-width: 0; }
.tabBox	.tabs a			{ display: block; padding: 10px;  }

.ffResults { margin-top: 0; }
.ffResults .tabs li { width: 49%; }
.ffResults .tabCont li { margin: 0; }

.phoneImage			{ padding: 0 0 0 207px; height: 200px; margin: 0 0 50px; display: block; float: left; background: url(/skins/simple/phoneImage.png) no-repeat 0 0; }
.phoneImage ul			{ list-style: disc outside; line-height: 1.4; padding: 0 0 0 15px; }
.phoneImage li			{ padding: 0 0 1em; }

.tabCont			{ position: relative; line-height: 1.8; }
.tabCont li			{ display: block; margin-bottom: 20px; background-repeat: no-repeat; background-position: 40px bottom; position: relative; padding-left: 40px; }

.clients .dlLink  		{ display: block; margin: 10px 0; }
.clients .num 			{ position: absolute; top: -6px; left: 0px; font-size: 2.5em; line-height: 1;  } 
.clients .details .txt 		{ position: absolute; font: normal bold 12px/20px arial !important; color: #000 !important; }

#Java .download,
#BB .download			{ margin: 20px 0; padding-bottom: 20px; width: auto; }

#Java li 			{ float: left; width: 150px; padding-bottom: 210px; }
#Java .search 			{ margin-right: 30px; background-image: url("/skins/simple/javaSearchEmpty.jpg"); }
#Java .login 			{ background-image: url("/skins/simple/javaLoginEmpty.jpg"); }
#Java .feed 			{ clear: both; background-image: url("/skins/simple/javaFeed.jpg"); }
#Java .txt			{ font-family: Arial; font-weight: bold; position: absolute; bottom: 164px; left: 93px; overflow: hidden; white-space: nowrap; }
#Java .search .name		{ bottom: 165px; left: 57px; width:115px; }
#Java .login .name 		{ color: #FFF !important; bottom: 165px; left: 68px; width: 112px; }
#Java .login .nick 		{ bottom: 113px; left: 48px; width: 135px; }

#BB li 				{ width: 272px; padding-bottom: 213px; margin-bottom: 30px; }

#BB .search 			{ background-image: url("/skins/simple/bbSearch.jpg"); }
#BB .login 			{ background-image: url("/skins/simple/bbLogin.jpg"); }
#BB .feed 			{ background-image: url("/skins/simple/bbFeed.jpg"); }
#BB .txt 			{ font-size: 11px !important; position: absolute; font-family: Arial; font-weight: bold; overflow: hidden; white-space: nowrap; }
#BB .search .name 		{ left: 75px; bottom: 151px; width:130px; }
#BB .login .name 		{ left: 65px; bottom: 153px; color: #FFF !important; font-size: 12px !important; }
#BB .login .nick 		{ bottom: 119px; left: 82px; width: 115px; }

.invNetworks 			{}
.invNetworks p			{ width: 170px; float: left; clear: left; }
.invNetworks .subm		{ border-width: 0 0 0 1px !important; margin: 0 0 40px 220px; padding: 0 0 0 30px !important; width: auto; }
.invNetworks .button		{ margin: 0 20px 20px; }
.content .invNetworks .button a		{ width: 134px; height: 30px; display: block; position: relative; text-indent: -9000px; }
.invNetworks .button span	{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; background: url(/skins/simple/conn.png) no-repeat 50% 0; }
.invNetworks #lEmail 		{ margin-bottom: 0;}
.invNetworks #lEmail a		{ text-indent: 0; padding: 13px 20px 11px; height: auto; }
.invNetworks #lTwitter span	{ background-position: 50% -133px;}
.invNetworks #lFacebook span	{ background-position: 50% -1016px;}
.invNetworks #lGmail span	{ background-position: 53% -832px;}
.invNetworks #lLive span	{ background-position: 50% -927px;}
.invNetworks #lYahoo span	{ background-position: 50% -745px;}
.invNetworks #lEmail span	{ display: none; }

.invMailBox 			{ margin: 0 0 40px; }
.invMailBox .markAll		{ margin: 0 0 10px 25px; text-align: left; display: block; }
.invMailBox .in 		{ height: 300px; padding: 10px; overflow: auto; border-width: 10px; border-style: solid; }
.invMailBox table 		{ width: 100%; }
.invMailBox td 			{ padding: 3px; }
.invMailBox input		{ position: relative; top: 2px; }

/* --- teasers - join & mobile phone --- */
.mobileTeaser			{ margin-bottom: 10px; height: 148px; border: 5px solid; padding: 22px 10px 10px 108px; background-image: url(/skins/simple/mobileTeaser.png); background-repeat: no-repeat; background-position: 6px 13px; }
.mobileTeaser p			{ line-height: 1.2; }
.mobileTeaser .connect		{ line-height: 1; padding: 6px 0; }
.mobileTeaser .connect a	{ margin: 0 0 0 -15px; padding: 11px 30px 12px 15px; display: block; }

.joinTeaser			{ border: 5px solid; margin: 0 0 26px; padding: 16px 26px 16px; }
.joinTeaser h2			{ margin: 0 0 2px; }
.joinTeaser p			{ margin-bottom: 17px; }
.joinTeaser p:last-child	{ margin-bottom: 0px; }
.joinTeaser hr			{ margin: 16px -10px 8px; }
.joinTeaser .btnBig		{ margin-top: 0; margin-bottom: 0; }
.joinTeaser .listConnect 	{ margin: 9px 0 0; }
.joinTeaser .listConnect li	{ padding: 5px 2px 0px; display: block; text-align: center; }
.joinTeaser .more		{ display: block; clear: both; padding-left: 10px; position: relative; }
.joinTeaser .more em		{ position: absolute; left: 0px; }
.joinTeaser object		{ margin: 10px -3px; border-width: 5px; border-style: solid; display: block; }
.joinTeaser object *		{ display: block; }

.joinTeaserBig			{ margin: -35px 10px 26px; padding: 2px; position: relative; }
.joinTeaserBig div		{ padding: 40px 160px 29px 35px; }
.joinTeaserBig .more		{ padding: 10px 0 10px 17px; display: block; float: right; background: url(/skins/simple/arrowRight.png) no-repeat 0 9px; }
.joinTeaserBig .icon		{ margin: 0; position: absolute; top: 23px; right: 33px; width: 91px; height: 91px; background: url(/skins/simple/menInWhite.png) no-repeat 0 0; display: block; }

.joinBig { margin: 50px 15%; }
.joinBig .btnBig { margin: 20px 0; }

/* ----- FORM ----- */
.btn				{ width: auto; display: inline-block; border: 0; padding: 3px 15px 5px; line-height: 1; cursor: pointer; }
.btnBig				{ width: auto; display: block; text-align: center; margin: 15px -12px; border: 0; padding: 16px 15px; line-height: 1; }

fieldset, .section		{ border-top: 1px solid; padding: 10px 0 20px; }
fieldset .legend		{ padding: 25px 0; display: block; background: none; }
.field				{ clear: both; margin-bottom: 10px; }

.field label			{ float: left; display: block; width: 130px; padding: 12px 10px 0 0; }
.field label.img { width: auto; }
.field input,
.field select,
.field textarea 		{ width: 190px; height: 22px; border: 1px solid; padding: 9px 10px 5px 16px; line-height: 1; }
.field select  			{ width: 350px; }
.field textarea 		{ width: 322px; }
.field input[type=file],
.field select,
.field textarea 		{ height: auto; }
.field input:focus,
.field select:focus,
.field textarea:focus 		{ border-color: #8dc63f; background-color: #eff7d9; }

.field .info			{ margin: 0 0 0 130px; padding: 10px 0 10px 16px !important; width: 200px; }
.field .msgs			{ margin: 0 -130px 10px 0; width: 110px; padding: 10px; left: 385px; position: relative; float: left; background: #ec2024; display: none; }
.field .msgs li			{ margin: 3px 0 2px; line-height: 1.1; }

.ok input			{ border-color: #8dc63f !important; background: url(/skins/simple/inputOk.png) no-repeat 100% 0; padding-right: 60px; }
.err input			{ border-color: #ec2024 !important; background: url(/skins/simple/inputErr.png) no-repeat 100% 0; padding-right: 60px; }
.err .msgs 			{ display: block; }

.frmBox	.subm			{ padding: 30px 0; border-width: 1px 0 0; border-style: solid; }
.frmBox	.subm  span 		{ display: block; text-align: center; }
.frmBox	.subm .btn		{ float: none; width: auto; display: inline-block; border: 3px solid; padding: 12px 20px; }
.frmBox	.info 		{ padding: 15px 0 0 0; }
.frmBox .links 			{ padding-top: 10px; }
.frmBox	li 			{ padding: 0 0 10px 0; }
.frmBox .links li 		{ padding-left: 135px; }

/* ----- ROUNDED - BIG ----- */
/* top */
.pageHead .branding,
.tabNav				{ border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; }

/* right */
.tabBox	.tabs li:last-child,
.box2 .head .border		{ border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0;  -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 0px; }

/* bottom */
.pageAlert .wrp .text,
.boxView,
.shoutBox .foot,
.nav,
.joinTeaserBig,
.joinTeaserBig div,
.box .bingMapWrp
.box .bingMap			{ border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px;  -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; }

/* left */
.tabBox	.tabs li:first-child	{ border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px;  -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 8px; }

/* topLeft */
.pageHead .branding .logo,
.tabNav li:first-child a	{ border-radius: 8px 0 0 0; -moz-border-radius: 8px 0 0 0; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; }

/* topRight */
.boxView,
.tabBox	.tabs li:last-child	{ border-radius: 0 8px 0 0; -moz-border-radius: 0 8px 0 0; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 8; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; }

/* bottomLeft */
.pageHead .nav li:first-child a	{ border-radius: 0 0 0 8px; -moz-border-radius: 0 0 0 8px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 8px; }

/* all */
.box,
.box2,
.box3,
.mapBox,
.shout,
.profileImg,
.field input,
.field select,
.field textarea,
.field .msgs,
.subscription,
.btnBig,
.pageHead .sSearch,
.shoutBox,
.sItem .itemImg,
.shout .feedback,
.connBox,
.mobileTeaser,
.joinTeaser,
.shoutWrite,
.shoutWrite .attBox,
.shoutWrite .attLoc .attMap,
.field .input,
.noteBox,
.tabBox,
.tabBox	.tabs,
.invMailBox .in,
.bItem .itemImg			{ border-radius: 8px; -moz-border-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; }


/* ----- ROUNDED - MIDDLE ----- */

/* bottom */
.box .foot,
.box2 .content			{ border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px;  -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; }

/* all */
.shout .avatar,
.shout .comment .input,
.shout .attImg,
.shout .attImgSm,
.shout .attVid,
.shout .attMap,
.profile .stats,
.profileBig .stats li,
.btn,
.navBox .content,
.boxView a.title,
.badgeImg,
.box .nav a,
.avatar,
.chief .itemImg,
.bingMap .mapObj .content,
.mapBox .avatPin img		{ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; }

/* top */
.box2 .head,
.box .head			{ border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; }

/* ----- ROUNDED - SMALL ----- */
.sItem .itemImg			{ border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; }
.sItem .itemImg			{ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px;  -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; }
.toolbox li a,
.sItem .itemImg,
.joinTeaser object			{ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; }

/* ----- NOT ROUNDED ----- */
.avatarList .avatar		{ border-radius: 0px 0px 0 0; -moz-border-radius: 0px 0px 0 0; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; }

/* ----- PAGE LAYOUT ----- */
.page,
.pageToolbar .content,
.pageFoot .content		{ width: 960px; margin: 0 auto; }
.pageHead			{ width: 940px; margin: 0 auto 30px; position: relative; z-index: 13; }
.pageMain			{ width: 64.5%; margin: 0 1.05%; display: inline; float: left; }
.pageAside			{ width: 31.25%; margin: 0 1.05%; display: inline; float: left; }
.banner { text-align: center; }
.bannerTop { margin: -10px 0 10px 0; }
form > .wrp1 { height: auto; min-height: 100%; }
.wrp2 { padding-bottom: 100px; }
.twtr-widget { margin-bottom: 10px; }

.pageHead .branding		{ height: 80px; padding: 30px 40px; position: relative; overflow: hidden; }
.pageHead .hasLogo		{ text-indent: -9000px; }
.pageHead .branding .name a,
.pageHead .branding .headline a	{ display: block; overflow: hidden; }
.pageHead .branding .logo	{ position: absolute; top: 0; bottom: 0; margin: 0; left: 0; right: 0; display: block; background-repeat: no-repeat; background-position: 10px 50%; }

.pageHead .nav li		{ display: inline; float: left; }
.pageHead .nav a		{ padding: 8px 18px 10px; display: block; }
.pageHead .nav .active		{ position: relative; }

.pageHead .sSearch		{ position: absolute; width: 215px; height: 24px; top: 144px; right: 8px; background: #636363; }
.pageHead .sSearch input	{ float: left; width: 70%; margin: 5px; padding: 1px 5px; height: 18px; border: 0; margin: 2px; }
.pageHead .sSearch a		{ text-indent: -9000px; top: 4px; right: 1px; width: 23px; height: 23px; position: absolute; background: url(/skins/simple/sSearchDark.png) no-repeat 0 0; opacity: 0.7; filter: alpha(opacity=70); }
.pageHead .sSearch a:hover { opacity: 1; filter: alpha(opacity=100); }

.pageHead .progress { position: absolute; bottom: 11px; right: 14px; }

.pageNotification { padding: 7px 0 0 15px; float: left; }
.pageNotification .editLink { margin-left: 5px; }

.pageToolbar			{ margin: 0 0 20px; height: 30px; }
.pageFoot			{ position: relative; height: 30px; padding: 15px 0; clear: both; margin-top: -60px; position: relative; }
.pageToolbar ul,
.pageFoot ul			{ text-align: right; float: right; }
.pageToolbar li,
.pageFoot li 			{ float: left; margin-right: 15px; display: inline; }
.pageToolbar li a,
.pageFoot li a 			{ display: block; padding: 8px 3px; }
.pageFoot .shoutEm  		{ margin: 4px 0 0 10px; padding: 5px 10px; width: 86px; height: 12px; float: left; position: relative; display: block; }
.pageFoot .shoutEm span		{ width: 106px; height: 22px; background: url(/skins/simple/shoutem.png) no-repeat 0 0; top: 0; left: 0; display: block; position: absolute; }

.pageAlert { left:50%; margin-left:-278px; position:fixed; top:0; width:556px; z-index:10000; }
.pageAlert .wrp .text { padding: 10px 20px; border: solid 8px; border-top: none; }
/*
.pageAlert { position: fixed; z-index: 10000; width: 100%; top: 0px; left: 0px; }
.pageAlert .wrp { margin: 0 auto; position: relative; width: 940px; }
.pageAlert .wrp .text { margin: 0 20% 5px 20%; padding: 10px 20px; border: solid 8px; border-top: none; }
*/

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

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

/* BING MAP */
.bingMapWrp { position: relative; overflow: hidden; }
.bingMapWrp, .bingMap { width: 100%; height: 200px; }
/*
.bingMap { position: absolute; }
*/
.bingMap .mapObj .content { color: #FFF; background: #222; padding: 6px 10px; font-family: arial; font-size: 12px; 
							line-height: 1em; text-align: center; width: 140px; position: absolute; top: -17px; 
							left: -60px; z-index: 10001; overflow: hidden; white-space: nowrap; }
.mapBox .mapObj .checkbox, .attMap .mapObj .checkbox { display: none; }
.mapSelection .mapObj .content { padding-left: 22px; left: -46px; }
.mapSelection .mapObj .checkbox  { display: inline; position: absolute; left: 5px; margin: 0; }
.bingMap .place  { position: relative; }  /* top: -21px; } */
img.mapPin { position: absolute; z-index: 10000; top: -16px; }
		
/* ----- FIX ----- */
* html .sItem,
* html .sItem .itemLink		{ word-wrap: break-word; }
* html .dArrow			{ display: none; }
* html .pageHead .nav .active	{ padding-bottom: 0; margin-bottom: 0; position: static; }
* html .pageHead .siteName a,
* html .pageHead .siteTag a	{ word-wrap: break-word; }
* html .pageMain		{ width: 64.5%; margin: 0 0.7%; }
* html .pageAside		{ width: 31.25%; margin: 0 0.7%; display: inline; float: left; }
* html .shout .comment .avatar	{ margin-left: -60px; }
*:first-child+html .pageToolbar li a	{ padding-top: 8px; }
*:first-child+html .pageHead .nav	{ height: 29px; }
*:first-child+html .pageHead .sSearch		{ height: 22px; }
*:first-child+html .pageHead .nav .active a		{ padding-bottom: 8px; height: 13px; }
*:first-child+html .feedback .expanded .subm	{ height: 29px !important; }
*:first-child+html .profile .stats	{ zoom: 1; padding-bottom: 5px; }
*:first-child+html .profile .subscription	{ position: static; margin-top: 6px; }
*:first-child+html .shoutWrite .teaser	{ top: -33px; }
* html .shoutWrite .teaser		{ top: -33px; }
*:first-child+html .shoutWrite .nrLeft	{ top: -19px; }
* html .shoutWrite .nrLeft		{ top: -19px; }
*:first-child+html .shoutWrite .field	{ margin-top: 15px; }
*:first-child+html .shoutBox { zoom: 1; clear: both; }
*:first-child+html .shout .reply .info a { color: #979797; }
*:first-child+html .shout .feedback a { color: #383838; }
* html .shoutWrite .field		{ margin-top: 15px; }
*:first-child+html .field  { zoom: 1; }
* html .field  { zoom: 1; }
*:first-child+html .field .msgs { margin: 1px -130px 30px 0; left: 408px; }
* html .field .msgs { margin: 1px -130px 30px 0; left: 411px; zoom: 1; }
*:first-child+html .connBox{ zoom: 1; }
* html .connBox  { zoom: 1; }
*:first-child+html .joinTeaserBig div { zoom: 1; }
* html .joinTeaserBig div { zoom: 1; }
*:first-child+html .mobileTeaser .connect a { font-size: 16px; line-height: 1.4; }
*:first-child+html .invNetworks .button span { height: 54px; }
*:first-child+html .box2 .content { zoom: 1; }
* html .box2 .content { zoom: 1; }
*:first-child+html .invNetworks .subm { zoom: 1; }
* html .content .invNetworks .button a		{ text-indent: 0px; }
.shout, .shout .content { zoom: 1; }
*:first-child+html .pageAside #fbConnected { margin-top: -8px; }


/* ----- floating fix ----- */

.clearfix, .page, .sItem, .nav, .profileBig, .profileSmall, .stats, .toolbox. subm, .tabNav, .shout .att, .shout .controls, .shout .controls ul, .shoutBox .foot,
.galleryList, .connBox, .shoutWrite .action, .shoutWrite .attLoc, .boxView, .avatarList, .clearfix, .pager, .joinTeaserBig, .box3 .content, .box .content,
.noteBox, .joinTeaserBig div, .tabBox .tabs, .tabCont ul, .pageHead .nav, .bItem, .shout .content, .halfBoxWrp
{ *display: inline-block } /* IE 7 needs this, "*" is because of FF3 */

.clearfix:after, .page:after, .sItem:after, .nav:after, .profileBig:after, .profileSmall:after, .stats:after, .toolbox:after, .subm:after, .tabNav:after,
.shout .att:after, .shout .controls:after, .shout .controls ul:after, .shoutBox .foot:after, .galleryList:after, .connBox:after, .shoutWrite .action:after,
.shoutWrite .attLoc:after, .avatarList:after, .pager:after, .joinTeaserBig:after, .box3 .content:after, .box .content:after, .noteBox:after,
.joinTeaserBig div:after, .tabBox .tabs:after, .tabCont ul:after, .pageHead .nav:after, .bItem:after, .shout .content:after, .halfBoxWrp:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden }

/* hides from IE-mac \*/
* html .clearfix, * html .page, * html .sItem, * html .nav, * html .profileBig, * html .profileSmall, * html .stats, * html .toolbox, * html .subm,
* html .tabNav, * html .shout .att, * html .shout .controls, * html .shout .controls ul, * html .shoutBox .foot, * html .galleryList, * html .connBox,
* html .shoutWrite .action, * html .shoutWrite .attLoc, * html .boxView, * html .avatarList, * html .pager, * html .joinTeaserBig, * html .box3 .content,
* html .box .content, * html .noteBox, * html .joinTeaserBig div, * html .tabBox .tabs, * html .tabCont ul, * html .pageHead .nav, * html .bItem, 
* html .shout .content, * html .halfBoxWrp
{ height: 1% }
/* end hide from IE-mac */

/* ----- SKIN ----- */
body 				{ background: #E5E5E5  top center  fixed; color: #383838; font-family: Georgia, serif; line-height: 1; }
a 				{ color: #66B000; text-decoration: none; }
dt				{ color: #979797; font-family: Arial; font-size: 1.05em; font-variant: small-caps; text-transform: lowercase; }
dd,
dd a				{ color: #383838; }
dd				{ font-weight: normal; line-height: 1.5; }
dd a				{ text-decoration: none; }
input, select, textarea 	{ font-family: Georgia, serif;}
.err 				{ color: #EC2024; }
.tip 				{ background: url(/img/tipIcon.png) 0 5px no-repeat; }
.watermark  { color: #979797; }

.box 				{ background: #FFF; color: #383838; }
.box .head,
.box .foot			{ background: #C8C7C7; color: #383838; border-color: #8A8A8A; }
.box .head			{ font-size: 1.45em; font-weight: bold; font-variant: small-caps; text-transform: lowercase; }
.box .head em			{ font-size: 0.8em; line-height: 1.45;  font-weight: bold; font-variant: normal; text-transform: none; }
.box .foot,
.box .foot2			{ color: #383838; font-family: Arial; font-size: 1.2em; font-variant: small-caps; text-transform: lowercase; }
.box .foot a,
.box .foot2 a			{ color: #383838; }
.box .content			{ font-size: 1.25em; }
.box .content .foot,
.box .content .foot a		{ font-size: 1em;  }
.box .content .foot2,
.box .content .foot2 a		{ color: #979797; font-size: 1em;  }

.box2,
.mapBox				{ border-color: #C8C7C7; background-color: #C8C7C7; color: #383838; }
.box2 .head,
.box2 .foot			{ background: #FFF; color: #383838; border-color: #8A8A8A; }
.box2 .head			{ font-family: Arial; font-size: 1.35em; text-transform: lowercase; font-variant: small-caps; }
.box2 .head h2			{ color: #8DC63F; font-weight: bold; font-size: 2.5em; line-height: 1.2; }
.box2 .head p			{ padding: 4px 0 0; }
.box2 .content			{ font-size: 1.25em; background: #FFF;}
.box2 h3			{ font-size: 1.5em; line-height: 1.5; }
.box .content p,
.box2 .content p,
.text 				{ line-height: 1.4em; }

.textBox .head			{ font-size: 1.3em ;font-family: inherit; text-transform: none; font-variant: normal; }
.textBox .head h2		{ color: inherit; font-weight: normal; font-size: 2.15em; line-height: 1.5; }
.textBox .head p		{ padding: 9px 0 0; }
.textBox .content		{ font-size: 1.25em; background: #FFF;}
.textBox h3			{ font-size: 1.5em; line-height: 1.5; }

.frmBox	.head a			{ color: #66B000; font-weight: bold; }

.box3 				{ background: #FFF; border-color: #FFF; color: #383838; }
.box3 h2			{ font-size: 2.8em; }
.box3 h3			{ font-size: 1.8em; color: #979797; }
.box3 p				{ font-size: 1.35em; line-height: 1.4; }

.errBox .head h2		{ font-family: "Arial Black", Arial; font-size: 4.5em; text-transform: none; font-variant: normal; }
.errBox .head h2 em		{ font-weight: bold; color: #383838; }
.errBox h3			{ border-color: #C8C7C7; font-family: Arial; font-size: 3em; line-height: 1.2; font-weight: bold; }
.errBox p			{ border-color: #C8C7C7; font-size: 1.35em; line-height: 1.6 !important; }

.box .nav a			{ background: #EEE; border-color: #C8C7C7; color: #383838; font-variant: small-caps; text-transform: lowercase; font-size: 1.1em; }
.box .nav .active a,
.box .nav a:hover		{ color: #FFF; }

.noteBox { color: #FFF; background: #8DC63F; }
.noteBox .closeNote		{ font-size: 1.2em; line-height: 1.5; font-family: Arial; font-variant: small-caps; }
.noteBox .noteIcon		{ background: #66B000; }
.noteBox .noteIcon .in		{ background: #8DC63F; font-size: 6em; line-height: 1.45; font-style: italic; }
/*
.noteBox .noteIcon		{ background: #8A8A8A; }
.noteBox .noteIcon .in		{ background: #C8C7C7; }
*/
.noteBox h2			{ font-size: 3em; line-height: 1.2; }
.noteBox p			{ font-size: 1.45em; line-height: 1.3; }
.noteBox .btn			{ font-size: 1.2em; }

.mapBox .shoutPin		{ color: inherit; }
.mapBox .shoutPin .shout	{ border-color: #383838; font-size: 0.8em; padding-left: 60px; }
.mapBox .shoutPin .shout .avatar	{ width: 30px; left: -50px; }
.mapBox .shoutPin .shout .controls	{ font-size: 1.1em; }
.mapBox .shoutPin .shout .controls .time{ padding-top: 9px; margin-top: -2px;}
.mapBox .shoutPin .dArrow span,
.mapBox .justPin .dArrow span	{ background-color: #383838; }

.boxView, .boxView ul a { background:#444444 none repeat scroll 0 0; color:#FFF; font-family:Arial; font-size:1.2em; font-variant:small-caps; text-transform:lowercase; }
.boxView ul a { font-size: 1.1em; }
.boxView a.title { border-color:#FFF; }

.sItem .itemLink		{ color: #383838; font-size: 1.05em; text-decoration: none; line-height: 1; }
.box2 .sItem .itemImg		{ background: #444444;}
.box2 .sItem			{ border-color: #C8C7C7; }
.box2 .actions a { color: #383838; font-family: Arial; font-size: 1.05em; font-variant: small-caps; text-transform: lowercase; }

.itemInfo			{ color: #979797; font-family: Arial, sans-serif; font-size: 1.05em; text-transform: lowercase; font-variant: small-caps; }

/* --- big items --- */
.bItem h2 { font-size: 3em; }
.bItem .info { color: #979797; font-weight: bold; }
.bItem .share a { color: #383838; }

/* active green */
.sItem .itemImg,
.bItem .itemImg,
.pageHead .nav .active a,
.dArrow span,
.profile .stats,
.box2 .border,
.profileBig .stats li,
.btn:hover,
.joinTeaserBig,
.joinTeaserBig div,
.box .nav .active a,
.box .nav a:hover		{ background-color: #8DC63F; }

.pageToolbar,
.pageFoot,
.noteBox .closeNote,
.noteBox .btn,
.mapBox .avatPin .dArrow span		{ background-color: #383838; }

.profile .avatar,
.sItem .avatar,
.mapBox .avatPin img		{ border-color: #444444; background-color: #444444; }

.errBox h3, 
.pageHead .nav a:hover,
.pageToolbar a:hover,
.pageFoot li a:hover { color: #8DC63F; }

.pageAlert .wrp .text { background: #FFF; border-color: #C8C7C7; font-size: 1.25em; }

.pageHead .branding		{ background: url(http://static2.shoutem.com/skins/simple/pageHeader.png) 0 0; }
.pageHead .branding .name	{ font-size: 3.8em; font-weight: bold; }
.pageHead .branding .headline	{ font-size: 2em; }
.pageHead .branding .name a,
.pageHead .branding .headline a	{ color: #FFF; line-height: 1.3; }
.pageHead .nav			{ background: #383838; }
.pageHead .nav a, .pageHead .nav .active a:hover 		{ color: #FFF; font-size: 1.4em; text-transform: lowercase; font-variant: small-caps; }
.dArrow span span, .dArrow .da0			{ opacity: 0.8; }
.dArrow span span span		{ opacity: 0.5; }
.pageHead .sSearch input	{ color: #979797; font-size: 1.3em; font-weight: bold; font-style: italic; }

.pageToolbar li a,
.pageFoot li a 			{ font-size: 1.2em; color: #FFF; font-family: Arial; text-transform: lowercase; font-variant: small-caps; }
.pageToolbar li a { font-weight: bold; font-size: 1.32em; padding-top: 7px; }

.pageHead .sSearch,
.pageHead .sSearch input { background-color: #636363; }
.pageHead .sSearch input { color: #bababa; }

.pageNotification		{ color: #FFF; font-size: 1.1em; line-height: 1.4; font-family: Arial; }
.pageNotification a		{ color: #FFF; }
.pageNotification strong{ font-weight: bold; font-size: 1.1em; }

.box .bingMapWrp		{ border-color: #EEE; }

.profile h3			{ color: #444444; font-size: 1.4em; line-height: 1.8; }
.profile .itemInfo,
.profile h4,			{ color: #979797; }
.profile h4			{ color: #979797; font-size: 1.15em; }
.profile .itemInfo		{ line-height: 1.3; }
.profile .stats li	{ color: #FFF; text-transform: lowercase; font-variant: small-caps; text-align: center; }
.profile .stats li a	{ color: #FFF; }
.profile .stats li em		{ font-size: 2.1em; }

.profileBig .stats		{ background: transparent; }
.profileBig h2			{ font-size: 1.7em; line-height: 1.8; }
.profileBig h3			{ font-size: 1.15em; line-height: 1.5; }
.profileBig .itemInfo		{ line-height: 1.7; }
.profileBig .stats li em	{ font-size: 2.7em; }

.locProfile .content		{ background: url(/skins/simple/placemark.png) no-repeat 20px 20px; padding-left: 70px; }
.locProfile h2			{ line-height: 1.3; }
.locProfile .itemInfo		{ line-height: 1.3; }

.chief .itemLink		{ font-size: 1.4em; line-height: 1.65; color: inherit; }

.chief .avatar,
.avatar,
.badgeImg			{ background: #444444; }

.toolbox p			{ margin: 4px 0; font-weight: bold; }

.shoutBox				{ background: #C8C7C7; }
.shoutBox .foot				{ background: #8A8A8A; padding: 10px 12px; text-align: center; }
.shoutBox .foot .btn			{ margin: 0 auto; float: none; display: inline-block; font-size: 1.2em; }

.tabNav			{ background: #8A8A8A; font-family: Arial; }
.tabNav li a			{ color: #FFF; font-size: 1.4em; letter-spacing: 2px; text-transform: lowercase; font-variant: small-caps; }
.tabNav .active a, .tabNav .active a:hover		{ background: #C8C7C7; color: #383838; }
.tabNav a:hover { color: #C8C7C7; }

.shout					{ background: #FFF; }
.shout .avatar				{ border-color: #444444; }
.shout .content				{ font-size: 1.4em; line-height: 1.42; }
.shBigView .content	p		{ font-size: 1.6em; }
.shout .content a,
.shout .content .link			{ color: #66B000; }
.shout .attImg,
.shout .attImgSm,
.shout .attMap,
.shout .attVid				{ border-color: #C8C7C7; }
.shout .controls			{ display: block; font-family: Arial; border-color: #C8C7C7; }
.shout .controls .replied,
.shout .controls .time			{ color: #979797; font-size: 1em; line-height: 1.35; background-image: url(/skins/simple/icons.png); }
.shout .controls .replied a		{ color: #66B000; }
.shout .controls .time a		{ color: #979797; }
.shout .controls .replied 		{ background-image: none; }
.shout .controls li a			{ color: #66B000; font-size: 1.2em; text-transform: lowercase; font-variant: small-caps; }
.shout .feedback			{ background: #EEE; }
.shout .feedback a			{ color: inherit; }
.shout .likes a				{ font-weight: bold; }

.shout .ctrl,
.shout .reply				{ border-color: #FFF; font-size: 1.1em; }
.shout .likes				{ background: url(/skins/simple/icons.png) no-repeat 14px -204px; }
.shout .reply .time			{ color: #979797; font-family: Arial; }
.shout .comment .input			{ background: #FFF; font-family: Arial; font-size: 1.2em; }
.shout .comment textarea		{ border: 0; text-transform: lowercase; font-variant: small-caps; background: #FFF; }
.shout .feedback .active .input		{ font-family: inherit; font-size: 1.1em; }
.shout .feedback .active textarea	{ text-transform: none; font-variant: normal; line-height: 1.3; }
.shout .feedback .active .btn 		{ font-size: 1.3em; font-weight: normal; }
.shout .feedback .active .nrLeft 	{ font-size: 1.1em; }

.shBadge .attImgSm,
.shChief .attImgSm { background-color: #8DC63F; border: none; padding: 6px 2px; }
.shBadge .attImgSm img,
.shChief .attImgSm img  { border: none; }

.shoutWrite			{ background: #8A8A8A; }
.shoutWrite .input		{ background: #FFF; }
.shoutWrite .attBox		{ background: #FFF; }
.shoutWrite iframe,
.shoutWrite .attBox .box .content	{ border-color: #C8C7C7; }
.shoutWrite .teaser,
.shoutWrite .nrLeft		{ font-size: 1.7em; color: #8A8A8A; }
.shoutWrite textarea 		{ font-size: 1.25em !important; line-height: 1.5 !important; background-color: #FFF !important; font-family: inherit !important; }
.shoutWrite .action .btn 	{ font-size: 1.25em; }

/* --- validate - phone & coverage --- */
.validatePhone span.code,
.validatePhone span.num 	{ font-size:1.25em; font-weight:bold; }
.validatePhone .info		{ color: #979797; }

/* --- two column + expand box --- */
.connBox,
.tabBox,
.invMailBox .in			{ background: #EEE; }
.connBox .connInfo,
.connBox .connSmall,
.tabBox	.tabCont,
.tabBox	.tabs li		{ border-color: #FFF; }
.connBox .field input		{ background-color: #FFF; }

.tabBox	.tabs			{ background-color: inherit; }
.tabBox	.tabs .active		{ background-color: inherit; }
.tabBox	.tabs .active a { font-weight: bold; }

.invMailBox .in			{ border-color: #C8C7C7; }
.invMailBox .markAll,
.invMailBox td 			{ font-family: Arial; }
.invMailBox .markAll		{ font-variant: small-caps; text-transform: lowercase; font-size: 1.1em; }

/* --- teasers - join & mobile phone --- */
.mobileTeaser,
.joinTeaser			{ background-color: #8DC63F; border-color: #FFF; color: #FFF; }

.mobileTeaser			{ font-family: Arial; font-size: 1.2em; }
.mobileTeaser a			{ color: #FFF; font-weight: bold; }
.mobileTeaser .connect a	{ color: #383838; text-transform: lowercase; font-variant: small-caps; font-size: 1.6em; }
.mobileTeaser .platforms	{ text-transform: lowercase; font-variant: small-caps; font-size: 1.15em; }

.joinTeaser			{ }
.joinTeaser h3			{ font-size: 2.3em; font-style: italic; }
.joinTeaser h2			{ font-size: 1.5em; font-weight: bold; line-height: 1.5; }
.joinTeaser p			{ font-style: normal; font-size: 1.2em; line-height: 1.7; }
.joinTeaser hr			{ background: #fff; color: #fff; }
.joinTeaser .more		{ color: #fff; font-size: 1em; text-decoration: none; }
.joinTeaser .more em		{ text-decoration: none; font-style: normal; }
.joinTeaser .more span		{ text-decoration: underline; }
.joinTeaser object		{ border-color: #70a428; }

.networkInfo 			{ font-size: 1.2em; line-height: 1.7; }
.networkInfo p 			{ font-size: 1em; line-height: 1.7; }
.networkInfo h2			{ font-size: 1.4em; line-height: 1.5; }
.networkInfo a			{ color: #fff; text-decoration: underline; }


.joinTeaserBig			{ font-family: Arial; text-align: right; background-image: url(/skins/simple/joinTeaserBigBg.png); background-repeat: repeat-x; background-position: center bottom; }
.joinTeaserBig div		{ background-image: url(/skins/simple/joinTeaserBig.png); background-repeat: repeat-x; background-position: center bottom; }
.joinTeaserBig p,
.joinTeaserBig a		{ font-weight: bold; color: #FFF; text-shadow: 1px 1px 1px #444444; }
.joinTeaserBig p		{ font-size: 3.1em; }
.joinTeaserBig .more		{ line-height: 1.3; font-size: 1.3em; }

/* ----- FORM ----- */
.btn 				{ color: #FFF !important; font-family: Arial; text-transform: lowercase; font-variant: small-caps; background-color: #444444; }
.disabledBtn:hover { background-color: #444444 !important; }
.active .btn			{ background-color: #8DC63F; }

fieldset,
.subm,
.section 			{ border-color: #C8C7C7; }
fieldset .legend 		{ color: #383838; font-size: 1.4em; }
fieldset .legend em 		{ color: #66B000; }
fieldset .legend span		{ color: #383838; }

.field label			{ color: #383838; font-family: Arial; font-weight: bold; font-size: 1.1em; text-transform: lowercase; font-variant: small-caps; text-align: right; }
.field input,
.field select,
.field textarea 		{ border-color: #C8C7C7; background-color: #EEE; font-family: Arial; font-size: 1.25em; }
.field select  			{ font-size: 1em; }

.field .info,
.field .msgs  li 		{ color: #FFF; font-family: Arial; font-size: 0.9em; line-height: 1.5; }
.field .info			{ color: #979797; }
.field .info .example		{ font-size: 1.1em; display: block; padding: 0 16px 5px; margin: 0 -16px 5px; border-bottom: 1px solid #C8C7C7; }
.field .info .example strong	{ color: #8DC63F; font-weight: bold; }
.frmBox	.info		{ color: #979797; font-family: Arial; font-size: 0.9em; line-height: 1.2; }
.frmBox	.subm .info		{ text-align: center; }
.links,
.links a  			{ font-family: Arial; color: #383838; font-size: 0.95em; }

.frmBox	.subm .btn,
.btnBig				{ color: #8DC63F !important; border-color: #66B000; background: #FFF url(/skins/simple/btnOver.png) repeat-x bottom; font-family: Arial; font-weight: bold; font-size: 2em; line-height: 1; text-transform: lowercase; font-variant: small-caps; }
.frmBox	.subm .btn:active,
.btnBig:active			{ background-position: top; }

.btnBig				{ font-family: Arial; font-size: 2.8em; background-color: #EEE; box-shadow: 0px 0px 8px #979797; -moz-box-shadow: 0px 0px 5px #979797; }
.button a em,
.btnBig em			{ color: #383838; font-weight: bold; }

*:first-child+html .shoutWrite textarea 		{ font-family: Georgia, serif !important; }

/*/* 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: 200px; margin: 0px; padding: 0 0 0 10px; 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: 115px; 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; }

.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 img { 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:115px; }
#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; }
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.ShoutThumb a.UserThumbnail { float: left; padding: 10px 0; width: 48px; }
div.ShoutThumb a.UserThumbnail img { 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.Shout div.Content h4.replyToTitle, div.ShoutThumb div.Content h4.replyToTitle { margin: 1px 0 2px 0; }
div.Shout div.Content h4.shoutInfo, div.ShoutThumb div.Content h4.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 h4 { margin: 2px 0 0 0; float: left; }
div.ShoutReply div.Content h4 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; }
#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 img { width: 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 img { width: 48px; }
.feat .usr fb\:profile-pic[size="square"] { width: 48px !important; height: 48px !important; }
.feat .sh .UserThumbnail, .feat .sh img { width: 24px; }
.feat .sh fb\:profile-pic[size="square"] { 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 td 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 { float: left; 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: 565px; }
#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; text-align: center; padding: 10px; }
#friendFinderWrapper div.friendFinderNavigation a { padding: 0 5px; }
#friendFinderWrapper div.friendFinderForm { padding: 10px; }
#friendFinderWrapper div.friendFinderForm table { margin: 15px 0; }
#friendFinderWrapper div.friendFinderForm td.Left { padding: 0 10px 0 0; }
#friendFinderWrapper div.friendFinderForm td.Right input { width: 180px; }
#friendFinderWrapper div.friendFinderForm .progressImage { padding: 5px; }
#FriendFinderSelection div#Registered, #FriendFinderSelection div#NotRegistered { margin: 10px 0 0 0; padding: 10px; }
#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; }
.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; }

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

textarea { width: 503px; }
#Header { margin-top: 0px; height: 142px; padding: 0px; width: 990px; }
#Header #Banner { margin: 8px 0 0px 0; }
#Header a.logoLink { margin: 5px 0; height: 95px; width: 990px; }
#Header div.textLogo { padding: 15px 29px 10px 29px; height: 80px; width: 932px; }
#Header div.textLogo .title { width:932px; }
#Header #Navigation { float: left; width: 988px; margin: 0; clear: left; }
#Header #Navigation li { padding: 0 16px 0 0 }
#Header #Navigation li img { display: none; }
#Header #Navigation li a { padding: 0px; }
#Header #Navigation li.links { width: 629px; float: left; padding: 5px 0; margin-left: 30px; }
#Header #Navigation li.search { padding: 5px 0; float: right; width: 299px; margin-right: 30px; }
#Header #Navigation li.search a { float: right; }
#Header #Navigation li.links ul { float: left; }
#Header #Navigation li.home { padding: 0 16px 0 0; }
#Header #Navigation input { margin: 4px 0px 0 6px; float: right; width: 122px; padding: 1px; }

#ContentWrapper { padding: 10px 30px 25px 30px; }
#InnerWrapper { float: left; width: 715px; }
.homeInner { width: 505px !important; }
#FeedColumn { float: right; }
#ProfileColumn { float: left; padding: 0; }
#ProfileHeader dl.memberInfo dt, #ProfileHeader dl.memberInfo dd { width:180px; }
#Sidebar { width: 190px; float: right; margin: 0px 2px 0 0; overflow: hidden; text-align: center; padding: 0 0 0 15px; }
#HomeRightColumn { width: 380px; }
#HomeRightColumn textarea { width: 380px;}
.feat .usr .content { width: 100px; }
.feat .sh .content { width: 120px; }

#Header #Navigation { zoom: 1; }
#Header #Navigation li { zoom: 1; }

#UserSettings, #loginContainer, div.errorNetwork, #infoPage, #contactForm, #UsersColumn, .registrationWrapper { width: 685px; }
#UserSettings div.tabData { width: 685px; }
#UserSettings p.embedInfo { width: 380px; }
#UserSettings textarea.embedCode { width: 680px; }
#searchMenuWrapper { width: 135px; padding: 0px 0pt 0pt 10px}

#ShoutWrite { padding: 0 0 5px 0; }
#ShoutWrite ul.attach li img { display: none; }
div.viewSettings { height: auto; }
ul.Views { padding: 0px; }
div.Attach span { display: inline; }
div.Attach a.linkInText img, div.Attach a.locationInText img { display: none; }
div.Shout, div.ShoutThumb { margin-bottom: 0px; padding-top: 3px; }
div.Shout div.Content { width: 480px; }
div.Shout div.Content h4.replyToTitle, div.ShoutThumb div.Content h4.replyToTitle { margin-bottom: 4px; }
div.ShoutThumb div.Content { width: 425px; }
div.Shout div.Content, div.ShoutThumb div.Content { padding-bottom: 5px; }
div.Shout div.Actions { visibility: visible; width: 100%; margin: 0px; }
div.ShoutThumb div.Actions { visibility: visible; width: 427px; margin: 0px; }
div.ShoutThumb div.Actions { float: right; position: static; }
div.ShoutBig div.Actions { width: 100%; }
div.ShoutReply a.iconBtn img { display: none; }
div.ShoutReply a.iconBtn { margin: 0 0 0 5px; }
div.ShoutReply div.Content p { padding-top: 2px; }
div.ShoutReply div.Content a.iconBtn span { display: inline; padding: 0px; }

/* THREADED REPLIES */
div.Shout .thReplies { float: left; width: 480px; }
div.ShoutThumb .thReplies { float: right; width: 425px; margin-right: 2px; }
div.Shout .thReplies .a .b table { width: 480px; }
div.ShoutThumb .thReplies .a .b table { width: 425px; }
.thReplies div.a { position: static; }
.thReplies a.iconBtn img { display: none; }
.thReplies a.iconBtn span { display: inline; }
.thReplies { width: 426px; }
.thReplies div.b { padding-bottom: 8px; }

a.iconButton { width: auto; margin: 0 5px 0 0; float: left; }
a.iconButton span { display: block; }
a.iconButton img { display: none; }

div.colorPickerPreview { height: 18px !important; }
div.colorPicker input { padding: 1px 0 !important;}

/* IE6 */
#ContentWrapper { _margin-top: 0px; _padding-top: 10px; }
div.colorPicker input { _padding: 0 !important;}
div.Shout div.Actions { _width: 480px; _float: left; }
div.ShoutThumb div.Actions { _width: 422px; }
#Header #Navigation { _margin-bottom: 0px; }
#Header #Navigation input { _left: 15px; _margin: 3px 0 0 0;}
#Header #Navigation li.search { _margin-right: 15px !important; }
#Header #Navigation li.links { _margin-left: 15px !important; }


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

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

.Error, .error { color: #CCCCCC; }

h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
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/FF8195A0.png); font-size: 1.2em; }
#Navigation { font-size: 1.25em; }

.watermark { color:#BEBEBE; }

/* SPECIFIC RULES */
#Header, #Wrapper { font-size: 1em; }
#Header { background: ) top right no-repeat; background-color: ; }
#Header a.logoLink:hover { text-decoration: none; }
#Header div.textLogo { color: #FFFFFF; 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: Trebuchet MS,Verdana; }
#Header #Navigation li a { color: #FFFFFF; }
#Header #Navigation li a.active { text-decoration: underline; }
#Header #Navigation li input { border: solid 1px #262626; }

#Sidebar { border-left: solid 1px #8195A0; }

#HomeRightColumn strong.homeHeadline { font-weight: bold; }
#HomeRightColumn div.home { border-bottom: dashed 1px #FFFFFF; }
#HomeRightColumn div.homeInfo { font-weight:bold; font-size:1.0em; }
#HomeRightColumn div.about h2 { font-size: 1.1em; }
#HomeRightColumn #ShoutWrite { background: none !important; }

#ShoutsList, #RepliesList { color: #000000; }
#ShoutsList p a { color: #A26740; }

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

div.ShoutReply { border-bottom: 1px dotted #BEBEBE; }
div.ShoutReply div.Content p { font-size: 1.2em; }
.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: #647883; }
div.ShoutThumb div.Content .thReplies td { font-size: 0.9em; line-height: normal; }
div.Shout .thReplies td a, div.ShoutThumb .thReplies td a { color: #A26740; }
div.Shout .thReplies td .info a, div.ShoutThumb .thReplies td .info a { color: #647883 !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: #000000; border:solid 1px #FFFFFF; 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: Trebuchet MS,Verdana; }
.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: Trebuchet MS,Verdana; }
#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;}

/* 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: #A26740 !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: #A26740 !important; }



#ShoutWrite textarea { font-size: 1.2em; }

#ContentWrapper { border-left: solid 1px #000000; border-right: solid 1px #000000; border-bottom: solid 1px #000000; }

#Header { background: url() top right no-repeat; }
#Header #Navigation { background-image: url(/skins/gpng/FF8195A0.png); border-left: solid 1px #000000; border-right: solid 1px #000000; border-top: solid 1px #000000; }
#Header #Navigation li.links { margin-left: 30px; border-bottom: solid 1px #262626; }
#Header #Navigation li.search { margin-right: 30px; border-bottom: solid 1px #262626; }
#Header #Navigation li a:hover { text-decoration: none; }
#Header #Navigation li a.active { text-decoration: none; font-weight: bold; }
#HomeRightColumn div.about { font-size: 1.1em; }

#ShoutWrite { background: none; }
#ShoutsList { border-top: solid 2px #000000;}
div.Shout, div.ShoutThumb, ul.Views { border-bottom: none; }
div.ShoutThumb, div.Shout { border-bottom: 2px dashed #000000; }
div.ShoutThumb div.Content p, div.Shout div.Content p, div.ShoutReply div.Content p { font-size: 1.1em; line-height: normal; }
div.Shout div.Content h4.replyToTitle, div.ShoutThumb div.Content h4.replyToTitle { font-style:italic; }
div.Shout div.Content h4.shoutInfo, div.ShoutThumb div.Content h4.shoutInfo, div.ShoutReply h4 strong, div.ShoutReply h4 span, .thReplies td .info { font-style: italic; }
div.ShoutReply h4 .iconBtn span, .thReplies a.iconBtn span { font-style: normal; font-size: 0.9em; }
div.Shout .thReplies td .info, div.ShoutThumb .thReplies td .info { font-style: italic; }

div.Shout div.Actions a, div.ShoutThumb div.Actions a { font-size: 0.8em; }
.thReplies td .info { font-size: 0.9em; }

a.button { display: inline; background: none; padding: 0px; color: #000000; font-weight: bold; }
a.button:hover { background-color: none; padding: 0px; border: none; text-decoration: underline; }
#ShoutWrite a.button { font-size: 1.2em; }
#ProfileHeader .Subscribe a.button { line-height: 1.2em; padding: 1px 6px 2px 4px; border: solid 1px; }

.contentBg { background: #8195A0; border: 2px dashed #FFFFFF; }
#HomeRightColumn div.home { border-bottom:2px dashed #FFFFFF; }
#ShoutWrite { border-bottom:1px solid #FFFFFF; }
li.ffActive, li.sActive { background: none; }*/