* { margin:0; padding:0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; list-style: none; }
body { margin:0; background: #FFF; font-family: 'Neuton', arial, serif; font-size:14px; line-height:1.3em; color:#4e4e4e; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }
a { text-decoration:none; }
a:focus, a:hover { text-decoration: none; }
.clear { clear:both; }
.over { overflow:hidden; height: 0; }
.inner { position:relative; margin:0 auto; width: 980px; }


.relative { position: relative}
.absolute { position: absolute}

.mr60 {float:right;  margin-right: 60px; text-align: center; width: 110px;}
.dn { display: none !important;}

.fr {float:right;}
.mr100 { margin-right: 100px;}

.header { background: #4e4e4e; padding: 44px 0 24px 0; }
.header a.logo { float: left; color: #fff0b0; font-size: 30px; line-height: 1em;  letter-spacing: -0.1em; text-decoration: none; margin-left: 18px; }
.header div.login-signup { position: absolute; top: 11px; right: 8px; font-family: 'Yanone Kaffeesatz', arial, serif; text-transform: uppercase; color: #FFF; font-size: 16px; }
.header div.login-signup a { color: #fff0b0; }
.header div.login-signup a:hover { color: #FFF; }
.header div.menu { position: absolute; top: 8px; right: 120px; }
.header div.menu a { font-size: 14px; display: inline-block; *display: inline; zoom: 1; padding: 2px 8px; position: relative; color: #FFF; text-decoration: none; font-family: Tahoma, Helvetica, SANS-SERIF; font-weight: bold;}
.header div.menu a span { display: none; }
.header div.menu a.hover,
.header div.menu a:hover { background: #2179b5; }
.header div.menu a.hover span,
.header div.menu a:hover span { position: absolute; top: 22px; left: 6px; background: url(images/menu-aba.png) no-repeat; width: 14px; height: 14px; display: block; }

.header div.social {position: absolute; width: 700px; top:-31px; left:20px; vertical-align: top; display: table}
.header div.social div.twitter {display:table-cell;  width: 100px; vertical-align: top;}
.header div.social div.facebook {display:table-cell; width: 100px;  vertical-align: top;}
.header div.social div.fb_login {display:table-cell; vertical-align: top; width: 100px; margin-left: 40px;}
.header div.social div.fb_apps {display:table-cell; margin-left: 10px; vertical-align: top;}
.header div.social a:hover { color: #FFF; }


.header div.search { position: absolute; top: -32px; right: 8px; }
.header div.search input.text { background: #FFF url(images/search-input.png) no-repeat 6px 5px; padding: 2px 6px 3px 22px; border: 0; border-top: 1px solid #a2a2a2; border-left: 1px solid #a2a2a2; color: #a2a2a2; font-style: italic; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 120px; float: left; }
.header div.search select.select { padding: 0; height: 21px; border: 0; border-top: 1px solid #a2a2a2; border-left: 1px solid #a2a2a2; color: #a2a2a2; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 60px; float: left; margin: 0 6px; }
.header div.search input.button { background: url(images/search-go.png) no-repeat; width: 20px; height: 20px; border: 0; }

.welcome { overflow: hidden; }
.welcome ul li { position: relative; width: 980px; height: 384px; }
.welcome ul li h2 { position: absolute; top: 66px; left: 553px; color: #606060; text-transform: uppercase; font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 28px; line-height: 1em; letter-spacing: -0.02em; }
.welcome ul li h1 { position: absolute; top: 94px; left: 540px; font-size: 88px; line-height: 1em; color: #6fb906; letter-spacing: -0.1em; width: 394px; }
.welcome ul li p { position: absolute; top: 296px; left: 540px; font-size: 14px; font-family: Verdana,Tahoma,sans-serif; }
.welcome ul li div#abs-button { position: absolute; left: 860px; top: 204px; width: 120px; height: 80px; display: block; background: url(images/view-video.png); cursor:pointer}
.welcome ul li div#abs-button:hover { background: url(images/view-video-hover.png);}
.welcome span.sL { position: absolute; top: 185px; left: 0; }
.welcome span.sR { position: absolute; top: 185px; right: 0; }
.welcome span.set { background: #CCC; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #FFF; cursor: pointer; padding: 0 8px 6px 8px; font-size: 18px; line-height: 1em; }

.main { background: #eef7ff url(images/main-bg.png) repeat-x; }

.home { overflow: hidden; }
.home ul.ideas { width: 1024px; padding: 38px 0 22px 20px; border-bottom: 1px dotted #000; }
.home ul.ideas li { width: 212px; float: left; margin-right: 31px; }
.home ul.ideas li h2 { font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 19px; line-height: 1em; color: #2179b5; text-transform: uppercase; padding-bottom: 10px; }
.home ul.ideas li div.box { background: #FFF; border-top: 2px solid #bedbee; }
.home ul.ideas li div.box p { border-top: 4px solid #dfe8ee; padding: 10px 12px; font-size: 11px; font-family: Verdana,Tahoma,sans-serif;}
.home ul.ideas li div.box a { color: #b2b2b2; display: inline-block; *display: inline; zoom: 1; padding-left: 20px; text-decoration: none; margin-left: 22px; font-size: 12px; }
.home div.popular { background: url(images/home-popular.png) no-repeat 0 16px; padding: 22px 0; border-bottom: 1px dotted #000; margin-bottom: 38px; position: relative; }
.home div.popular ul.menu { float: left; margin-left: 316px; width: 246px; background: url(images/home-boxgraph-menu-bg.png) no-repeat; height: 234px; padding-top: 6px; cursor:pointer}
.home div.popular ul.menu li span.title { color: #448fc3; font-size: 18px; line-height: 1em; display: block; padding: 4px 0 0 36px; }
.home div.popular ul.menu li span.desc { color: #76787a; padding: 0 0 0 36px; font-size: 12px; }
.home div.popular ul.menu li { display: block; height: 45px; }
.home div.popular ul.menu li.hover,
.home div.popular ul.menu li:hover { background: url(images/home-boxgraph-menu-hover.png) no-repeat; }
.home div.popular ul.menu li.active { background: url(images/home-boxgraph-menu-hover.png) no-repeat; }
.home div.popular ul.menu li.hover span.title,
.home div.popular ul.menu li:hover span.title { color: #93cb44; font-size: 18px; line-height: 1em; display: block; padding: 4px 0 0 16px; }
.home div.popular ul.menu li.hover span.desc,
.home div.popular ul.menu li:hover span.desc { color: #76787a; padding: 0 0 0 16px; }
.home div.popular div.area { background: #FFF; height: 240px; overflow: auto; width: 400px; float: left; }
.home div.popular div.area div.box-a { background: url(images/home-boxgraph-a.png) no-repeat; width: 324px; height: 236px; margin: 28px auto 28px auto; }
.home div.popular div.splash { text-align: center; position: absolute; left: 44px; top: 57px; width: 224px; }
.home div.popular div.splash h1 { font-size: 40px; color: #4e4e4e; line-height: 1em; letter-spacing: -0.05em; }
.home div.popular div.splash h2 { font-size: 24px; color: #2179b5; line-height: 1em; text-transform: uppercase; font-family: 'Yanone Kaffeesatz', arial, serif; margin-top: 10px}


.green { background: #6fb906; text-align: center; padding: 8px 0 10px 0; color: #000; }
.green a { background: #8cc738; color: #000; padding: 2px 8px; font-weight: bold; }

.darkblue { background-color: #211732; text-align: center; padding: 0; color: #000; }

.footer { background: #4e4e4e; padding: 24px 0; color: #FFF; }
.footer div.about { padding-top: 4px; }
.footer div.about h2 { font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 16px; line-height: 1em; color:#ecece5; text-transform: uppercase; }
.footer div.about p { color: #c4c4c3; font-size: 12px; line-height: 1.3em; padding-top: 12px; }
.footer div.about a { color: #b2b2b2; display: inline-block; *display: inline; zoom: 1; padding-left: 20px; text-decoration: none; margin-left: 22px; font-size: 12px; }
.footer div.col-a { margin-left: 20px; width: 220px; float: left; border-bottom: 3px solid #717171; height: 345px; }
.footer div.col-a a.logo { color: #FFF; font-size: 22px; line-height: 1em;  letter-spacing: -0.1em; text-decoration: none; }
.footer div.col-a div.menu { padding: 16px 0; }
.footer div.col-a div.menu a { color: #6fb906; font-size: 16px; display: block; margin: 8px 0; }
.footer div.col-a div.menu a:hover span { border-bottom: 1px solid #6fb906; }
.footer div.col-b { margin-left: 20px; width: 410px; border-bottom: 3px solid #717171; float: left; height: 345px; position: relative; }
.footer div.col-b h2 { font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 20px; line-height: 1em; color: #FFF; text-transform: uppercase; padding-top: 5px; }
.footer div.col-b dl { padding-top: 24px; width: 205px; }
.footer div.col-b dl dt { font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 15px; line-height: 1em; color: #ecece5; text-transform: uppercase; padding-bottom: 8px; }
.footer div.col-b dl dd { padding: 2px 0; }
.footer div.col-b dl dd a { color: #fff0b0; font-size: 12px; }
.footer div.col-b dl dd a:hover { text-decoration: underline; }
.footer div.col-b dl.list-c { position: absolute; top: 25px; right: 0; }
.footer div.col-b dl.list-c dd.search { padding-top: 12px; }
.footer div.col-b dl.list-c dd.search input.text { background: #FFF url(images/search-input.png) no-repeat 6px 5px; padding: 2px 6px 3px 22px; border: 0; border-top: 1px solid #a2a2a2; border-left: 1px solid #a2a2a2; color: #a2a2a2; font-style: italic; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 84px; float: left; }
.footer div.col-b dl.list-c dd.search select.select { padding: 0; height: 21px; border: 0; border-top: 1px solid #a2a2a2; border-left: 1px solid #a2a2a2; color: #a2a2a2; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 60px; float: left; margin: 0 6px; }
.footer div.col-b dl.list-c dd.search input.button { background: url(images/search-go.png) no-repeat; width: 20px; height: 20px; border: 0; }
.footer div.col-c { width: 292px; float: right; }
.footer div.col-c h2 { background: #3b5997; display: inline-block; *display: inline; zoom: 1; text-transform: uppercase; font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 18px; line-height: 1em; color: #000; position: relative; padding: 6px 8px 4px 8px; margin-bottom: 19px; color: #FFF; }
.footer div.col-c h2 p { background: url(images/logo-facebook.png) no-repeat; width: 70px; height: 16px;  display: inline-block; *display: inline; zoom: 1; }
.footer div.col-c h2 span { background: url(images/footer-aba-d.png) no-repeat; width: 11px; height: 19px; display: block; position: absolute; left: 6px; top: 28px; }
.footer div.facebook { background: #FFF; margin-top: 12px; padding-top: 1px; }

.chains div.gridA { font-family: Verdana, Tahoma, sans-serif; float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.chains div.gridA h1 { font-size: 26px; line-height: 1.2em;border-bottom:1px solid #808080; }
.chains div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 8px; float: left; width:580px }
.chains div.gridA h2 span { font-size: 26px; float: right; display: inline-block;}
.chains div.gridA h2 span a:hover { color:#2694e8;}
.chains div.gridA h2.small { font-size: 14px; line-height: 1em; margin-top:8px;padding-bottom: 8px; float: left; }
.chains div.gridA p.sub { font-size: 12px; border-top: 1px solid #7c878e; padding: 8px 0 16px 0; }
.chains div.gridA div.opt { float: right; font-size: 12px; padding-top: 7px; }
.chains div.gridA div.opt p { float: left; }
.chains div.gridA div.opt p a { color: #2179b5; text-decoration: underline; }
.chains div.gridA div.opt div.search { float: left; }
.chains div.gridA div.opt div.search input.text { background: #FFF url(images/search-input.png) no-repeat 6px 5px; padding: 2px 6px 3px 22px; border: 0; border-top: 1px solid #a2a2a2; border-left: 1px solid #a2a2a2; color: #a2a2a2; font-style: italic; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 80px; float: left; margin: 0 5px; }
.chains div.gridA div.opt div.search input.button { background: url(images/search-input-lc.png) no-repeat; width: 20px; height: 20px; border: 0; }
.chains div.gridA div.box { background: #FFF; border-top: 2px solid #bedbee; }
.chains div.gridA div.box ul { border-top: 4px solid #dfe8ee; padding: 0 18px 0 16px; }
.chains div.gridA div.box ul li { padding: 10px 0; position: relative; border-bottom: 1px dotted #666; }
.chains div.gridA div.box ul li a.abandoned { background: url(images/chain_plus.png) no-repeat; width: 16px; height: 16px; position: absolute; left: 390px; top: 16px;}
.chains div.gridA div.box ul li a.abandoned2 { background: url(images/chain_abandoned.png) no-repeat; width: 16px; height: 16px; position: absolute; left: 390px; top: 16px;}
.chains div.gridA div.box ul li a.moreinfo {float:right; background: url(images/normal-view.png) no-repeat; width: 68px; height: 80px; top: 0; margin-left:2px; }
.chains div.gridA div.box ul li a.treeview {float:right; background: url(images/longestchains-treeview.png) no-repeat; width: 68px; height: 80px; top: 0;  margin-left:2px;}
.chains div.gridA div.box ul li h3 a { color: #6fb906; font-size: 18px; line-height: 1em; }
.chains div.gridA div.box ul li p {float:left; font-size: 13px; width: 400px; height: 34px;}
.chains div.gridA div.box ul li p b { padding-bottom: 6px; }
.chains div.gridA div.box ul li p span { display:block; margin-top:4px; height: 24px}
.chains div.gridA div.box ul li p span a.blue { background: #2179b5;}
.chains div.gridA div.box ul li p span a.green { background: #6fb906;}
.chains div.gridA div.box ul li p span a.grey { background: #818181;}
.chains div.gridA div.box ul li p span a.button {color: #ffffff; font-size: 12px; font-family: Tahoma, arial, serif; border: 0; padding: 1px 4px; cursor: pointer; text-align: center; display:inline-block; height: 20px}
.chains div.gridA div.box ul li p strong { color: #2179b5; }
.chains div.gridA div.box ul li span.socials {display: block; padding: 4px; height: 20px; vertical-align: middle; background: #dfe8ee}
.chains div.gridA div.box ul li span.socials label {vertical-align: top;}
.chains div.gridA div.box ul li span.socials label strong {vertical-align: top;}
.chains div.gridA div.box ul li span.socials label input {vertical-align: top;}
.chains div.gridA div.box ul li span.socials a.fb-fanPage {display:inline-block; text-indent: 200px;}


.longestchains div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.longestchains div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 8px; float: left; }
.longestchains div.gridA p.sub { font-size: 12px; border-top: 1px solid #7c878e; padding: 8px 0 16px 0; }
.longestchains div.gridA div.opt { float: right; font-size: 12px; padding-top: 7px; }
.longestchains div.gridA div.opt p { float: left; }
.longestchains div.gridA div.opt p a { color: #2179b5; text-decoration: underline; }
.longestchains div.gridA div.opt div.search { float: left; }
.longestchains div.gridA div.opt div.search input.text { background: #FFF url(images/search-input.png) no-repeat 6px 5px; padding: 2px 6px 3px 22px; border: 0; border-top: 1px solid #a2a2a2; border-left: 1px solid #a2a2a2; color: #a2a2a2; font-style: italic; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 80px; float: left; margin: 0 5px; }
.longestchains div.gridA div.opt div.search input.button { background: url(images/search-input-lc.png) no-repeat; width: 20px; height: 20px; border: 0; }
.longestchains div.gridA div.box { background: #FFF; border-top: 2px solid #bedbee; }
.longestchains div.gridA div.box ul { border-top: 4px solid #dfe8ee; padding: 0 18px 0 16px; }
.longestchains div.gridA div.box ul li { padding: 18px 0; position: relative; border-bottom: 1px dotted #666; }
.longestchains div.gridA div.box ul li a.moreinfo { background: url(images/longestchains-moreinfo.png) no-repeat; width: 68px; height: 80px; position: absolute; right: 0; top: 2px; }
.longestchains div.gridA div.box ul li a.treeview { background: url(images/longestchains-treeview.png) no-repeat; width: 68px; height: 80px; position: absolute; right: 72px; top: 2px; }
.longestchains div.gridA div.box ul li h3 a { color: #6fb906; font-size: 18px; line-height: 1em; }
.longestchains div.gridA div.box ul li h3 { padding-bottom: 6px; }
.longestchains div.gridA div.box ul li p { font-size: 13px; width: 414px; min-height: 34px; }
.longestchains div.gridA div.box ul li p strong { color: #2179b5; }

.gridB { float: right; width: 278px; margin-right: 20px; padding: 36px 0; }
.gridB div.newchain h2 { font-size: 22px; color: #2179b5; line-height: 1em; text-transform: uppercase;  font-family: 'Yanone Kaffeesatz', arial, serif; padding-bottom: 20px; }
.gridB div.newchain h2 a { color: #2179b5; }
.gridB div.newchain div.splash { background: url(images/longestchains-cloud.png) no-repeat; width: 278px; height: 122px; text-align: center; font-size: 40px; line-height: 1em; color: #6fb906; padding-top: 32px; letter-spacing: -0.05em; }
.gridB div.newchain div.splash a {color: #6fb906;}
.gridB div.newchain p { padding: 16px 0; font-size: 13px; }
.gridB div.newchain a.create { background: url(images/longestchains-createyouchain.png) no-repeat; width: 278px; height: 61px; display: block; }
.gridB div.goodacts h2 { font-size: 22px; color: #2179b5; line-height: 1em; text-transform: uppercase;  font-family: 'Yanone Kaffeesatz', arial, serif; padding: 30px 0 8px 0; border-bottom: 1px dotted #6e757a; }
.gridB div.goodacts div.box {font-size: 22px;  border: 1px solid #f1f7fc; background: #ffffff; padding: 10px 12px 6px 12px; margin-top: 8px; }
.gridB div.navigatet h2 { font-size: 22px; color: #2179b5; line-height: 1em; text-transform: uppercase;  font-family: 'Yanone Kaffeesatz', arial, serif; padding: 30px 0 8px 0; border-bottom: 1px dotted #6e757a; }
.gridB div.navigatet div.box { border: 1px solid #f1f7fc; background: #ffffff; padding: 10px 12px 6px 12px; margin-top: 8px; }
.gridB div.navigatet div.box h3 { text-transform: uppercase; padding: 0 0 8px 0; font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 16px; }
.gridB div.navigatet div.box h3.c1 { color: #6fb906; }
.gridB div.navigatet div.box h3.c2 { color: #2179b5; }
.gridB div.navigatet div.box ul { padding: 0 0 8px 0; }
.gridB div.navigatet div.box ul li { font-size: 12px; color: #535353; }
.gridB div.navigatet div.box ul li a { color: #535353; }
.gridB div.navigatet div.box ul li a:hover { text-decoration: underline; }
.gridB span.shadow { background: url(images/sidebar-shadow.png) center center; height: 36px; display: block;}
.gridB div.newmembers h2 { font-size: 22px; color: #2179b5; line-height: 1em; text-transform: uppercase;  font-family: 'Yanone Kaffeesatz', arial, serif; padding-bottom: 20px; }
.gridB div.newmembers h2 a {color: #2179b5 }
.gridB div.newmembers div.splash { background: url(images/longestchains-cloud.png) no-repeat; width: 278px; height: 122px; text-align: center; font-size: 40px; line-height: 1em; color: #6fb906; padding-top: 32px; letter-spacing: -0.05em; }
.gridB div.newmembers div.splash a { color: #6fb906; }
.gridB div.newmembers p { padding: 16px 0 0 0; font-size: 13px; }
.gridB div.newmembers a.create { background: url(images/newmembers-create.png) no-repeat; width: 278px; height: 58px; display: block; }

.askforhelp div.gridA { font-family: Verdana, Tahoma, sans-serif; float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.askforhelp div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 8px; float: left; }
.askforhelp div.gridA p.sub { font-size: 12px; border-top: 1px solid #7c878e; padding: 8px 0 16px 0; }
.askforhelp div.gridA div.box { background: #FFF; border-top: 2px solid #bedbee; }
.askforhelp div.gridA div.box dl { border-top: 4px solid #dfe8ee; padding: 8px 0; }
.askforhelp div.gridA div.box dl dt { font-size: 20px; color: #2179b5; margin: 8px 16px 16px 16px; border-bottom: 1px dotted #7c878e; padding-bottom: 8px; font-family: 'Yanone Kaffeesatz', arial, serif; }
.askforhelp div.gridA div.box dl dd { padding-bottom: 12px; }
.askforhelp div.gridA div.box dl dd label { float: left; width: 134px; font-size: 13px; display: block; padding-left: 16px; padding-top: 8px; }
.askforhelp div.gridA div.box dl dd input.text { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 394px; }
.askforhelp div.gridA div.box dl dd select.select { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 420px; }
.askforhelp div.gridA div.box dl dd textarea.textarea { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 394px; }
.askforhelp div.gridA div.box dl dd input.button { background: #6fb906; color: #ffffff; font-size: 33px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; margin-left: 150px; float: left; cursor: pointer; }
.askforhelp div.gridA div.box dl dd label.error { float: left; font-size: 12px; display: inline; padding-left: 154px; padding-top: 0px; color:#ff0000; width:300px }
.askforhelp div.gridA div.box dl dd p {padding-top: 10px;}
.askforhelp div.gridA div.box dl dd p a {color: #2179b5; }
.askforhelp div.gridA div.box dl dd small { float: left; padding: 12px 0 0 150px; font-size: 12px; font-family: Verdana,Tahoma,sans-serif; width: 394px}
.askforhelp div.gridA div.box dl dd input.text2 { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 354px; }
.askforhelp div.gridA div.box dl dd span.add { display:block; float:left; background: transparent url(images/add.png) no-repeat; width: 16px; height: 16px; margin:8px 0 0 10px; cursor: pointer; }
.askforhelp div.gridA div.box dl dd span.add-disable { display:block; float:left; background: transparent url(images/add-disable.png) no-repeat; width: 16px; height: 16px; margin:8px 0 0 10px; }
.askforhelp div.gridA div.box dl dd span.search { display:block; float:left; background: transparent url(images/search.png) no-repeat; width: 16px; height: 16px; margin:8px 0 0 10px; cursor: pointer; }
.askforhelp div.gridA div.box dl dd span.search-disable { display:block; float:left; background: transparent url(images/search-disable.png) no-repeat; width: 16px; height: 16px; margin:8px 0 0 10px; }
.askforhelp div.gridA div.box dl dd span.search-loading { display:block; float:left; background: transparent url(images/preloader.gif) no-repeat; width: 16px; height: 16px; margin:8px 0 0 10px; }
.askforhelp div.gridA div.box dl dd span.del { display:block; float:left; background: transparent url(images/del.png) no-repeat; width: 16px; height: 16px; margin:8px 0 0 10px; cursor: pointer; }

.login div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.login div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 16px; border-bottom: 1px dotted #7c878e; margin-bottom: 16px; }
.login div.gridA div.box { background: #FFF; border-top: 2px solid #bedbee; }
.login div.gridA div.box span { border-top: 4px solid #dfe8ee; display: block; }
.login div.gridA div.box p { padding: 30px 20px 40px 30px;  font-size: 14px; color: #2179b5; padding-bottom: 8px; display: block; line-height:24px}
.login div.gridA div.box ul { padding: 36px 0 16px 120px; }
.login div.gridA div.box ul li { padding-bottom: 22px; }
.login div.gridA div.box ul li label { font-size: 18px; color: #2179b5; padding-bottom: 8px; display: block; }
.login div.gridA div.box ul li label.error { font-size: 12px; color: #ff0000; padding-bottom: 8px; display: block; }
.login div.gridA div.box ul li input.text { border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 310px; }
.login div.gridA div.box ul li input.button { background: url(images/login-button.png); width: 53px; height: 37px; border: 0; margin-left: 282px; }
.login div.gridA div.box ul li input.sendbutton { background: url(images/send-button.png); width: 53px; height: 37px; border: 0; margin-left: 282px; }
.login div.gridA div.box ul li span.errorHighlight { font-size: 13px; color: #2179b5; padding-bottom: 8px; display: block; background-color: #ededfc; width:310px; padding: 8px 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.loginguest div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.loginguest div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 16px; border-bottom: 1px dotted #7c878e; margin-bottom: 16px; }
.loginguest div.gridA div.box { background: #FFF; border-top: 2px solid #bedbee; padding-bottom: 32px; }
.loginguest div.gridA div.box span { border-top: 4px solid #dfe8ee; display: block; }
.loginguest div.gridA div.box div.area { border: 1px solid #797979; border-left: 0; padding: 24px 16px 0 0; width: 350px; margin: 36px auto 0 auto; position: relative; }
.loginguest div.gridA div.box div.area h3 { position: absolute; top: -12px; left: 20px; background: #FFF; font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 22px; color: #6fb906; text-transform: uppercase; padding: 0 6px; }
.loginguest div.gridA div.box div.area p { padding: 0 0 22px 22px; font-size: 13px; }
.loginguest div.gridA div.box ul { padding: 0; }
.loginguest div.gridA div.box ul li { padding-bottom: 22px; }
.loginguest div.gridA div.box ul li label { font-size: 18px; color: #2179b5; padding-bottom: 8px; display: block; }
.loginguest div.gridA div.box ul li input.text { border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 310px; }
.loginguest div.gridA div.box ul li input.button { background: url(images/login-button.png); width: 53px; height: 37px; border: 0; margin-left: 282px; }

.register div.gridA { float: left; width: 942px; margin-left: 20px; padding: 36px 0; }
.register div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 16px; border-bottom: 1px dotted #7c878e; margin-bottom: 16px; }
.register div.gridA div.box { background: #FFF; border-top: 2px solid #bedbee; }
.register div.gridA div.box dl { border-top: 4px solid #dfe8ee; padding: 16px 0; }
.register div.gridA div.box dl dt { font-size: 20px; color: #2179b5; margin: 32px 22px 16px 22px; border-bottom: 1px dotted #7c878e; padding-bottom: 8px; font-family: 'Yanone Kaffeesatz', arial, serif; }
.register div.gridA div.box dl dd { padding-bottom: 12px; }
.register div.gridA div.box dl dd span { float: left; height: 36px; display: block; float: left; margin-left: 0; }
.register div.gridA div.box dl dd span.ok { width: 134px; background: url(images/register-ok.png) no-repeat; margin-left: 8px;}
.register div.gridA div.box dl dd span.error { width: 108px; background: url(images/register-error.png) no-repeat; margin-left: 8px;}
.register div.gridA div.box dl dd label { float: left; width: 134px; font-size: 13px; display: block; padding-left: 22px; padding-top: 8px; }
.register div.gridA div.box dl dd label.error { float: left; font-size: 12px; display: inline; padding-left: 22px; padding-top: 8px; color:#ff0000 }
.register div.gridA div.box dl dd input.text { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 394px; }
.register div.gridA div.box dl dd input.text2 { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 354px; }
.register div.gridA div.box dl dd select.select { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 420px; }
.register div.gridA div.box dl dd textarea.textarea { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 394px; }
.register div.gridA div.box dl dd div.map { padding-left: 156px; }
.register div.gridA div.box dl dd input.button { background: #6fb906; color: #ffffff; font-size: 33px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; margin-left: 156px; float: left; cursor: pointer; }
.register div.gridA div.box dl dd p { float: left; padding: 12px 0 0 16px; font-size: 15px; }
.register div.gridA div.box dl dd p a { color: #2179b5; }
.register div.gridA div.box dl dd span.search { display:block; float:left; background: transparent url(images/search.png) no-repeat; width: 16px; height: 16px; margin:8px 12px 0 10px; cursor: pointer; }
.register div.gridA div.box dl dd span.search-disable { display:block; float:left; background: transparent url(images/search-disable.png) no-repeat; width: 16px; height: 16px; margin:8px 12px 0 10px; }
.register div.gridA div.box dl dd span.search-loading { display:block; float:left; background: transparent url(images/preloader.gif) no-repeat; width: 16px; height: 16px; margin:8px 12px 0 10px; cursor: pointer; }


.treeview div.gridA { float: left; width: 942px; margin-left: 20px; padding: 36px 0; }
.treeview div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 0; margin-bottom: 16px; float: left; }
.treeview div.gridA a.more { float: right; background: url(images/treeview-moreinfo.png) no-repeat; width: 112px; height: 23px; display: block; }
.treeview div.gridA p.sub { border-top: 1px dotted #7c878e; padding: 8px 0 22px 0; }
.treeview div.gridA p.sub a { color: #2179b5; }
.treeview div.gridA div.box { background: #FFF; border-top: 2px solid #bedbee; overflow-y:none; overflow-x: scroll; }

.normalview div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.normalview div.gridA div#slider_wrapper{ width: 584px}
.normalview div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 0; margin-bottom: 16px; float: left; }
.normalview div.gridA a.treeview { float: right; background: url(images/normalview-treeview.png) no-repeat; width: 111px; height: 22px; display: block; margin-top: 6px; }
.normalview div.gridA p.sub { border-top: 1px dotted #7c878e; padding: 8px 0 22px 0; }
.normalview div.gridA p.sub a { color: #2179b5; text-decoration: underline; }
.normalview div.gridA div.box { background: #FFF; border-top: 2px solid #bedbee; font-family:tahoma, verdana, sans-serif }
.normalview div.gridA div.box ul { border-top: 4px solid #dfe8ee; }
.normalview div.gridA div.box ul li { padding: 14px 16px; border-bottom: 1px dotted #666; position: relative;  width:554px }
.normalview div.gridA div.box ul li div.area { height: 68px; position: relative; width: 460px; margin: 0 auto; }
.normalview div.gridA div.box ul li div.area p.title { color: #2179b5; font-size: 12px; padding-bottom: 4px; padding-top: 4px; float:left; width: 240px; }
.normalview div.gridA div.box ul li div.area p.title a { color: #2179b5; font-size: 14px; font-weight: bold; }
.normalview div.gridA div.box ul li div.area p.title a.profile { color: #990066; }
.normalview div.gridA div.box ul li div.area p.desc { font-size: 13px; }
.normalview div.gridA div.box ul li div.area p.rating { display: inline-block; *display: inline; zoom: 1; font-size: 13px; padding-right: 8px;}
.normalview div.gridA div.box ul li div.area p.rating span input { display: inline-block; *display: inline; zoom: 1; width: 16px; height: 16px; }
.normalview div.gridA div.box ul li div.area p.rating span input.star1 { background: url(images/normalview-star0.png) no-repeat; }
.normalview div.gridA div.box ul li div.area p.rating span input.star0 { background: url(images/normalview-star1.png) no-repeat; }
.normalview div.gridA div.box ul li div.area p.comments { display: inline-block; *display: inline; zoom: 1; font-size: 13px; font-family:tahoma, verdana, sans-serif }
.normalview div.gridA div.box ul li div.area a.abandoned { background: url(images/chain_plus.png) no-repeat; width: 140px; height: 16px; position: absolute; left: 300px; top: 24px; padding-left: 20px; font-size: 11px;}
.normalview div.gridA div.box ul li div.area a.abandoned2 { background: url(images/chain_abandoned.png) no-repeat; width: 140px; height: 16px; position: absolute; left: 300px; top: 24px; padding-left: 20px; font-size: 11px;}

.normalview div.gridA div.box ul li div.area p.comments a { color: #2179b5; text-decoration: underline; }
.normalview div.gridA div.box ul li span.next { background: url("images/arrow-next.png"); height: 68px; width:24px; display: block; cursor: pointer; cursor: pointer;  position: absolute; right: 16px; top: 14px;}
.normalview div.gridA div.box ul li span.next:hover { background: url("images/arrow-next-hover.png"); }
.normalview div.gridA div.box ul li span.prev { background: url("images/arrow-prev.png"); height: 68px; width:24px; display: block; cursor: pointer; cursor: pointer;  position: absolute; left: 16px; top: 14px; }
.normalview div.gridA div.box ul li span.prev:hover { background: url("images/arrow-prev-hover.png"); }
.normalview div.gridA div.box ul li span.prev_none {background: url("images/arrow-prev-none.png");  height: 68px; width:24px; position: absolute; left: 16px; top: 14px;}
.normalview div.gridA div.box ul li span.next_none {background: url("images/arrow-next-none.png"); height: 68px; width:24px; position: absolute; right: 16px; top: 14px;}
.normalview div.gridA div#placeholder {clear:both}
.normalview div.gridA div#placeholder a.lref { font-family: Arial, serif; font-size: 14px; text-decoration:underline; cursor:pointer}
.normalview div.gridA div#placeholder a.highlight { font-family: Arial, serif; font-size: 14px; text-decoration:none; font-weight:bold}


.helpmessage div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.helpmessage div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 0; margin-bottom: 16px; }
.helpmessage div.gridA p.sub { border-top: 1px dotted #7c878e; padding: 8px 0 22px 0; }
.helpmessage div.gridA p.sub a { color: #2179b5; text-decoration: underline; }
.helpmessage div.gridA div.box { background: #FFF; border-top: 2px solid #bedbee; }
.helpmessage div.gridA div.box ul { border-top: 4px solid #dfe8ee; }
.helpmessage div.gridA div.box ul li { padding: 14px 16px; border-bottom: 1px dotted #666; position: relative;  }
.helpmessage div.gridA div.box ul li textarea.textarea { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; height:100px; width: 528px; margin-bottom:10px}
.helpmessage div.gridA div.box ul li p.image { float: left; }
.helpmessage div.gridA div.box ul li p.image img { border: 1px solid #9a9a9a; }
.helpmessage div.gridA div.box ul li div.col { float: right; width: 450px; }
.helpmessage div.gridA div.box ul li div.col span { float:right; margin-left:10px }
.helpmessage div.gridA div.box ul li div.col h3 { font-size: 18px; color: #6fb906; float: left; }
.helpmessage div.gridA div.box ul li div.col a.send { background: url(images/helpmessage-sendemail.png) no-repeat; width: 113px; height: 22px; float: right; }
.helpmessage div.gridA div.box ul li div.col a.send_nop { background: transparent; width: 113px; height: 22px; float: right; }
.helpmessage div.gridA div.box ul li div.col div.entry span { position: absolute; left: 20px; top: -19px; background: url(images/helpmessage-aba.png) no-repeat; width: 13px; height: 19px; }
.helpmessage div.gridA div.box ul li div.col div.entry { background: #fff0b0; padding: 12px 18px; position: relative; margin-top: 28px; }

.profile div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.profile div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 0; margin-bottom: 16px; float: left; }
.profile div.gridA a.edit { float: right; background: url(images/profile-edit.png) no-repeat; width: 113px; height: 22px; display: block; margin-top: 6px; }
.profile div.gridA a.mailbox { float: right; background: url(images/mailbox.png) no-repeat; width: 113px; height: 22px; display: block; margin-top: 6px; }
.profile div.gridA a.friends { float: right; background: url(images/profile-friends.png) no-repeat; width: 119px; height: 22px; display: block; margin-top: 6px; }
.profile div.gridA a.add { float: right; background: url(images/profile-add.png) no-repeat; width: 119px; height: 22px; display: block; margin-top: 6px; }
.profile div.gridA div.box { background: #FFF; border-top: 4px solid #dfe8ee;  padding: 16px 18px; overflow: hidden; width: 548px; }
.profile div.gridA div.box span.top { border-top: 2px solid #bedbee; display: block; }
.profile div.gridA div.box div.box-about { padding-bottom: 18px; border-bottom: 1px dotted #888888; }
.profile div.gridA div.box div.box-about p.image { float: left; }
.profile div.gridA div.box div.box-about p.image img { border: 1px solid #9a9a9a; }
.profile div.gridA div.box div.box-about div.entry { float: right; width: 380px; }
.profile div.gridA div.box div.box-about div.entry h3 { color: #6fb906; font-size: 18px; padding-bottom: 12px; }
.profile div.gridA div.box div.box-about div.entry strong { color: #2179b5; }
.profile div.gridA div.box div.box-about div.entry a { color: #1310b3; text-decoration: none }
.profile div.gridA div.box div.box-about div.entry a:hover {text-decoration: underline }
.profile div.gridA div.box div.box-pictures { padding: 18px 0; border-bottom: 1px dotted #888888; }
.profile div.gridA div.box div.box-pictures h3 { font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 18px; text-transform: uppercase; padding-bottom: 8px; }
.profile div.gridA div.box div.box-pictures ul { width: 600px; }
.profile div.gridA div.box div.box-pictures ul li { float: left; padding-right: 1.49em; }
.profile div.gridA div.box div.box-pictures a img { border: 2px solid #949494; }
.profile div.gridA div.box div.box-pictures a:hover img { border: 2px solid #599bc8; }
.profile div.gridA div.box div.box-pictures p { font-style: italic; color: #cbcbcb; }
.profile div.gridA div.box div.box-videos { padding: 18px 0; border-bottom: 1px dotted #888888; }
.profile div.gridA div.box div.box-videos h3 { font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 18px; text-transform: uppercase; padding-bottom: 8px; }
.profile div.gridA div.box div.box-videos ul { width: 600px; }
.profile div.gridA div.box div.box-videos ul li { float: left; padding-right: 1.49em; }
.profile div.gridA div.box div.box-videos a img { border: 2px solid #949494; }
.profile div.gridA div.box div.box-videos a:hover img { border: 2px solid #599bc8; }
.profile div.gridA div.box div.box-videos p { font-style: italic; color: #cbcbcb; }
.profile div.gridA div.box div.box-ask { padding: 18px 0; border-bottom: 1px dotted #888888; }
.profile div.gridA div.box div.box-ask h3 { font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 18px; text-transform: uppercase; padding-bottom: 8px; }
.profile div.gridA div.box div.box-ask p { font-size: 13px; }
.profile div.gridA div.box div.box-links { padding: 18px 0 0 0; border-bottom: 1px dotted #888888; }
.profile div.gridA div.box div.box-links h3 { font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 18px; text-transform: uppercase; }
.profile div.gridA div.box div.box-links ul li { position: relative; padding: 18px 0;  border-bottom: 1px solid #dbdada;}
.profile div.gridA div.box div.box-links ul li a.abandoned { background: url(images/chain_plus.png) no-repeat; width: 16px; height: 16px; position: absolute; left: 390px; top: 16px;}
.profile div.gridA div.box div.box-links ul li a.abandoned2 { background: url(images/chain_abandoned.png) no-repeat; width: 16px; height: 16px; position: absolute; left: 390px; top: 16px;}
.profile div.gridA div.box div.box-links ul li a.moreinfo { background: url(images/longestchains-moreinfo.png) no-repeat; width: 68px; height: 80px; position: absolute; right: 0; top: 0; }
.profile div.gridA div.box div.box-links ul li a.treeview { background: url(images/longestchains-treeview.png) no-repeat; width: 68px; height: 80px; position: absolute; right: 72px; top: 0; }
.profile div.gridA div.box div.box-links ul li h3 a { color: #6fb906; font-size: 18px; line-height: 1em; }
.profile div.gridA div.box div.box-links ul li h3 { padding-bottom: 6px; }
.profile div.gridA div.box div.box-links ul li p { font-size: 13px; width: 414px; min-height: 34px; }
.profile div.gridA div.box div.box-links ul li p strong { color: #2179b5; }
.profile div.gridA div.box div.box-links ul li a.blue { background: #2179b5;}
.profile div.gridA div.box div.box-links ul li a.green { background: #6fb906;}
.profile div.gridA div.box div.box-links ul li a.button {color: #ffffff; font-size: 16px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 1px 8px; cursor: pointer; text-align: center;  width: 68px; position: absolute; right: 144px; top: 58px; height:20px}
.profile div.gridA div.box div.box-members { padding: 18px 0; border-bottom: 1px dotted #888888; }
.profile div.gridA div.box div.box-members h3 { font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 18px; text-transform: uppercase; padding-bottom: 8px; }
.profile div.gridA div.box div.box-members ul { width: 600px; }
.profile div.gridA div.box div.box-members ul li { float: left; padding-right: 1.49em; width: 74px; }
.profile div.gridA div.box div.box-members ul li span { display: block; text-align: center; font-size: 12px; color: #2179b5; }
.profile div.gridA div.box div.box-members a img { border: 2px solid #949494; }
.profile div.gridA div.box div.box-members a:hover img { border: 2px solid #599bc8; }
.profile div.gridA div.box div.box-members p { font-style: italic; color: #cbcbcb; }
.profile div.gridA div.box div.box-members div.more {display:block; width:530px; text-align: right;}
.profile div.gridA div.box div.box-members div.more input.button { background: #2179b5; color: #ffffff; font-size: 16px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 1px 8px; cursor: pointer; text-align: center; margin-top:6px}
.profile div.gridA div.box div.box-friends { padding-top: 18px; }
.profile div.gridA div.box div.box-friends h3 { font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 18px; text-transform: uppercase; padding-bottom: 8px; }
.profile div.gridA div.box div.box-friends ul { width: 600px; }
.profile div.gridA div.box div.box-friends ul li { float: left; padding-right: 1.49em; width: 74px;}
.profile div.gridA div.box div.box-friends ul li span { display: block; text-align: center; font-size: 12px; color: #2179b5; }
.profile div.gridA div.box div.box-friends a img { border: 2px solid #949494; }
.profile div.gridA div.box div.box-friends a:hover img { border: 2px solid #599bc8; }
.profile div.gridA div.box div.box-friends p { font-style: italic; color: #cbcbcb; }

.profile_edit div.gridA { float: left; width: 942px; margin-left: 20px; padding: 36px 0; }
.profile_edit div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 16px; border-bottom: 1px dotted #7c878e; margin-bottom: 16px; }
.profile_edit div.gridA h2 a.edit { float: right; background: url(images/profile-view.png) no-repeat; width: 113px; height: 22px; display: block; margin-top: 6px; }
.profile_edit div.gridA h2 a.friends { float: right; background: url(images/profile-friends.png) no-repeat; width: 119px; height: 22px; display: block; margin-top: 6px; }
.profile_edit div.gridA div.box { background: #FFF; border-top: 2px solid #bedbee; }
.profile_edit div.gridA div.box dl { border-top: 4px solid #dfe8ee; padding: 16px 0; }
.profile_edit div.gridA div.box dl dt { font-size: 20px; color: #2179b5; margin: 32px 22px 16px 22px; border-bottom: 1px dotted #7c878e; padding-bottom: 8px; font-family: 'Yanone Kaffeesatz', arial, serif; }
.profile_edit div.gridA div.box dl dd { padding-bottom: 12px; }
.profile_edit div.gridA div.box dl dd span { float: left; height: 36px; display: block; float: left; margin-left: 8px; }
.profile_edit div.gridA div.box dl dd span.ok { width: 134px; background: url(images/register-ok.png) no-repeat; }
.profile_edit div.gridA div.box dl dd span.error { width: 108px; background: url(images/register-error.png) no-repeat; }
.profile_edit div.gridA div.box dl dd label { float: left; width: 134px; font-size: 13px; display: block; padding-left: 22px; padding-top: 8px; }
.profile_edit div.gridA div.box dl dd label.error { float: left; font-size: 12px; display: inline; padding-left: 22px; padding-top: 8px; color:#ff0000 }
.profile_edit div.gridA div.box dl dd input.text { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 394px; }
.profile_edit div.gridA div.box dl dd input.text2 { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 354px; }
.profile_edit div.gridA div.box dl dd input.textd { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 394px; color: #2179b5;}
.profile_edit div.gridA div.box dl dd select.select { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 420px; }
.profile_edit div.gridA div.box dl dd textarea.textarea { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 394px; }
.profile_edit div.gridA div.box dl dd div.map { padding-left: 156px; }
.profile_edit div.gridA div.box dl dd input.button { background: #6fb906; color: #ffffff; font-size: 33px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; margin-left: 156px; float: left; cursor: pointer; }
.profile_edit div.gridA div.box dl dd p.image { float: left; }
.profile_edit div.gridA div.box dl dd p.image img { border: 1px solid #9a9a9a; }
.profile_edit div.gridA div.box dl dd p { float: left; padding: 12px 0 0 16px; font-size: 15px; }
.profile_edit div.gridA div.box dl dd p a { color: #2179b5; }
.profile_edit div.gridA div.box dl dd p span a { cursor: pointer}
.profile_edit div.gridA div.box dl dd span.search { display:block; float:left; background: transparent url(images/search.png) no-repeat; width: 16px; height: 16px; margin:8px 12px 0 10px; cursor: pointer; }
.profile_edit div.gridA div.box dl dd span.search-disable { display:block; float:left; background: transparent url(images/search-disable.png) no-repeat; width: 16px; height: 16px; margin:8px 12px 0 10px; }
.profile_edit div.gridA div.box dl dd span.search-loading { display:block; float:left; background: transparent url(images/preloader.gif) no-repeat; width: 16px; height: 16px; margin:8px 12px 0 10px; cursor: pointer; }


.adddonation div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.adddonation div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 0; margin-bottom: 16px; }
.adddonation div.gridA div.box { background: #FFF; border-top: 4px solid #dfe8ee;  padding: 16px 18px; overflow: hidden; width: 548px; }
.adddonation div.gridA div.box span.top { border-top: 2px solid #bedbee; display: block; }
.adddonation div.gridA p.sub { border-top: 1px dotted #7c878e; padding: 8px 0 22px 0; }
.adddonation div.gridA p.sub a { color: #2179b5; text-decoration: underline; }
.adddonation div.gridA div.note h3 { color: #2179b5; font-size: 18px; padding-bottom: 12px; }
.adddonation div.gridA div.note p {}
.adddonation div.gridA div.note p a { color: #2179b5; }
.adddonation div.gridA div.select h3 { color: #2179b5; font-size: 18px; border-bottom: 1px dotted #666; padding-top: 22px; padding-bottom: 6px; margin-bottom: 6px; }
.adddonation div.gridA div.select select { width: 271px; }
.adddonation div.gridA div.item { padding: 22px 0; }
.adddonation div.gridA div.select label.error { width: 202px; float: left; color:#FF0000; margin-left: 280px}

.adddonation div.gridA div.item ul { padding-bottom: 12px; }
.adddonation div.gridA div.item ul li { padding-top: 6px; padding-bottom: 6px; border-bottom: 1px dotted #a1a1a1; }
.adddonation div.gridA div.item ul li label { width: 202px; float: left; }
.adddonation div.gridA div.item ul li input.iName { float: left; margin-left:10px; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 2px 4px; font-size: 14px; font-family: Tahoma, Geneva, sans-serif; width: 400px; }
.adddonation div.gridA div.item ul li input.iValue { float: left; margin-left:10px; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 2px 4px; font-size: 14px; font-family: Tahoma, Geneva, sans-serif; width: 40px; }
.adddonation div.gridA div.item ul li select { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 346px; }
.adddonation div.gridA div.item ul li p { text-align: right; padding-top: 2px; padding-right:16px; font-size: 16px; color: #6fb906; }
.adddonation div.gridA div.item ul li p input.edit { border: 0; background: transparent url(images/adddonation-edit.png); width: 14px; height: 14px; padding:0; margin-left:10px;}
.adddonation div.gridA div.item ul li p input.del { border: 0; background: transparent url(images/adddonation-del.png); width: 14px; height: 14px; padding:0; margin-left:2px;}
.adddonation div.gridA div.item p.add { text-align: right; padding-top: 6px; font-size: 16px; color: #6fb906; }
.adddonation div.gridA div.item p.add a { color: #4e4e4e; font-size: 12px; }

.adddonation div.gridA div.desc h3 { color: #2179b5; font-size: 18px; border-bottom: 1px dotted #666; padding-bottom: 6px; margin-bottom: 6px; }
.adddonation div.gridA div.desc ul { padding-bottom: 12px; }
.adddonation div.gridA div.desc ul li { padding-top: 12px; }
.adddonation div.gridA div.desc ul li label { width: 202px; float: left; }
.adddonation div.gridA div.desc ul li label.error { width: 202px; float: left; color:#ff0000; margin-left: 210px }
.adddonation div.gridA div.desc ul li input { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 320px; }
.adddonation div.gridA div.desc ul li select { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 346px; }
.adddonation div.gridA div.desc ul li textarea { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 320px; }
.adddonation div.gridA div.desc ul li p input { width: auto; float: none; }
.adddonation div.gridA div.desc input.button { background: #6fb906; color: #ffffff; font-size: 33px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; margin-left: 201px; float: left; cursor: pointer; }

.adddonation div.gridA div.comment h3 { color: #2179b5; font-size: 18px; border-bottom: 1px dotted #666; padding-bottom: 6px; margin-bottom: 6px; }
.adddonation div.gridA div.comment ul { padding-bottom: 12px; }
.adddonation div.gridA div.comment ul li { padding-top: 12px; padding-bottom:12px }
.adddonation div.gridA div.comment ul li label { width: 120px; float: left; }
.adddonation div.gridA div.comment ul li p { width: 380px; float: left; display:inline-block; }
.adddonation div.gridA div.comment ul li input.del { border: 0; background: transparent url(images/adddonation-del.png); width: 14px; height: 14px; padding:0; margin-left:10px; cursor:pointer; }

.viewdonation div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.viewdonation div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 0; margin-bottom: 16px; }
.viewdonation div.gridA div.box { background: #FFF; border-top: 4px solid #dfe8ee;  padding: 16px 18px; overflow: hidden; width: 548px; }
.viewdonation div.gridA div.box span.top { border-top: 2px solid #bedbee; display: block; }
.viewdonation div.gridA p.sub { border-top: 1px dotted #7c878e; padding: 8px 0 22px 0; }
.viewdonation div.gridA p.sub a { color: #2179b5; text-decoration: underline; }
.viewdonation div.gridA div.note h3 { color: #2179b5; font-size: 18px; padding-bottom: 12px; }
.viewdonation div.gridA div.note p a { color: #2179b5; }
.viewdonation div.gridA div.item h3 { color: #2179b5; font-size: 18px; padding-bottom: 12px; border-bottom: 1px dotted #666; padding-bottom: 6px; margin-bottom: 6px; }
.viewdonation div.gridA div.item thead td { font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 16px; text-transform: uppercase; color: #6fb906; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; padding: 4px 8px; }
.viewdonation div.gridA div.item tbody td { border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; padding: 6px 8px; font-size: 12px; }
.viewdonation div.gridA div.item tbody tr:hover { background-color: #f0f8e6; }
.viewdonation div.gridA div.item tbody a { color: #4e4e4e; }
.viewdonation div.gridA div.item tbody p { text-align: center; }
.viewdonation div.gridA div.item tbody p input { display: inline-block; border: 0; cursor: pointer; }
.viewdonation div.gridA div.descriptions h3 { color: #2179b5; font-size: 18px; padding-bottom: 12px; border-bottom: 1px dotted #666; padding-bottom: 6px; margin-bottom: 6px; padding-top: 16px; }
.viewdonation div.gridA div.descriptions label { width: 178px; float: left; font-family: 'Yanone Kaffeesatz', arial, serif; display: block; color: #6fb906; text-transform: uppercase; font-size: 16px; }
.viewdonation div.gridA div.descriptions p { float: left; }
.viewdonation div.gridA div.descriptions ul li { border-bottom: 1px solid #eaeaea; padding: 6px 0; }
.viewdonation div.gridA div.owner h3 { color: #2179b5; font-size: 18px; padding-bottom: 12px; border-bottom: 1px dotted #666; padding-bottom: 6px; margin-bottom: 6px; padding-top: 16px; }
.viewdonation div.gridA div.pictures h3 { color: #2179b5; font-size: 18px; padding-bottom: 12px; border-bottom: 1px dotted #666; padding-bottom: 6px; margin-bottom: 6px; padding-top: 16px; }
.viewdonation div.gridA div.pictures ul { padding-bottom: 8px; padding-top: 4px; }
.viewdonation div.gridA div.pictures ul li { float: left; margin:10px; }
.viewdonation div.gridA div.send-email p { padding: 18px 0; background: #fff7d7; text-align: center; }
.viewdonation div.gridA div.send-email p a { background: url(images/viewdonation-sendemail.png) no-repeat; width: 237px; height: 31px; display: inline-block; *display: inline; zoom: 1; cursor:pointer }
.viewdonation div.gridA div.send-email h3 { color: #2179b5; font-size: 18px; padding-bottom: 12px; border-bottom: 1px dotted #666; padding-bottom: 6px; margin-bottom: 6px; padding-top: 16px; }
.viewdonation div.gridA div.send-email ul { padding-bottom: 12px; }
.viewdonation div.gridA div.send-email ul li { padding-top: 12px; }
.viewdonation div.gridA div.send-email ul li label { width: 172px; float: left; }
.viewdonation div.gridA div.send-email ul li label.error { float: left; font-size: 12px; display: inline; padding-left: 174px; padding-top: 0px; color:#ff0000 }
.viewdonation div.gridA div.send-email ul li input { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 350px; }
.viewdonation div.gridA div.send-email ul li textarea { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 350px; }
.viewdonation div.gridA div.send-email input.button { background: #6fb906; color: #ffffff; font-size: 26px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; margin-left: 172px; float: left; cursor: pointer; }
.viewdonation div.gridA div.send-email span { padding: 4px 0 0 12px; float: left; font-size: 12px; cursor:pointer }
.viewdonation div.gridA div.send-email span a { color: #2179b5 }
.viewdonation div.gridA div.comment h3 { color: #2179b5; font-size: 18px; padding-bottom: 12px; border-bottom: 1px dotted #666; padding-bottom: 6px; margin-bottom: 6px; padding-top: 16px; }
.viewdonation div.gridA div.comment ul { padding-bottom: 12px; }
.viewdonation div.gridA div.comment ul li { padding-top: 12px; }
.viewdonation div.gridA div.comment ul li label { width: 172px; float: left; }
.viewdonation div.gridA div.comment ul li label.error { float: left; font-size: 12px; display: inline; padding-left: 174px; padding-top: 0px; color:#ff0000 }
.viewdonation div.gridA div.comment ul li input { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 350px; }
.viewdonation div.gridA div.comment ul li textarea { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 350px; }
.viewdonation div.gridA div.comment input.button { background: #6fb906; color: #ffffff; font-size: 26px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; margin-left: 172px; float: left; cursor: pointer; }
.viewdonation div.gridA div.comment span { padding: 4px 0 0 12px; float: left; font-size: 12px; cursor:pointer }
.viewdonation div.gridA div.comment span a { color: #2179b5 }

.viewdonation div.gridA div.list { background: #FFF;}
.viewdonation div.gridA div.list ul { padding-top: 16px; }
.viewdonation div.gridA div.list ul li { padding: 14px 0; position: relative;  }
.viewdonation div.gridA div.list ul li p.image { float: left; }
.viewdonation div.gridA div.list ul li p.image img { border: 1px solid #9a9a9a; }
.viewdonation div.gridA div.list ul li div.col { float: right; width: 470px; }
.viewdonation div.gridA div.list ul li div.col h3 { font-size: 18px; color: #6fb906; float: left; }
.viewdonation div.gridA div.list ul li div.col span { float: right; }
.viewdonation div.gridA div.list ul li div.col div.entry span { position: absolute; left: 20px; top: -19px; background: url(images/helpmessage-aba.png) no-repeat; width: 13px; height: 19px; }
.viewdonation div.gridA div.list ul li div.col div.entry { background: #fff0b0; padding: 12px 18px; position: relative; margin-top: 28px; }

.overlay { background: #FFF; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1500; opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
.overlay100 { background: #FFF; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2001; opacity: 0.1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=0); }
.popup { background: #FFF; position: fixed; top: 50%; left: 50%; width: 500px; height: 314px; z-index: 2000; margin: -160px 0 0 -260px; background: #2179b5; padding: 12px;   -moz-box-shadow: 0 0 20px #fff; -webkit-box-shadow: 0 0 20px #fff; box-shadow: 0 0 20px #fff; }
.popup h3 { font-family: 'Yanone Kaffeesatz',arial,serif; color: #FFF; font-size: 21px; float: left; text-transform: uppercase; }
.popup p { font-family: 'Yanone Kaffeesatz',arial,serif; color: #2179b5; font-size: 21px; text-transform: uppercase; padding:10px}
.popup a.close { font-size: 14px; background: url(images/viewcomments-close.png) no-repeat right top; height: 13px; color: #64a1cb; float: right; display: inline-block; line-height: 1em; padding-right: 18px; }
.popup a.closehi { font-size: 14px; background: url(images/viewcomments-closehi.png) no-repeat right top; height: 13px; color: #fffff0; float: right; display: inline-block; line-height: 1em; padding-right: 18px; }
.popup div span.message {display:block; font-family: 'Yanone Kaffeesatz',arial,serif; color: #2179b5; font-size: 30px; text-transform: uppercase; overflow: auto; text-align:center; margin-top:100px; height:40px; line-height:40px}
.popup div.box { background: #FFF; margin-top: 8px; height: 238px; overflow: auto; }
.popup div.ajax_loader {background: #FFF url('images/ajax-loader.gif') no-repeat center center; margin-top: 8px; height: 238px;  }
.popup div.box h2 { font-family: 'Yanone Kaffeesatz',arial,serif; color: #2179b5; font-size: 21px; text-transform: uppercase; padding:10px}
.popup div.box p { font-family: Verdana,Tahoma,sans-serif; font-size: 12px; text-transform: none; padding:10px; }
.popup div.box ul { }
.popup div.box ul li { padding: 10px 10px; position: relative;  }
.popup div.box ul li p.image { float: left; padding: 5px; }
.popup div.box ul li p.image img { border: 5px solid #e6e4e4; padding: 0; }
.popup div.box ul li div.col { float: right; width: 380px; }
.popup div.box ul li div.col h3 { font-size: 18px; color: #6fb906; float: left; }
.popup div.box ul li div.col span { float: right; }
.popup div.box ul li div.col div.entry span { position: absolute; left: 20px; top: -19px; background: url(images/helpmessage-aba.png) no-repeat; width: 13px; height: 19px; }
.popup div.box ul li div.col div.entry { background: #fff0b0; padding: 12px 18px; position: relative; margin-top: 28px; }
.popup div.box textarea { margin:20px 40px 20px 40px; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 370px; height: 190px;}
.popup div.button { background: #FFF; height: 38px; padding-top: 12px; margin-left: auto; margin-right: auto; text-align:center;}
.popup div.button input { background: #6fb906; color: #ffffff; font-size: 24px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; cursor: pointer; text-align: center;}
.popup div.button span { padding: 4px 0 0 12px; display: inline-block; *display: inline; zoom: 1; font-size: 12px; }
.popup div.button span a { color: #2179b5 }

.popup-size { background: #FFF; position: fixed; top: 30%; left: 50%; width: 500px; height: 600px; z-index: 2000; margin: -160px 0 0 -260px; background: #2179b5; padding: 12px;   -moz-box-shadow: 0 0 20px #fff; -webkit-box-shadow: 0 0 20px #fff; box-shadow: 0 0 20px #fff; }
.popup-size h3 { font-family: 'Yanone Kaffeesatz',arial,serif; color: #FFF; font-size: 21px; float: left; text-transform: uppercase; }
.popup-size p { font-family: 'Yanone Kaffeesatz',arial,serif; color: #2179b5; font-size: 21px; text-transform: uppercase; padding:10px}
.popup-size a.close { font-size: 14px; background: url(images/viewcomments-close.png) no-repeat right top; height: 13px; color: #64a1cb; float: right; display: inline-block; line-height: 1em; padding-right: 18px; }
.popup-size a.closehi { font-size: 14px; background: url(images/viewcomments-closehi.png) no-repeat right top; height: 13px; color: #fffff0; float: right; display: inline-block; line-height: 1em; padding-right: 18px; }
.popup-size div.box { background: #FFF; margin-top: 8px; height: 500px; overflow: auto; }
.popup-size div.entry{ font-family: Tahoma, Verdana, SANS-SERIF; line-height: 1.5em; font-size:12px}
.popup-size div.ajax_loader {background: #FFF url('images/ajax-loader.gif') no-repeat center center; margin-top: 8px; height: 238px;  }
.popup-size div.box h2 { font-family: 'Yanone Kaffeesatz',arial,serif; color: #2179b5; font-size: 21px; text-transform: uppercase; padding:10px}
.popup-size div.box p { font-family: Verdana,Tahoma,sans-serif; font-size: 12px; text-transform: none; padding:10px; }
.popup-size div.box ul { }
.popup-size div.box ul li { padding: 10px 10px; position: relative;  }
.popup-size div.box ul li.abuse {background-color: #f7f1f1;}
.popup-size div.box ul li.abuse:hover {background-color:#fae2e2;}
.popup-size div.box ul li:hover { background-color: #f1f1f1;}
.popup-size div.box ul li p.image { float: left; padding: 5px; }
.popup-size div.box ul li p.image img { border: 5px solid #e6e4e4; padding: 0; }
.popup-size div.box ul li p.image img:hover { border: 5px solid #8F0000; padding: 0; }
.popup-size div.box ul li div.col { float: right; width: 380px; }
.popup-size div.box ul li div.col h3 { font-size: 18px; color: #6fb906; float: left; width:280px; display:inline-block}
.popup-size div.box ul li div.col h3 a {color: #6fb906; }
.popup-size div.box ul li div.col h3 a:hover {color: #cc0000;}
.popup-size div.box ul li div.col div.abuse {position: absolute; top:6px; right:10px; width:140px; height: 29px; font-family: Verdana,Tahoma,sans-serif; font-size:11px; line-height:29px; text-align:right}
.popup-size div.box ul li div.col div.abuse span.thumb {float:right; display:inline-block;margin-left:4px; width:28px; height:29px; cursor: pointer; background-image:url("images/thumbs_down.png"); background-position: 0 0;}
.popup-size div.box ul li div.col div.abuse span.abuse {background-image:url("images/thumbs_down.png"); background-position: 28px 0;}
.popup-size div.box ul li div.col div.abuse span.thumb:hover { background-image:url("images/thumbs_down.png");background-position: 28px 0; }
.popup-size div.box ul li div.col span { float: right; }
.popup-size div.box ul li div.col div.entry span { position: absolute; left: 20px; top: -19px; background: url(images/helpmessage-aba.png) no-repeat; width: 13px; height: 19px; }
.popup-size div.box ul li div.col div.entry { background: #fff0b0; padding: 12px 18px; position: relative; margin-top: 28px; }
.popup-size div.box textarea { margin:20px 40px 20px 40px; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 370px; height: 190px;}
.popup-size div.button { background: #FFF; height: 38px; padding-top: 12px; margin-left: auto; margin-right: auto; text-align:center;}
.popup-size div.button input { background: #6fb906; color: #ffffff; font-size: 24px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; cursor: pointer; text-align: center;}
.popup-size div.button span { padding: 4px 0 0 12px; display: inline-block; *display: inline; zoom: 1; font-size: 12px; }
.popup-size div.button span a { color: #2179b5 }
.popup-size div.pag-ctrl { background: #FFF; text-align: left; padding: 10px 20px 0px 90px; font-family: Tahoma, Verdana, SANS-SERIF;}
.popup-size div.pag-ctrl span.page{ cursor: pointer; padding: 0 2px}
.popup-size div.pag-ctrl span.page:hover{ cursor: pointer; text-decoration: underline; padding: 0 2px}
.popup-size div.pag-ctrl span.curpage{ font-weight: bold; background-color: #d7ebf9; padding: 0 2px}


.p-addstory { background: #FFF; position: fixed; top: 50%; left: 50%; width: 480px; height: 360px; z-index: 2000; margin: -160px 0 0 -260px; background: #2179b5; padding: 12px;   -moz-box-shadow: 0 0 20px #fff; -webkit-box-shadow: 0 0 20px #fff; box-shadow: 0 0 20px #fff; }
.p-addstory h3 { font-family: 'Yanone Kaffeesatz',arial,serif; color: #FFF; font-size: 21px; float: left; text-transform: uppercase; }
.p-addstory p { font-family: 'Yanone Kaffeesatz',arial,serif; color: #2179b5; font-size: 21px; text-transform: uppercase; padding:10px}
.p-addstory a.close { font-size: 14px; background: url(images/viewcomments-close.png) no-repeat right top; height: 13px; color: #64a1cb; float: right; display: inline-block; line-height: 1em; padding-right: 18px; }
.p-addstory a.closehi { font-size: 14px; background: url(images/viewcomments-closehi.png) no-repeat right top; height: 13px; color: #fffff0; float: right; display: inline-block; line-height: 1em; padding-right: 18px; }
.p-addstory div span.message {display:block; font-family: 'Yanone Kaffeesatz',arial,serif; color: #2179b5; font-size: 30px; text-transform: uppercase; overflow: auto; text-align:center; margin-top:100px; height:40px; line-height:40px}
.p-addstory div.box { background: #FFF; margin-top: 8px; height: 282px; overflow: auto; font-family: Verdana,Tahoma,sans-serif; font-size: 12px;}
.p-addstory div.ajax_loader {background: #FFF url('images/ajax-loader.gif') no-repeat center center; margin-top: 8px; height: 238px;  }
.p-addstory div.box h2 { font-family: 'Yanone Kaffeesatz',arial,serif; color: #2179b5; font-size: 21px; text-transform: uppercase; padding:10px}
.p-addstory div.box p { font-family: Verdana,Tahoma,sans-serif; font-size: 12px; text-transform: none; padding:10px 20px; text-align: justify; }
.p-addstory div.box textarea { margin:0px 40px 10px 40px; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 370px; height: 160px;}
.p-addstory div.box input { margin-left: 40px; }
.p-addstory div.button { background: #FFF; height: 38px; padding-top: 12px; margin-left: auto; margin-right: auto; text-align:center;}
.p-addstory div.button input { background: #6fb906; color: #ffffff; font-size: 24px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; cursor: pointer; text-align: center;}
.p-addstory div.button span { padding: 4px 0 0 12px; display: inline-block; *display: inline; zoom: 1; font-size: 12px; }
.p-addstory div.button span a { color: #2179b5 }

.addstory div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; font-family:Tahoma, Geneva, sans-serif; }
.addstory div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 0; margin-bottom: 16px;border-bottom: 1px dotted #7c878e; padding: 0 0 10px 0;  }
.addstory div.gridA div.box { background: #FFF; border-top: 4px solid #dfe8ee;  padding: 16px 18px; overflow: hidden; width: 548px; }
.addstory div.gridA div.box span.top { border-top: 2px solid #bedbee; display: block; }
.addstory div.gridA div.box h3 { color: #2179b5; font-size: 16px; border-bottom: 1px dotted #666; padding-bottom: 6px; margin-bottom: 6px; line-height:24px;}
.addstory div.gridA p { margin-bottom: 4px; font-size: 13px}
.addstory div.gridA p strong { margin-top:4px; color: #cc0000;}
.addstory div.gridA p a { color: #2179b5; text-decoration: underline; }
.addstory div.gridA div.box a.hide { display:block; float:right; width:14px; position: relative; right:-10px; top:-10px; background:url(images/del.png); background-repeat: no-repeat; background-position: right;}
.addstory div.gridA div.box a.hide:hover { background:url(images/del-inv.png);}
.addstory div.gridA div.box div.fplayer {width:400px;height:300px; border:1px solid silver; margin-left: auto; margin-right: auto}
.addstory div.gridA h3 { color: #2179b5; font-size: 18px; border-bottom: 1px dotted #666; padding-bottom: 6px; margin-bottom: 6px; }
.addstory div.gridA div.buttons { margin-left:auto; margin-right: auto; width:230px;}
.addstory div.gridA div.buttons a { display: block; width: 100px; background-color: #2179b5; color: #FFF; float:left; text-align: center; margin-right: 10px; padding: 4px 0;}
.addstory div.gridA ul { padding-bottom: 12px; }
.addstory div.gridA ul li { padding-top: 12px; }
.addstory div.gridA ul li.indent { list-style: disc; margin-left: 190px }
.addstory div.gridA ul li label { width: 180px; float: left; margin-right: 8px;}
.addstory div.gridA ul li label small { font-size: 11px; line-height: 12px}
.addstory div.gridA ul li input { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 330px; }
.addstory div.gridA ul li input.checkbox { float: left; width: 16px; height:37px; line-height: 37px; margin-left: 10px}
.addstory div.gridA ul li span.box { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 330px; }
.addstory div.gridA ul li input.textd { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 330px;  color: #2179b5;}
.addstory div.gridA ul li input.text2 { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 280px; }
.addstory div.gridA ul li input.text3 { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 290px; }
.addstory div.gridA ul li select.select { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 355px; }
.addstory div.gridA ul li span.add { display:block; float:right; background: transparent url(images/del.png) no-repeat; width: 36px; height: 35px; margin:8px 0 0 10px; cursor: pointer; }
.addstory div.gridA ul li span.add-disable { display:block; float:right; background-color: #ffffff; width: 36px; height: 35px; margin:8px 0 0 10px; }
.addstory div.gridA ul li span.search { display:block; float:left; background: transparent url(images/search.png) no-repeat; width: 16px; height: 16px; margin:8px 0 0 10px; cursor: pointer; }
.addstory div.gridA ul li span.search-disable { display:block; float:left; background: transparent url(images/search-disable.png) no-repeat; width: 16px; height: 16px; margin:8px 0 0 10px; }
.addstory div.gridA ul li span.search-loading { display:block; float:left; background: transparent url(images/preloader.gif) no-repeat; width: 16px; height: 16px; margin:8px 0 0 10px; }

.addstory div.gridA ul li select {  }
.addstory div.gridA ul li textarea { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 330px; }
.addstory div.gridA ul li p { padding-left: 172px; }
.addstory div.gridA ul li p input { width: auto; float: none; border:0; padding:0; }
.addstory div.gridA ul li p small { font-size: 13px;}
.addstory div.gridA ul li label.error { float: left; font-size: 12px; display: inline; padding-left: 174px; padding-top: 0px; color:#ff0000; width:350px }
.addstory div.gridA input.button { background: #6fb906; color: #ffffff; font-size: 33px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; margin-left: 172px; float: left; cursor: pointer; }


.continue div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.continue div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 0; margin-bottom: 16px; }
.continue div.gridA p.sub { border-top: 1px dotted #7c878e; padding: 8px 0 22px 0; }
.continue div.gridA p.sub a { color: #2179b5; text-decoration: underline; }
.continue div.gridA h3 { color: #2179b5; font-size: 16px; border-bottom: 1px dotted #666; padding-bottom: 6px; margin-bottom: 6px; line-height:30px;}
.continue div.gridA div.box { background: #FFF; border-top: 4px solid #dfe8ee;  padding: 16px 18px; overflow: hidden; width: 548px; }
.continue div.gridA div.box span.top { border-top: 2px solid #bedbee; display: block; }
.continue div.gridA div.box label { color: #2179b5; font-size: 16px; padding-top: 6px; margin-top: 6px; line-height:24px;}
.continue div.gridA div.box ul li { padding: 0 0 18px 0; position: relative; border-bottom: 1px dotted #666; }
.continue div.gridA div.box ul li a.moreinfo { background: url(images/longestchains-moreinfo.png) no-repeat; width: 68px; height: 80px; float:right; margin-right: 10px; top: 2px; }
.continue div.gridA div.box ul li a.treeview { background: url(images/longestchains-treeview.png) no-repeat; width: 68px; height: 80px; float:right; margin-right: 10px; top: 2px; }
.continue div.gridA input.button { background: #6fb906; color: #ffffff; font-size: 33px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; margin-left: 172px; float: left; cursor: pointer; }


.donations div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.donations div.gridA a.search {display:block; font-size: 18px; line-height: 1em;  margin-bottom: 8px;}
.donations div.gridA a.search:hover {display:block; font-size: 18px; line-height: 1em;  margin-bottom: 8px; color: #cc0066}
.donations div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 0; margin-bottom: 16px; }
.donations div.gridA input.button { background: #6fb906; color: #ffffff; font-size: 24px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; margin-left: 150px; float: right; cursor: pointer; text-align: center; }
.donations div.gridA h3 { color: #2179b5; font-size: 18px; padding-bottom: 6px; margin: 8px 12px; }
.donations div.gridA div.box { background: #FFF; border-top: 4px solid #dfe8ee; overflow: hidden; }
.donations div.gridA div.box span.top { border-top: 2px solid #bedbee; display: block; }
.donations div.gridA p.sub {font-family: Tahoma, Geneva, sans-serif; font-size:12px;border-top: 1px dotted #7c878e; padding: 8px 0 22px 0; text-align:justify; }
.donations div.gridA p.sub a { color: #2179b5; text-decoration: underline; }
.donations div.gridA thead td { font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 16px; text-transform: uppercase; color: #6fb906; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; padding: 4px 8px; }
.donations div.gridA tbody td { border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; padding: 6px 8px; font-size: 12px; }
.donations div.gridA tbody tr:hover { background-color: #f0f8e6;  cursor: pointer; }
.donations div.gridA tbody tr.locked { background-color: #d2e7e3; cursor: pointer; }
.donations div.gridA tbody a { color: #4e4e4e; }

.mydonations div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.mydonations div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 0; margin-bottom: 16px; float: left; }
.mydonations div.gridA a.addtodonation { float: right; background: url(images/mydonations-adddonation.png) no-repeat; width: 122px; height: 24px; display: block; margin-top: 6px; }
.mydonations div.gridA h3 { color: #2179b5; font-size: 18px; padding-bottom: 6px; margin: 8px 12px; }
.mydonations div.gridA div.box { background: #FFF; border-top: 4px solid #dfe8ee; overflow: hidden; }
.mydonations div.gridA div.box span.top { border-top: 2px solid #bedbee; display: block; }
.mydonations div.gridA p.sub { border-top: 1px dotted #7c878e; padding: 8px 0 22px 0; }
.mydonations div.gridA p.sub a { color: #2179b5; text-decoration: underline; }
.mydonations div.gridA thead td { font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 16px; text-transform: uppercase; color: #6fb906; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; padding: 4px 8px; }
.mydonations div.gridA tbody td { border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; padding: 6px 8px; font-size: 12px; }
.mydonations div.gridA tbody tr:hover { background-color: #f0f8e6; }
.mydonations div.gridA tbody a { color: #4e4e4e; }
.mydonations div.gridA tbody p { text-align: center; }
.mydonations div.gridA tbody p input { display: inline-block; border: 0; cursor: pointer; }
.mydonations div.gridA tbody p input.view { background: transparent url(images/mydonations-view.png) no-repeat; width: 58px; height: 31px; }
.mydonations div.gridA tbody p input.edit { background: transparent url(images/mydonations-edit.png) no-repeat; width: 52px; height: 31px; }
.mydonations div.gridA input.delete { background: url(images/mydonations-delete.png) no-repeat; width: 93px; height: 34px; border: 0; cursor: pointer; margin: 4px 0 4px 4px; }

.searchdonations div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.searchdonations div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 0; margin-bottom: 16px; }
.searchdonations div.gridA div.box { background: #FFF; border-top: 4px solid #dfe8ee;  padding: 16px 18px; overflow: hidden; width: 548px; }
.searchdonations div.gridA div.box span.top { border-top: 2px solid #bedbee; display: block; }
.searchdonations div.gridA p.sub { border-top: 1px dotted #7c878e; padding: 8px 0 22px 0; }
.searchdonations div.gridA p.sub a { color: #2179b5; text-decoration: underline; }
.searchdonations div.gridA h3 { color: #2179b5; font-size: 18px; border-bottom: 1px dotted #666; padding-bottom: 6px; margin-bottom: 6px; }
.searchdonations div.gridA ul { padding-bottom: 12px; }
.searchdonations div.gridA ul li { padding-top: 12px; }
.searchdonations div.gridA ul li label { width: 172px; float: left; }
.searchdonations div.gridA ul li input { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 350px; }
.searchdonations div.gridA ul li select.select { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 375px; }
.searchdonations div.gridA ul li select.narrow { border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 100px; }
.searchdonations div.gridA ul li textarea { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 350px; }
.searchdonations div.gridA ul li p { padding-left: 172px; }
.searchdonations div.gridA ul li p input { width: auto; float: none; }
.searchdonations div.gridA input.button { background: #6fb906; color: #ffffff; font-size: 33px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; margin-left: 172px; float: left; cursor: pointer; }


.friends div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.friends div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 8px; float: left; }
.friends div.gridA p.sub { font-size: 12px; border-top: 1px solid #7c878e; padding: 8px 0 16px 0; }
.friends div.gridA div.opt { float: right; font-size: 12px; padding-top: 7px; }
.friends div.gridA div.opt p { float: left; }
.friends div.gridA div.opt p a { color: #2179b5; text-decoration: underline; }
.friends div.gridA div.box { background: #FFF; border-top: 2px solid #bedbee; }
.friends div.gridA div.box h3 { color: #6fb906; font-size: 18px; border-bottom: 1px dotted #000; padding-bottom: 6px; margin: 1.3em; }
.friends div.gridA div.box h3 strong { color: #000000; }
.friends div.gridA div.box ul li { text-align: center; width: 72px; float: left; padding-left: 1.55em; height: 132px; }
.friends div.gridA div.box ul li p.name { color: #2179b5; font-size: 13px; }
.friends div.gridA div.box ul li a.image img { border: 1px solid #bfbfbf; }
.friends div.gridA div.box ul li a.remove { font-size: 12px; color: #ff5f5f; background: url(images/friends-remove.png) no-repeat 0 5px; padding-left: 14px; }
.friends div.gridA div.box-requests { background: #FFF; border-top: 2px solid #bedbee; }
.friends div.gridA div.box-requests h3 { color: #6fb906; font-size: 18px; border-bottom: 1px dotted #000; padding-bottom: 6px; margin: 1.3em; }
.friends div.gridA div.box-requests h3 strong { color: #000000; }
.friends div.gridA div.box-requests ul { padding-bottom: 6px; }
.friends div.gridA div.box-requests ul li { margin: 0 1.55em; font-size: 12px; border-top: 1px dotted #000; padding: 12px 0; position: relative; }
.friends div.gridA div.box-requests ul li p.avatar { float: left; width: 70px; }
.friends div.gridA div.box-requests ul li div.info { float: left; padding-left: 18px; width: 300px; }
.friends div.gridA div.box-requests ul li p.title { font-size: 15px; color: #6fb906; }
.friends div.gridA div.box-requests ul li p.bio { padding-top: 4px; }
.friends div.gridA div.box-requests ul li p.bio strong { color: #2179b5; }
.friends div.gridA div.box-requests ul li div.button { position: absolute; top: 18px; right: 0; }
.friends div.gridA div.box-requests ul li div.button span { display: inline-block; *display: inline; zoom: 1;}
.friends div.gridA div.box-requests ul li div.button a { display: inline-block; *display: inline; zoom: 1; color: #ff5f5f; }
.friends div.gridA div.box-requests ul li div.button a.accept { background: url(images/friends-requests-accept.png) no-repeat; width: 46px; height: 70px;}
.friends div.gridA div.box-invite { background: #FFF; border-top: 2px solid #bedbee; }
.friends div.gridA div.box-invite h3 { color: #6fb906; font-size: 18px; border-bottom: 1px dotted #000; padding-bottom: 6px; margin: 1.3em; }
.friends div.gridA div.box-invite h3 small { color: #cc0000; font-size: 14px; margin-bottom:8px; display: block;}
.friends div.gridA div.box-invite div.form { padding: 0 0 20px 0; }
.friends div.gridA div.box-invite label { float: left; padding-left: 20px; width: 150px; line-height: 37px;}
.friends div.gridA div.box-invite span.search { background: #FFF url(images/search.png) no-repeat 10px 10px; height: 30px; width: 30px; cursor:pointer; display:block; float:left; margin-right: 10px;}
.friends div.gridA div.box-invite input { float: left; }
.friends div.gridA div.box-invite input.text { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 260px; }
.friends div.gridA div.box-invite div.error { color:#ff0000; font-size:12px; text-align:center; }
.friends div.gridA div.box-invite input.button { background: url(images/friends-invite-button.png) no-repeat; width: 61px; height: 35px; cursor: pointer; border: 0; }
.friends div.gridA div.box-invite span#message { height: 34px; display: block; margin-left: 160px; margin-top: 8px; color:#ff0000; font-family: Tahoma, Verdana, sans-serif}

.friends div.gridA div.box-invite span.ok { background: url(images/friends-invite-ok.png); width: 151px; }
.friends div.gridA div.box-invite span.error { background: url(images/friends-invite-error.png); width: 202px; }
.friends div.gridA div.box-invite span.error1 { background: url(images/friends-invite-error1.png) no-repeat; width: 360px; }
.friends div.gridA div.box-invite span.error2 { background: url(images/friends-invite-error2.png) no-repeat; width: 360px; }
.friends div.gridA div.box-invite span.error3 { background: url(images/friends-invite-error3.png) no-repeat; width: 360px; }
.friends div.gridA div.box-invite span.error4 { background: url(images/friends-invite-error4.png) no-repeat; width: 360px; }
.friends div.gridA div.box-invite span.error5 { background: url(images/friends-invite-error5.png) no-repeat; width: 360px; }

.popup_overlay { background: #FFF; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2500; opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
.popup_register { position: fixed; top: 50%; left: 50%; width: 500px; z-index: 3000; margin: -100px 0 0 -260px; background: #2179b5; padding: 12px;   -moz-box-shadow: 0 0 20px #fff; -webkit-box-shadow: 0 0 20px #fff; box-shadow: 0 0 20px #fff; }
.popup_register div.box { background: #FFF; }
.popup_register h3 { font-family: 'Yanone Kaffeesatz',arial,serif; color: #FFF; font-size: 21px; float: left; text-transform: uppercase; }
.popup_register a.close { font-size: 14px; background: url(images/viewcomments-close.png) no-repeat right top; height: 13px; color: #64a1cb; float: right; display: inline-block; line-height: 1em; padding-right: 18px; }
.popup_register a.closehi { font-size: 14px; background: url(images/viewcomments-closehi.png) no-repeat right top; height: 13px; color: #fffff0; float: right; display: inline-block; line-height: 1em; padding-right: 18px; }
.popup_register div.box { margin-top: 8px; overflow: auto; padding-bottom: 15px; }
.popup_register div.box p { padding: 15px 15px 0 15px; }
.popup_register div.button { padding-top: 12px; }
.popup_register div.button input { background: #6fb906; color: #ffffff; font-size: 24px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; float: left; cursor: pointer; text-align: center; float: left; width: 80px; }
.popup_register div.button input.colorA { background: #2179b5; margin-left: 230px; }
.popup_register div.button input.colorB { background: #6fb906; margin-left: 10px; }
.popup_register div.button span { padding: 4px 0 0 12px; float: left; font-size: 12px; }
.popup_register div.button span a { color: #2179b5 }

.popup_dialog {position: fixed; top: 50%; left: 50%; width: 500px; z-index: 10000; margin: -100px 0 0 -260px; background: #2179b5; padding: 12px; -moz-box-shadow: 0 0 20px #fff; -webkit-box-shadow: 0 0 20px #fff; box-shadow: 0 0 20px #fff;}
.popup_dialog div.box { background: #FFF; }
.popup_dialog h3 { font-family: 'Yanone Kaffeesatz',arial,serif; color: #FFF; font-size: 21px; float: left; text-transform: uppercase; }
.popup_dialog a.close { font-size: 14px; background: url(images/viewcomments-close.png) no-repeat right top; height: 13px; color: #64a1cb; float: right; display: inline-block; line-height: 1em; padding-right: 18px; }
.popup_dialog a.closehi { font-size: 14px; background: url(images/viewcomments-closehi.png) no-repeat right top; height: 13px; color: #fffff0; float: right; display: inline-block; line-height: 1em; padding-right: 18px; }
.popup_dialog div.box { margin-top: 8px; overflow: auto; padding-bottom: 15px; }
.popup_dialog div.box p { padding: 15px 15px 0 15px; }
.popup_dialog div.button { padding-top: 12px; text-align:center}
.popup_dialog div.button input { background: #6fb906; color: #ffffff; font-size: 24px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; cursor: pointer; text-align: center;  width: 80px; margin: 0 10px; }
.popup_dialog div.button input.colorA { background: #2179b5;   }
.popup_dialog div.button input.colorB { background: #6fb906;  }
.popup_dialog div.button span { padding: 4px 0 0 12px; float: left; font-size: 12px; }
.popup_dialog div.button span a { color: #2179b5 }

.popup_subscribe { background: #FFF; position: fixed; top: 50%; left: 50%; width: 500px; z-index: 3000; margin: -100px 0 0 -260px; background: #2179b5; padding: 12px; -moz-box-shadow: 0 0 20px #fff; -webkit-box-shadow: 0 0 20px #fff; box-shadow: 0 0 20px #fff; }
.popup_subscribe div.box { background: #FFF; }
.popup_subscribe h3 { font-family: 'Yanone Kaffeesatz',arial,serif; color: #FFF; font-size: 21px; float: left; text-transform: uppercase; }
.popup_subscribe a.close { font-size: 14px; background: url(images/viewcomments-close.png) no-repeat right top; height: 13px; color: #64a1cb; float: right; display: inline-block; line-height: 1em; padding-right: 18px; }
.popup_subscribe a.closehi { font-size: 14px; background: url(images/viewcomments-closehi.png) no-repeat right top; height: 13px; color: #fffff0; float: right; display: inline-block; line-height: 1em; padding-right: 18px; }
.popup_subscribe div.box { margin-top: 8px; overflow: auto; padding-bottom: 15px; }
.popup_subscribe div.box p { padding: 15px 15px 0 15px; }
.popup_subscribe div.button { padding-top: 12px; text-align: center;}
.popup_subscribe div.button input { background: #6fb906; color: #ffffff; font-size: 20px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; cursor: pointer; text-align: center; width: 100px; }
.popup_subscribe div.button input.colorA { background: #2179b5;}
.popup_subscribe div.button input.colorB { background: #6fb906;}
.popup_subscribe div.button span { padding: 4px 0 0 12px; font-size: 12px; }
.popup_subscribe div.button span a { color: #2179b5 }

.abandoned div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; font-family: Tahoma, Geneva, sans-serif;  }
.abandoned div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 8px; float: left;}
.abandoned div.gridA p.sub {font-size: 12px; border-top: 1px solid #7c878e; padding: 8px 0 16px 0; }
.abandoned div.gridA div.box { background: #FFF; border-top: 2px solid #bedbee; }
.abandoned div.gridA div.box ul { border-top: 4px solid #dfe8ee; padding: 0 18px 0 16px; }
.abandoned div.gridA div.box ul li { padding: 18px 0; position: relative; border-bottom: 1px dotted #666; }
.abandoned div.gridA div.box ul li a.moreinfo {float:right; background: url(images/normal-view.png) no-repeat; width: 68px; height: 80px; top: 0; margin-left:2px; }
.abandoned div.gridA div.box ul li a.treeview {float:right; background: url(images/longestchains-treeview.png) no-repeat; width: 68px; height: 80px; top: 0;  margin-left:2px;}
.abandoned div.gridA div.box ul li a.continue {float:right; background: url(images/continue-chain.png) no-repeat; width: 68px; height: 80px; margin-left:2px; top: 2px; }
.abandoned div.gridA div.box ul li span {float:left; display: block; font-size: 13px; width: 300px; min-height: 34px; }
.abandoned div.gridA div.box ul li span h3 { padding-bottom: 6px; display:block; width:300px; }
.abandoned div.gridA div.box ul li p { color: #2179b5; display:block; width:300px; line-height: 20px}
.abandoned div.gridA div.box ul li a { color: #990066; font-weight: bold}
.abandoned div.gridA div.box ul li a:hover { color: #990066; text-decoration: underline}
.abandoned div.gridA div.box ul li p strong { color: #2179b5; }

.message div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.message div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 16px; border-bottom: 1px dotted #7c878e; margin-bottom: 16px; }
.message div.gridA div.box { background: #FFF; border-top: 2px solid #bedbee; }
.message div.gridA div.box dl { border-top: 4px solid #dfe8ee; padding: 8px 0; }
.message div.gridA div.box dl dt { font-size: 20px; color: #2179b5; margin: 8px 16px 16px 16px; border-bottom: 1px dotted #7c878e; padding-bottom: 8px; font-family: 'Yanone Kaffeesatz', arial, serif; }
.message div.gridA div.box dl dd { padding-bottom: 12px; }
.message div.gridA div.box dl dd label {font-family: Tahoma, Geneva, sans-serif; font-size: 12px; float: left; width: 500px; font-size: 13px; display: block; padding-left: 16px; padding-top: 8px; }
.message div.gridA div.box dl dd p { float: left; padding: 12px 0 0 16px; font-size: 15px; }
.message div.gridA div.box dl dd p a { color: #2179b5; }
.message div.gridA div.box dl dd input.button { background: #6fb906; color: #ffffff; font-size: 33px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; margin-right: 50px; float: right; cursor: pointer; }


.help-index div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.help-index div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 8px; float: left; width:100%}
.help-index div.gridA h2 a.rsub { display:block; font-size: 16px; float: right; margin-right:10px}
.help-index div.gridA p.sub {font-family: Tahoma, Geneva, sans-serif; font-size:12px; border-top: 1px solid #7c878e; padding: 8px 0 16px 0; }
.help-index div.gridA div.opt { float: right; font-size: 12px; padding-top: 7px; }
.help-index div.gridA div.opt p { float: left;}
.help-index div.gridA div.opt p a { color: #2179b5; text-decoration: underline; }
.help-index div.gridA div.opt div.search { float: left; }
.help-index div.gridA div.opt div.search input.text { background: #FFF url(images/search-input.png) no-repeat 6px 5px; padding: 2px 6px 3px 22px; border: 0; border-top: 1px solid #a2a2a2; border-left: 1px solid #a2a2a2; color: #a2a2a2; font-style: italic; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 80px; float: left; margin: 0 5px; }
.help-index div.gridA div.opt div.search input.button { background: url(images/search-input-lc.png) no-repeat; width: 20px; height: 20px; border: 0; }
.help-index div.gridA div.box { background: #FFF; border-top: 2px solid #bedbee; }
.help-index div.gridA div.box ul { border-top: 4px solid #dfe8ee; padding: 0 18px 0 16px; }
.help-index div.gridA div.box ul li { padding: 18px 0; position: relative; border-bottom: 1px dotted #666; }
.help-index div.gridA div.box ul li span { font-size: 13px; width: 300px; min-height: 34px; float:left; display:block}
.help-index div.gridA div.box ul li span strong { color: #2179b5; }
.help-index div.gridA div.box ul li span h3 a { color: #6fb906; font-size: 18px; line-height: 1em; }
.help-index div.gridA div.box ul li span h3 { padding-bottom: 6px; }
.help-index div.gridA div.box ul li a.edit { background: url(images/edit-request.png) no-repeat; width: 68px; height: 80px; float:right; }
.help-index div.gridA div.box ul li a.del { background: url(images/del-request.png) no-repeat; width: 68px; height: 80px; float:right;margin-right:4px }
.help-index div.gridA div.box ul li input.button { background: #6fb906; color: #ffffff; font-size: 33px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; float: left; cursor: pointer; margin-right: 10px}
.help-index div.gridA div.box ul li p { float: left; display:block; height:38px; padding: 0 8px; line-height:38px}
.help-index div.gridA thead td { font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 16px; text-transform: uppercase; color: #6fb906; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; padding: 4px 8px; }
.help-index div.gridA tbody td { border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; padding: 6px 8px; font-size: 12px; }
.help-index div.gridA tbody tr:hover { background-color: #f0f8e6; }
.help-index div.gridA tbody a { color: #4e4e4e; }
.help-index div.gridA tbody p { text-align: center; }
.help-index div.gridA tbody p input { display: inline-block; border: 0; cursor: pointer; }
.help-index div.gridA tbody p input.view { background: transparent url(images/mydonations-view.png) no-repeat; width: 58px; height: 31px; }
.help-index div.gridA tbody p input.edit { background: transparent url(images/mydonations-edit.png) no-repeat; width: 52px; height: 31px; }
.help-index div.gridA input.delete { background: url(images/mydonations-delete.png) no-repeat; width: 93px; height: 34px; border: 0; cursor: pointer; margin: 4px 0 4px 4px; }



.helpsearch div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.helpsearch div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 8px; float: left; }
.helpsearch div.gridA p.sub {font-family: Verdana,Tahoma,sans-serif; font-size: 11px; border-top: 1px solid #7c878e; padding: 8px 0 16px 0; }
.helpsearch div.gridA p.search {text-align:right; }
.helpsearch div.gridA div.opt { float: right; font-size: 12px; padding-top: 7px; }
.helpsearch div.gridA div.opt p { float: left; }
.helpsearch div.gridA div.opt p a { color: #2179b5; text-decoration: underline; }
.helpsearch div.gridA div.opt div.search { float: left; }
.helpsearch div.gridA div.opt div.search input.text { background: #FFF url(images/search-input.png) no-repeat 6px 5px; padding: 2px 6px 3px 22px; border: 0; border-top: 1px solid #a2a2a2; border-left: 1px solid #a2a2a2; color: #a2a2a2; font-style: italic; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 80px; float: left; margin: 0 5px; }
.helpsearch div.gridA div.opt div.search input.button { background: #6fb906; color: #ffffff; font-size: 33px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; margin-left: 172px; float: left; cursor: pointer; }
.helpsearch div.gridA div.box { background: #FFF; border-top: 2px solid #bedbee; }
.helpsearch div.gridA div.box ul { border-top: 4px solid #dfe8ee; padding: 0 18px 0 16px; }
.helpsearch div.gridA div.box ul li { padding: 18px 0; position: relative; border-bottom: 1px dotted #666; }
.helpsearch div.gridA div.box ul li a.moreinfo { background: url(images/longestchains-moreinfo.png) no-repeat; width: 68px; height: 80px; position: absolute; right: 0; top: 2px; }
.helpsearch div.gridA div.box ul li a.treeview { background: url(images/longestchains-treeview.png) no-repeat; width: 68px; height: 80px; position: absolute; right: 72px; top: 2px; }
.helpsearch div.gridA div.box ul li h3 a { color: #6fb906; font-size: 18px; line-height: 1em; }
.helpsearch div.gridA div.box ul li h3 { padding-bottom: 6px; }
.helpsearch div.gridA div.box ul li p { font-size: 13px; width: 414px; min-height: 34px; }
.helpsearch div.gridA div.box ul li p strong { color: #2179b5; }
.helpsearch div.gridA div.box form {padding:10px 0;}
.helpsearch div.gridA div.box form p { padding: 10px 18px 0 16px; font-family: Verdana,Tahoma,sans-serif; }
.helpsearch div.gridA div.box form p label { display:block; float:left; width:200px; padding-top:8px; font-size:12px}
.helpsearch div.gridA div.box form p label.free { float:left; padding-top:8px; font-size:12px; width:290px}
.helpsearch div.gridA div.box form p input {float: left;  padding: 4px 6px; font-size: 14px; font-family: Tahoma, Geneva, sans-serif; }
.helpsearch div.gridA div.box form p input.text {border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 200px; }
.helpsearch div.gridA div.box form p input.text2 {border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 40px; }
.helpsearch div.gridA div.box form p input.checkbox {margin-top:10px; }
.helpsearch div.gridA div.box form p input.button { background: #6fb906; color: #ffffff; font-size: 33px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; margin-left: 200px; float: left; cursor: pointer; }




.counter div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.counter div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 0; margin-bottom: 16px; }
.counter div.gridA p.sub { border-top: 1px dotted #7c878e; padding: 8px 0 22px 0; }
.counter div.gridA p.sub a { color: #2179b5; text-decoration: underline; }
.counter div.gridA h3 { color: #2179b5; font-size: 16px; border-bottom: 1px dotted #666; padding-bottom: 6px; margin-bottom: 6px; line-height:30px;}
.counter div.gridA div.box {text-align:center; background: #FFF; border-top: 4px solid #dfe8ee;  padding: 16px 18px; overflow: hidden; width: 548px; }
.counter div.gridA div.box div.splash { background: url(images/counter-cloud.png) no-repeat; width: 278px; height: 122px; text-align: center; font-size: 36px; line-height: 1em; color: #6fb906; padding-top: 32px; letter-spacing: -0.05em; margin-left:auto; margin-right:auto; }
.counter div.gridA div.box div.splash a {color: #6fb906;}
.counter div.gridA div.box span.top { border-top: 2px solid #bedbee; display: block; }
.counter div.gridA div.box label { color: #2179b5; font-size: 16px; padding-top: 6px; margin-top: 6px; line-height:24px;}
.counter div.gridA div.box ul li { padding: 0 0 18px 0; position: relative; border-bottom: 1px dotted #666; }
.counter div.gridA div.box ul li a.moreinfo { background: url(images/longestchains-moreinfo.png) no-repeat; width: 68px; height: 80px; float:right; margin-right: 10px; top: 2px; }
.counter div.gridA div.box ul li a.treeview { background: url(images/longestchains-treeview.png) no-repeat; width: 68px; height: 80px; float:right; margin-right: 10px; top: 2px; }
.counter div.gridA input.button { background: #6fb906; color: #ffffff; font-size: 33px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; margin-left: 172px; float: left; cursor: pointer; }



.errorHighlight { background-color: #ffffcc;}
/* loading mask */
.loadmask-msg {z-index: 20001;position: absolute;top: 0;left: 0;border:1px solid #6593cf;background: #c3daf9;padding:2px;}
.loadmask-msg div {padding:5px 10px 5px 25px;background: #fbfbfb url('images/loading.gif') no-repeat 5px 5px;line-height: 16px;border:1px solid #a3bad9;color:#222;font:normal 11px tahoma, arial, helvetica, sans-serif;cursor:wait;}
.masked {overflow: hidden !important;}
.masked-relative {position: relative !important;}
.masked-hidden { visibility: hidden !important; }


.ajax_loader { background: #f3f7f9 url('images/ajax-loader.gif') no-repeat center center; }
.bar_loader {position: fixed; top: 50%; left: 50%; width: 240px; height: 40px; z-index: 2500; background: #FAFAFA url('images/bar-loader.gif') no-repeat center center; margin: -20px 0 0 -120px;}


.tree-view div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.tree-view div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 0; margin-bottom: 16px; }
.tree-view div.gridA div.box { background: #FFF; border-top: 4px solid #dfe8ee;  padding: 16px 18px; overflow: hidden; width: 548px; }
.tree-view div.gridA div.box span.top { border-top: 2px solid #bedbee; display: block; }

/* pagination control _partial/pagination_control.phtml */
#paginationControl {text-align:right;margin:0;padding:0;height:32px;line-height:32px; padding-right:12px; font-family:Verdana, Tahoma, Serif}
#paginationControl a {font-size:12px;text-decoration:underline;}
#paginationControl span.disable {font-size:12px;text-decoration:none;}
#paginationControl span.focus {font-size:14px;text-decoration:none; font-weight:bold;}

.mail div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; }
.mail div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 0; margin-bottom: 16px; float: left; }
.mail div.gridA div.menu ul.navigation {font-family:tahoma, verdana, sans-serif; font-size: 12px; font-weight: bold; height:24px;}
.mail div.gridA div.menu ul.navigation li {float:left; width:80px; height: 24px; line-height:24px; display: inline-block; background-color:#2179b5; color: #ffffff; margin-right: 4px; text-align: center;}
.mail div.gridA div.menu ul.navigation li.active {background-color: #6fb906; color: #330066;}
.mail div.gridA div.menu ul.navigation li.active:hover {background-color: #8bc933; color: #330066;}
.mail div.gridA div.menu ul.navigation li:hover {float:left; width:80px; display: inline-block; background-color: #2991d7; color: #ffffcc}
.mail div.gridA div.menu ul.navigation li a {text-decoration: none; color: #ffffff; display:block; width: 100%}
.mail div.gridA div.menu ul.navigation li.active a {text-decoration: none; color: #ffffcc;}

.mail div.gridA div.box { background: #FFF; border-top: 4px solid #dfe8ee;  padding: 16px 18px; overflow: hidden; width: 548px; }
.mail div.gridA div.mails { background: #fafafa; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.mail div.gridA div.mails ul li.unread { font-weight: bold}
.mail div.gridA div.mails ul li div.hrow { line-height: 28px; border-bottom: 1px solid #f0f0f0; background-color: #d7ebf9;}
.mail div.gridA div.mails ul li div.hrow input{ display:block; float:left; width:24px; margin-top:8px}
.mail div.gridA div.mails ul li div.hrow span {font-weight: bold }
.mail div.gridA div.mails ul li div.hrow span.username{ display:block; float:left; width:120px;}
.mail div.gridA div.mails ul li div.hrow span.subject {}
.mail div.gridA div.mails ul li div.hrow span.email_date { display:block; float:right; width:50px;}
.mail div.gridA div.mails ul li div.row { line-height: 28px; border-bottom: 1px solid #f0f0f0; cursor: pointer}
.mail div.gridA div.mails ul li div.row:hover { background-color: #ffef8f;}
.mail div.gridA div.mails ul li div.row input{ display:block; float:left; width:24px; margin-top:8px}
.mail div.gridA div.mails ul li div.row span.username{ display:block; float:left; width:120px;}
.mail div.gridA div.mails ul li div.row span.subject:hover {font-weight: bold }
.mail div.gridA div.mails ul li div.row span.email_date { display:block; float:right; width:50px;}
.mail div.gridA div.mails ul li div.mail-content { background-color: #fffcee; border-bottom: 1px solid silver}
.mail div.gridA div.mails ul li div.mail-content p.image { float: left; padding: 5px; }
.mail div.gridA div.mails ul li div.mail-content p.image img { border: 5px solid #e6e4e4; padding: 0; }
.mail div.gridA div.mails ul li div.mail-content p.image img:hover { border: 5px solid #8F0000; padding: 0; }

.mail div.gridA div.mails ul li div.mail-content div.col { float: left; width: 548px; margin-top:8px;}
.mail div.gridA div.mails ul li div.mail-content div.col h3 { font-size: 14px; color: #6fb906; float: left; }
.mail div.gridA div.mails ul li div.mail-content div.col h3 a {color: #6666ff; }
.mail div.gridA div.mails ul li div.mail-content div.col h3 a:hover {color: #cc0000;}
.mail div.gridA div.mails ul li div.mail-content div.col span { float: right; }
.mail div.gridA div.mails ul li div.mail-content div.col span.send { float: right; margin-right: 10px; cursor: pointer}
.mail div.gridA div.mails ul li div.mail-content div.col span.send:hover { font-weight: bold; text-decoration: underline}
.mail div.gridA div.mails ul li div.mail-content div.col div.entry { background: #fff0b0; padding: 8px 10px; position: relative; margin-top: 10px; }
.mail div.gridA div.mails ul li div.mail-content div.col div.entry .imail ul li {margin-top:5px; margin-bottom: 5px; border-top: 1px silver dashed}
.mail div.gridA div.mails ul li div.mail-content div.col div.entry .imail ul { margin-left: 10px; margin-right: 10px;  border-bottom: 1px silver dashed}
.mail div.gridA div.mails ul li div.mail-content div.col div.entry .imail div { line-height: 18px}
.mail div.gridA div.mails ul li div.mail-content div.col div.entry .imail h2 { float:none ; font-size: 18px; font-weight: bold;}

.mail div.gridA div.mails span a.button {float:left; width:80px; height: 24px; line-height:24px; display: inline-block; background-color:#2179b5; color: #ffffff; margin-right: 4px; text-align: center;}
.mail div.gridA div.mails div.pag-ctrl { background: #FFF; text-align: left; padding: 10px 20px 0px 90px; font-family: Tahoma, Verdana, SANS-SERIF;}
.mail div.gridA div.mails div.pag-ctrl span.page{ cursor: pointer; padding: 0 2px}
.mail div.gridA div.mails div.pag-ctrl span.page:hover{ cursor: pointer; text-decoration: underline; padding: 0 2px}
.mail div.gridA div.mails div.pag-ctrl span.curpage{ font-weight: bold; background-color: #d7ebf9; padding: 0 2px}


.mail div.gridA div.compose {  font-family: Tahoma, Geneva, sans-serif;}
.mail div.gridA div.compose ul li {float:left; margin-bottom:10px; width:544px}
.mail div.gridA div.compose ul li label { float: left; padding: 8px 12px; font-size: 16px; width: 100px; }
.mail div.gridA div.compose ul li label.error { float: left; font-size: 11px; color:#ff0000; width: 500px; margin-left:120px}
.mail div.gridA div.compose ul li input.text-to { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 354px; }
.mail div.gridA div.compose ul li span.search { background: #FFF url(images/search.png) no-repeat 10px 10px; height: 30px; width: 30px; cursor:pointer; display:block; float:right; margin-right: 10px;}
.mail div.gridA div.compose ul li input.text { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 394px; }
.mail div.gridA div.compose ul li select.select { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 420px; }
.mail div.gridA div.compose ul li textarea.textarea { float: left; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 394px; height: 100px }
.mail div.gridA div.compose ul li input.button { background: #6fb906; color: #ffffff; font-size: 33px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; cursor: pointer; float:right; margin-right: 10px}


.popup-user { background: #FFF; position: fixed; top: 30%; left: 50%; width: 500px; height: 600px; z-index: 2000; margin: -160px 0 0 -260px; background: #2179b5; padding: 12px;   -moz-box-shadow: 0 0 20px #fff; -webkit-box-shadow: 0 0 20px #fff; box-shadow: 0 0 20px #fff; }
.popup-user h3 { font-family: 'Yanone Kaffeesatz',arial,serif; color: #FFF; font-size: 21px; float: left; text-transform: uppercase; }
.popup-user p { font-family: 'Yanone Kaffeesatz',arial,serif; color: #2179b5; font-size: 21px; text-transform: uppercase; padding:10px}
.popup-user a.close { font-size: 14px; background: url(images/viewcomments-close.png) no-repeat right top; height: 13px; color: #64a1cb; float: right; display: inline-block; line-height: 1em; padding-right: 18px; }
.popup-user a.closehi { font-size: 14px; background: url(images/viewcomments-closehi.png) no-repeat right top; height: 13px; color: #fffff0; float: right; display: inline-block; line-height: 1em; padding-right: 18px; }
.popup-user div.box { background: #FFF; margin-top: 8px; height: 484px; overflow: auto; }
.popup-user div.ajax_loader {background: #FFF url('images/ajax-loader.gif') no-repeat center center; margin-top: 8px; height: 238px;  }
.popup-user div.box h2 { font-family: 'Yanone Kaffeesatz',arial,serif; color: #2179b5; font-size: 21px; text-transform: uppercase; padding:10px}
.popup-user div.box p { font-family: Verdana,Tahoma,sans-serif; font-size: 12px; text-transform: none; padding:10px; }
.popup-user div.box ul { }
.popup-user div.box ul li { padding: 2px 10px; position: relative;  }
.popup-user div.box ul li:hover { background-color: #e6f0fb;}
.popup-user div.box ul li p.image { float: left; padding: 5px; }
.popup-user div.box ul li p.image img { border: 5px solid #e6e4e4; padding: 0; }
.popup-user div.box ul li p.image img:hover { border: 5px solid #8F0000; padding: 0; }
.popup-user div.box ul li div.col { float: right; width: 380px; margin-top:8px;}
.popup-user div.box ul li div.col h3 { font-size: 18px; color: #6fb906; float: left; }
.popup-user div.box ul li div.col h3 a {color: #6fb906; }
.popup-user div.box ul li div.col h3 a:hover {color: #cc0000;}
.popup-user div.box ul li div.col span { float: right; }
.popup-user div.box ul li div.col span.send { float: right; margin-right: 10px; cursor: pointer}
.popup-user div.box ul li div.col span.send:hover { font-weight: bold; text-decoration: underline}
.popup-user div.box ul li div.col div.entry { background: #fff0b0; padding: 8px 10px; position: relative; margin-top: 10px; }
.popup-user div.box div.inner-box {background: #FFF;  height: 456px; overflow: auto; }
.popup-user div.box textarea { margin:20px 40px 20px 40px; border: 1px solid #f0f0f0; border-top: 1px solid #a1a1a1; border-left: 1px solid #a1a1a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 12px; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; width: 370px; height: 190px;}
.popup-user div.button { background: #FFF; height: 38px; padding-top: 12px; margin-left: auto; margin-right: auto; text-align:center;}
.popup-user div.button input { background: #6fb906; color: #ffffff; font-size: 24px; font-family: 'Yanone Kaffeesatz', arial, serif; border: 0; text-transform: uppercase; padding: 0 8px; cursor: pointer; text-align: center;}
.popup-user div.button span { padding: 4px 0 0 12px; display: inline-block; *display: inline; zoom: 1; font-size: 12px; }
.popup-user div.button span a { color: #2179b5 }
.popup-user div.pag-ctrl { background: #FFF; text-align: left; padding: 10px 20px 0px 90px; font-family: Tahoma, Verdana, SANS-SERIF;}
.popup-user div.pag-ctrl span.page{ cursor: pointer; padding: 0 2px}
.popup-user div.pag-ctrl span.page:hover{ cursor: pointer; text-decoration: underline; padding: 0 2px}
.popup-user div.pag-ctrl span.curpage{ font-weight: bold; background-color: #d7ebf9; padding: 0 2px}
.popup-user div.search-box {background-color: #ffffff; padding:4px; margin-top: 10px;}
.popup-user div.search-box span.search { background: #FFF url(images/search-disable.png) no-repeat 6px 6px; padding: 2px 6px 3px 22px; width: 20px; cursor:pointer }
.popup-user div.search-box span.search:hover { background: #FFF url(images/search.png) no-repeat 6px 5px; padding: 2px 6px 3px 22px; width: 20px; cursor:pointer }

.tree_view div.gridA { float: left; width:640px; margin-left: 20px; padding: 36px 0; }
.tree_view div.gridA h1 { font-size: 26px; line-height: 1em; padding-bottom: 0; margin-bottom: 16px; float: left; }
.tree_view div.gridA a.normalview { float: right; background: url(images/normal-view-button.png) no-repeat; width: 111px; height: 22px; display: block; margin-top: 6px; }
.tree_view div.gridA p.sub {font-family: Verdana,Tahoma,sans-serif; font-size:12px; border-top: 1px dotted #7c878e; padding-top: 8px; }
.tree_view div.gridA p.sub a { color: #2179b5; text-decoration: underline; }
.tree_view div.gridA p.sub span.map { display: block; float:right; text-align: right; cursor:pointer; font-weight: bold; color:#0066cc; }
.tree_view div.gridA p.sub span.map:hover { color:#b30404; text-decoration: underline }
.tree_view div.gridA h1 { font-size: 26px; line-height: 1em; padding-bottom: 0; margin-bottom: 16px; float: left; }
.tree_view div.gridA a.normalview { float: right; background: url(images/normal-view-button.png) no-repeat; width: 111px; height: 22px; display: block; margin-top: 6px; }

.fb_button { display: block; float:right; font-size: 11px;}
.fb_img { display: block; float:right; margin-right: 90px;}
.fb_img2 { display: inline-block; margin-left: 10px;}
.fb_remove { background: url("images/friends-remove.png") no-repeat center center; display: block; float: right; height: 20px;width: 11px;margin-right: 20px;cursor: pointer;}

.exception div.gridA { float: left; width: 584px; margin-left: 20px; padding: 36px 0; min-height: 400px; height: 400px;}
.exception div.gridA h2 { font-size: 26px; line-height: 1em; padding-bottom: 8px; float: left; }
.exception div.gridA p a { color: #2179b5; text-decoration: underline; padding-left: 1.55em;}
.exception div.gridA div.box { background: #FFF; border-top: 2px solid #bedbee; }
.exception div.gridA div.box h3 { color: #6fb906; font-size: 18px; border-bottom: 1px dotted #000; padding-bottom: 6px; margin: 1.3em; }
.exception div.gridA div.box h3 strong { color: #000000; }
.exception div.gridA div.box ul li { text-align: center; width: 72px; float: left; padding-left: 1.55em; height: 132px; }

.input140 { width: 140px; border:1px solid #ddd; padding: 2px;}
.input140.readonly { background: #eaeaea; cursor: pointer}
.btnSave { display: inline-block; width: 20px; height: 20px; margin-top:4px; background:url(images/save.png) no-repeat}
.btnCancel { display: inline-block; width: 20px; height: 20px; margin-top:4px;  background:url(images/close.png) no-repeat}

.rcContainer { margin: 0 auto 20px auto; width: 380px;}