@import url("reset.css");
@import url("basic.css");
@import url("type.css");
@import url("nav.css");
@import url("illustrations.css");

/*

Ljusröd: #f3d0cf - bakgrund
Gråröd: #796767 - siffror
Mörkgråröd: #312a29 - text

Ljusgrå: #eeeeee - bakgrund
Grå: #777777 - siffror
Mörkgrå: #303030 - text

Gråram: #7f7f7f;

*/

div#main
,div#start
,div#footer
,div#navigation ul {
width: 950px;
margin: 0 auto;
position: relative;
z-index:110;
}

div#errormsg {
background: #f3d0cf;
padding: 10px 20px;
font-weight: bold;
border: 1px solid #000;
}

div.errormsg {
background: #f3d0cf;
padding: 10px 20px;
font-weight: bold;
border: 1px solid #000;
}

div.errormsg-column {
background: #f3d0cf;
padding: 5px 6px;
font-weight: bold;
border: 1px solid #000;
width:336px;
}
div.errormsg-column p{
    margin:0;
    line-height:1.5;
}


div#pages {
width: 550px;
margin-top: 80px;
}

div#page1, div#page2 {
display: none;
visibility: hidden;
}

div#head {
background: url(../img/header-bac.gif) repeat-x 0 30px;
border-bottom: 1px solid #000;
height: 237px;
}

div#head-start {
background: url(../img/header-bac.gif) repeat-x 0 30px;
border-bottom: 1px solid #000;
height: 435px;
}

div#navigation {
background: #c1c1c1 url(../img/navigation-bac.gif) repeat-x left top;
border-bottom: 1px solid #000;
height: 29px;
}

small {
line-height: 1.2em;
}

.link {
cursor: pointer;
}

div#main {
}

div#col-b {
width: 950px;
}

div#col-b a {
color: #000;
}

div#col-b a:hover {
color: #cf4022;
text-decoration: none;
}

div#col-b-1 {
float: left;
/*width: 460px;
padding: 10px 110px 0 0;*/
width: 550px;
padding: 10px 20px 0 0;
position: relative;
}

* html div#col-b-1 {
overflow: hidden;
}

div#signup a {
color: #000;
}

div#signup a:hover {
color: #cf4022;
text-decoration: none;
}

/**/
#flash-wrapper {
background: url(img/bac.gif) repeat-x left top;
/*border-bottom: 1px solid #000;*/
margin-top: 60px;
height: 370px;
width: 950px;
}

#flash {
width: 940px;
margin: 0 auto;
text-align:center;
padding-top:20px;
}
/**/
div#col-b-1 a {
color: #000;
text-decoration:none;
}

div#col-b-1 a:hover {
/*text-decoration: underline;*/
color: #cf4022;
text-decoration: none;
}

div#col-b-1 div.blog a {
color: #cf4022;
text-decoration: none;
}

div#col-b-1 div.blog a:hover {
color: #000;
text-decoration: underline;
}

div#col-b-1 div.latest-post-col-1 a:hover {
color: #cf4022;
text-decoration: none;
}

div#col-b-1 ul.breadcrumb {
overflow: hidden;
margin-bottom: 10px;
}

div#col-b-1 ul.breadcrumb li {
margin: 0 7px 0 -10px;
}

div#col-b-1 ul.breadcrumb li {
float: left;
padding: 0 10px;
background: url(../img/bc.gif) no-repeat 0 60%;
/*font-size: 1.0em;*/
}

div#col-b-1 ul.breadcrumb li.embed {
float: right;
padding: 0;
margin:0;
background:none;
/*font-size: 1.0em;*/
}

div#col-b-1 ul.breadcrumb li a {
color: #000;
font-weight: bold;
text-decoration: none;
}

div#col-b-2 {
float: left;
width: 380px;
margin: 55px 0 0;
}

div#col-b-2 a {
color: #000;
}

div#col-b-2 a:hover {
text-decoration: underline;
}

div#profile-header {
width: 603px;
height: 242px;
overflow: hidden;
background: transparent url(../img/illustration-header.png) no-repeat left top;
margin-top: -88px;
margin-left: -40px;
position: relative;
}

* html div#profile-header {
background: transparent url(../img/illustration-header.gif) no-repeat left top;
}

div#profile-header h2 {
margin: 130px 0px 0px 60px;
}

div#profile-header p {
margin: -4px 0px 0px 62px;
color: #fff;
}

#ChangePassword1 {
margin: 30px 0 30px 0;
}

div#blogmenu {
width: 516px;
height: 217px;
overflow: hidden;
background: transparent url(../img/blogg-tab-menu.png) no-repeat left top;
margin-top: -82px;
position: relative;
}

* html div#blogmenu {
background: transparent url(../img/blogg-tab-menu.gif) no-repeat left top;
}

div#blogmenu ul {
margin: 130px 0px 0px 13px;
}

div#blogmenu ul li {
float: left;
width: 90px;
}

div#blogmenu ul li#bloglink2 {
margin-left: 6px;
}

div#blogmenu ul li#bloglink3 {
margin-left: 18px;
}

div#blogmenu ul li a {
color: #fff;
font-size: 0.9em;
font-weight: bold;
text-decoration: none;
}
div#blogmenu ul li a:hover {
text-decoration: underline;
}

div#blogmenu h2 {
margin: 22px 0px 0px 102px;
}

h2.flag {
font-size: 2.6em;
}

div#blogcols {
width: 982px;
overflow: hidden;
margin-left: -30px;
}

div#blogcols div h3 {
margin-bottom: 0px;
}

div#blogcols div p {
margin: 0;
}


div.col-c {
width: 294px;
float: left;
margin-left: 31px;
display: inline;
}

div.col-c img {
border: 1px solid #919191;
padding: 8px;
}

div#footer {
position: relative;
/*margin-top: 50px;*/
margin-top: 160px;
background: url(../img/stripe.gif) repeat-x;
padding: 20px 0;
z-index:100;
}

div#footer p {
margin: 0;
}

div#footer p a {
color: #000;
}
div#footer p a:hover {
color: #cf4022;
text-decoration: none;
}

div#buttons p {
margin: 0;
}

div.col-start-buttons p {
margin: 0;
}

div#button-join
,div#button-group
,div#button-share
,div#button-skattebetalarna {
float: left;
border: 1px solid #7f7f7f;
}

div#button-join p a {
display: block;
width: 360px;
height: 170px;
overflow: hidden;
text-indent: -999em;
background: url(../img/button-join.gif) no-repeat left top;
}

div.col-start-buttons div#button-group {
margin: 8px 10px 0 0;
}

div#button-group {
margin: 8px 8px 0 0;
}

div#button-group p a {
display: block;
width: 115px;
height: 30px;
padding: 50px 0 0 60px;
font: 11px/1 Arial, Helvetica, sans-serif;
text-decoration: none;
background: url(../img/button-group.gif) no-repeat left top;
color: #292929;
}

div#button-group p a:hover {
text-decoration: underline;
}

div#button-group div.hand {
background: transparent url('../img/hand1.png') no-repeat left top;
width: 93px;
height: 138px;
position: absolute;
margin-top: -57px;
margin-left: -22px;
}

* html div#button-group div.hand {
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

div#button-share {
margin: 8px 0 0 0;
}

div#button-share p a {
display: block;
width: 160px;
height: 18px;
padding: 62px 0 0 15px;
font: 11px/1 Arial, Helvetica, sans-serif;
text-decoration: none;
background: url(../img/button-share.gif) no-repeat left top;
color: #f2d4d4;
}

div#button-share p a:hover {
text-decoration: underline;
}

div#button-skattebetalarna p a {
display: block;
width: 150px;
height: 18px;
padding: 62px 0 0 25px;
font: 11px/1 Arial, Helvetica, sans-serif;
text-decoration: none;
background: url(../img/button-skattebetalarna.gif) no-repeat left top;
color: #292929;
}

div#button-skattebetalarna p a:hover {
text-decoration: underline;
}

div#button-skattebetalarna {
margin: 8px 0 0 10px;
}

div.col-start-buttons {
float: right;
}

div#login {
width: 361px;
height: 110px;
border: 1px solid #7f7f7f;
float: left;
}

/**/
table.logintable {
width: 278px;
margin-top: 20px;
border-collapse: collapse;
}

table.logintable thead tr td.col-h1 {
text-align: right;
}

table.logintable thead tr td.col-h1 a {
color: #000;
}

table.logintable thead tr td.col-h1 a:hover {
color: #cf4022;
text-decoration: none;
}

table.logintable thead tr td.col-h2 {
font: 0.8em/1 Arial, Helvetica, sans-serif;
height: 1em;
padding: 0.5em;
background: #000;
color: #fff;
}

table.logintable tbody tr td.col {
background: #eee;
color: #303030;
padding: 0.8em 0.4em 0.4em 0.6em;
font: 0.916em/1.18 Arial, Helvetica, sans-serif;
vertical-align: middle;
}

table.logintable tbody tr.alt td.col {
background: #f3d0cf;
}

table.logintable tbody tr.alt td.col a {
color: #000;
}

table.logintable tbody tr.alt td.col a:hover {
text-decoration: none;
}

table.logintable tbody tr td.col label {
font-weight: bold;
float: left;
}

table.logintable tbody tr td.col input {
float: right;
border: 1px solid #9fb2c3;
width: 158px;
margin-top: -3px;
padding: 2px;
}

table.logintable tbody tr td.col-b1 label {
font: 0.916em/1.18 Arial, Helvetica, sans-serif;
font-weight: bold;
color: #303030;
}

table.logintable tbody tr td.col-b1 {
padding: 0.4em 0.4em 0 0;
}

table.logintable tbody tr td.col-b2 {
text-align: right;
padding: 0.4em 0.4em 0 0;
}

table.logintable tbody tr td.col2 p {
font-size: 0.916em;
margin: 0.4em;
}

table.logintable tbody tr td.col2 p a {
color: #000;
text-decoration: underline;
}

table.logintable tbody tr td.col2 p a:hover {
color: #cf4022;
text-decoration: none;
}

input.forgotpassword {
border: 1px solid #9fb2c3;
width: 220px;
margin-top: -3px;
padding: 2px;
margin-right: 4px;
}

div#fbinvite {
width: 600px;
height: 650px;
position: absolute;
top: 20px;
left: 174px;
background: #fff;
z-index: 100;
padding: 10px;
border: 1px solid #000;
display: none;
overflow: hidden;
z-index:200;
}

div#fbinvite a {
color: #000;
font-size: 0.85em;
text-decoration: none;
}

div#fbinvite a:hover {
text-decoration: underline;
}

div#profile-groups table {
width: 218px;
}

div#profile-groups table thead tr td {
font: 0.8em/1 Arial, Helvetica, sans-serif;
height: 1em;
padding: 0.5em;
border-bottom: 8px solid #fff;
background: #000;
color: #fff;
}

div#profile-groups table tbody tr td {
font: 0.916em/1.18 Arial, Helvetica, sans-serif;
padding: 0 0.5em 0 0.5em;
}

div#profile-groups table tbody tr td a {
color: #000;
text-decoration: underline;
}

div#profile-groups table tbody tr td a:hover {
color: #cf4022;
text-decoration: none;
}

div.col-start-lists {
float: right;
width: 549px;
border: 1px solid #7f7f7f;
margin-top: 10px;
}

/* Sub menu */
div#submenu {
width: 540px;
padding-bottom: 10px;
margin: 0;
background: transparent url(../img/stripe.gif) repeat-x scroll left bottom;
}

div#submenu ul {
margin-left: -10px;
overflow: hidden;
padding: 6px 0px;
}

div#submenu ul li {
border-left: 1px solid #000;
display: inline;
line-height: 1.5em;
margin-left: -1px;
padding: 0pt 10px;
}

div#submenu ul li a {
font-weight: bold;
color: #000;
}

div#submenu ul li a:hover, div#submenu ul li.sel a {
text-decoration: none;
color: #cf4022;
}

/* Sidmodul - Diskussioner i protesttåg */

div#group-discussion-snippets div.item {
position: relative;
width: 100%;
margin: 8px 0 0;
}

div#group-discussion-snippets div.item h4 {
font: bold 1em/1 Arial, Helvetica, sans-serif;
height: 1em;
padding: 0.5em;
margin: 0;
background: #000;
color: #fff;
}

div#group-discussion-snippets div.item h4 a {
color: #fff;
text-decoration: none;
}
div#group-discussion-snippets div.item h4 a:hover {
text-decoration: underline;
}

div#group-discussion-snippets div.item p {
font: 0.916em/1.18 Arial, Helvetica, sans-serif;
background: #eeeeee;
color: #303030;
padding: 0.5em;
margin: 0;
}

div#group-discussion-snippets div.item.alt p {
background:#f3d0cf;
color: #312a29;
}

div#group-discussion-snippets div.item p a {
color: #303030;
text-decoration: none;
}
div#group-discussion-snippets div.item p a:hover {
text-decoration: underline;
}
div#group-discussion-snippets div.item.alt p a {
color: #312a29;
text-decoration: none;
}
div#group-discussion-snippets div.item.alt p a:hover {
text-decoration: underline;
}

div#group-discussion-snippets div.item p span.author {
font-weight: bold;
}

div#group-discussion-snippets div.item p.member-count {
position: absolute;
top: 0;
right: 0;
background: none;
font: bold 1em/1 Arial, Helvetica, sans-serif;
color: #fff;
}

div#group-discussion-snippets div.item p.member-count a {
color: #fff;
text-decoration: none;
}

div#group-discussion-snippets div.item p.member-count a:hover {
text-decoration: underline;
}

/* Sidmodul - Tidigare inlägg */

div#blog-posts {
clear: both;
margin-top: 8px;
}

div#blog-posts table {
width: 100%;
border-collapse: collapse;
}

div#blog-posts table td.col-2 {
width: 28%;
text-align: center;
}

div#blog-posts table thead tr td {
font: bold 1em/1 Arial, Helvetica, sans-serif;
height: 1em;
padding: 0.5em;
border-bottom: 8px solid #fff;
background: #000;
color: #fff;
}

div#blog-posts table tbody tr td {
background: #eeeeee;
color: #303030;
padding: 0.5em;
font: 0.916em/1.18 Arial, Helvetica, sans-serif;
border-bottom: 1px solid #fff;
}

div#blog-posts table tbody tr td a {
color: #303030;
text-decoration: none;
}
div#blog-posts table tbody tr td a:hover {
text-decoration: underline;
}

div#blog-posts table tbody tr td.col-2 {
border-left: 4px solid #fff;
letter-spacing: -0.03em;
}

div#blog-posts table tbody tr.alt td {
color: #312a29;
background: #f3d0cf;
}

div#blog-posts table tbody tr td.alt a {
color: #312a29;
text-decoration: none;
}

/* Start modules */

div.col-start-text {
float: left;
width: 380px;
margin-top: 8px;
}

div.col-start-text h3 {
font-size: 2.5em;
margin: 0;
}

div.col-start-text p.ingress {
font-size: 1.2em;
font-weight: bold;
padding: 0 0 21px;
margin: 0.33em 0;
background: url(../img/stripe.gif) repeat-x bottom;
}

div.col-start-lists h3 {
font: bold 1.66em/1 Arial, Helvetica, sans-serif;
padding: 0 0 6px;
margin: 0.33em 0;
background: url(../img/stripe.gif) repeat-x bottom;
}

/**/
div#profile-forumposts {
width: 518px;
margin: 20px 14px 6px 0px;
}

div#profile-forumposts h3 {
font: bold 1.66em/1 Arial, Helvetica, sans-serif;
padding: 0 0 6px;
margin: 0.33em 0;
background: url(../img/stripe.gif) repeat-x bottom;
}

div#profile-forumposts table {
width: 100%;
margin-bottom: 8px;
}

div#profile-forumposts table thead tr td {
font: 0.8em/1 Arial, Helvetica, sans-serif;
height: 1em;
padding: 0.5em;
border-bottom: 2px solid #fff;
background: #000;
color: #fff;
}

div#profile-forumposts table thead tr td.col-1 {
width: 400px;
}

div#profile-forumposts table thead tr td a {
color: #fff;
text-decoration: none;
}

div#profile-forumposts table thead tr td a:hover {
text-decoration: underline;
}

div#profile-forumposts table tbody tr td {
background: #eeeeee;
color: #303030;
padding: 0.5em;
font: 0.916em/1.18 Arial, Helvetica, sans-serif;
border-bottom: 1px solid #fff;
height: 50px;
vertical-align: middle;
}

div#profile-forumposts table.alt tbody tr td {
color: #312a29;
background: #f3d0cf;
}

div#profile-forumposts table tbody tr td a {
color: #303030;
text-decoration: none;
}

div#profile-forumposts table tbody tr td a:hover {
text-decoration: underline;
}

div#profile-groupposts {
width: 518px;
margin: 20px 14px 6px 0px;
}

div#profile-groupposts h3 {
font: bold 1.66em/1 Arial, Helvetica, sans-serif;
padding: 0 0 6px;
margin: 0.33em 0;
background: url(../img/stripe.gif) repeat-x bottom;
}

div#profile-groupposts table {
width: 100%;
margin-bottom: 8px;
}

div#profile-groupposts table thead tr td {
font: 0.8em/1 Arial, Helvetica, sans-serif;
height: 1em;
padding: 0.5em;
border-bottom: 2px solid #fff;
background: #000;
color: #fff;
}

div#profile-groupposts table thead tr td.col-1 {
width: 400px;
}

div#profile-groupposts table thead tr td a {
color: #fff;
text-decoration: none;
}

div#profile-groupposts table thead tr td a:hover {
text-decoration: underline;
}

div#profile-groupposts table tbody tr td {
background: #eeeeee;
color: #303030;
padding: 0.5em;
font: 0.916em/1.18 Arial, Helvetica, sans-serif;
border-bottom: 1px solid #fff;
height: 50px;
vertical-align: middle;
}

div#profile-groupposts table.alt tbody tr td {
color: #312a29;
background: #f3d0cf;
}

div#profile-groupposts table tbody tr td a {
color: #303030;
text-decoration: none;
}

div#profile-groupposts table tbody tr td a:hover {
text-decoration: underline;
}
/**/

div#largest-groups-start {
width: 250px;
float: right;
margin: 6px 14px 6px 0px;
display: inline;
}

div#largest-groups-start table {
width: 100%;
border-collapse: collapse;
}

div#largest-groups-start table thead tr td {
font: 0.8em/1 Arial, Helvetica, sans-serif;
height: 1em;
padding: 0.5em;
border-bottom: 8px solid #fff;
background: #000;
color: #fff;
}

div#largest-groups-start table thead tr td.col-2 {
text-align: center;
}

div#largest-groups-start table tbody tr td {
background: #eeeeee;
color: #303030;
padding: 0.5em;
font: 0.916em/1.18 Arial, Helvetica, sans-serif;
border-bottom: 1px solid #fff;
}

div#largest-groups-start table tbody tr td a {
color: #303030;
text-decoration: none;
}
div#largest-groups-start table tbody tr td a:hover {
text-decoration: underline;
}

div#largest-groups-start tbody tr.alt td {
color: #312a29;
background: #f3d0cf;
}

div#largest-groups-start tbody tr td.alt a {
color: #312a29;
text-decoration: none;
}

div#largest-groups-start tbody tr td.col-2 a {
color: #8a8a8a;
}

div#largest-groups-start tbody tr td.col-2 {
border-left: 4px solid #fff;
font-size: 1.2em;
font-weight: bold;
color: #8a8a8a;
width: 20%;
text-align: center;
}

div#latest-posts-start {
width: 250px;
float: left;
margin: 6px 0px 14px 14px;
display: inline;
}

div#latest-posts-start table {
width: 100%;
border-collapse: collapse;
margin-top: 11px;
}

div#latest-posts-start table tbody tr td {
background: #eeeeee;
color: #303030;
padding: 0.7em 0.5em;
font: 0.916em/1.18 Arial, Helvetica, sans-serif;
border-bottom: 1px solid #fff;
}

div#latest-posts-start table tbody tr td a {
color: #303030;
text-decoration: none;
}
div#latest-posts-start table tbody tr td a:hover {
text-decoration: underline;
}

div#latest-posts-start tbody tr.alt td {
color: #312a29;
background: #f3d0cf;
}

div#latest-posts-start tbody tr td.alt a {
color: #312a29;
text-decoration: none;
}

div#latest-posts-start tbody tr td.col-1 {
vertical-align: middle;
}

div#latest-posts-start tbody tr td.col-2 {
border-left: 4px solid #fff;
width: 20%;
text-align: center;
height: 49px;
vertical-align: middle;
}

div#latest-posts-start tbody tr td.col-2 span {
font-size: 1.8em;
font-weight: bold;
color: #8a8a8a;
}

/* Sidmodul - Största protesttågen just nu */

div#popular-groups table {
width: 100%;
border-collapse: collapse;
}

div#popular-groups table td.col-2 {
width: 15%;
text-align: center;
}

div#popular-groups table thead tr td {
font: bold 1em/1 Arial, Helvetica, sans-serif;
height: 1em;
padding: 0.5em;
border-bottom: 8px solid #fff;
background: #000;
color: #fff;
}

div#popular-groups table tbody tr td {
background: #eeeeee;
color: #303030;
padding: 0.5em;
font: 0.916em/1.18 Arial, Helvetica, sans-serif;
border-bottom: 1px solid #fff;
}

div#popular-groups table tbody tr td a {
color: #303030;
text-decoration: none;
}
div#popular-groups table tbody tr.alt td a {
color: #312a29;
text-decoration: none;
}
div#popular-groups table tbody tr td a:hover {
text-decoration: underline;
}

div#popular-groups table tbody tr td.col-2 {
border-left: 4px solid #fff;
color: #777777;
font: bold 1.33em/1 Arial, Helvetica, sans-serif;
letter-spacing: -0.05em;
}

div#popular-groups table tbody tr.alt td {
color: #312a29;
background: #f3d0cf;
}

div#popular-groups table tbody tr td.col-2 a {
color: #796767
}

/* Undersida - Debattera */

div#forum-list div.item {
width: 460px;
}

div#forum-list div.item div.latest-post-col-1 {
width: 351px;
}

/* Undersida - Protesttåg */

div#groupsidelogin h3 {
background: url(../img/icon-small-hand.gif) no-repeat 0pt 0pt;
padding: 4px 0 0 29px;
}

div#groupsidepicture img {
display: block;
border: 1px solid #7f7f7f;
}

div#groupsideactivist h3 {
background: url(../img/icon-small-person.gif) no-repeat 0pt 0pt;
padding: 12px 0 0 29px;
}

div#groupsidespread h3 {
background: url(../img/icon-small-bird.gif) no-repeat 0pt 0pt;
padding: 0 0 0 29px;
}

p#group-side-member-count
,p#group-side-rank
,ul#group-side-functions li {
/*position: relative;
line-height: 2.5;*/
background: #eeeeee no-repeat;
padding: 7px 0 8px 6px;
margin-top: 3px;
}

p#group-side-member-count {
margin-right: 10px;
font-weight: bold;
background-image: url(../img/icon-small-person.gif);
padding-left: 37px;
width: 113px;
}

p#group-side-rank {
width: 212px;
font-weight: bold;
background-image: url(../img/icon-small-ladder.gif);
padding-left: 37px;
width: 183px;
}

p#group-side-member-count span
,p#group-side-rank span {
position: absolute;
right: 5px;
top: 0px;
font: bold 1.5em/30px  Arial, Helvetica, sans-serif;
padding-right: 20px;
background: no-repeat right;
vertical-align: middle;
}

p#group-side-member-count span.trend-up
,p#group-side-rank span.trend-up {
color: #00cf00;
/*background-image: url(../img/icon-trend-up.gif);*/
}

p#group-side-member-count span.trend-normal
,p#group-side-rank span.trend-normal {
color: #1150d7;
/*background-image: url(../img/icon-trend-normal.gif);*/
}

ul#group-side-functions {
}

ul#group-side-functions li a {
color: #000;
}
ul#group-side-functions li a:hover {
color: #cf4022;
text-decoration: none;
}

div#groupsidefunctionleave {
margin-top: 4px;
}
/*li#groupsidefunctionsjoin a, li#groupsidefunctionleave a {
background:transparent url(../img/icon-small-hand.gif) no-repeat scroll 0pt 40%;
padding:0px 0pt 0px 30px;
display: block;
}
li#groupsidefunctionsjoin a:hover, li#groupsidefunctionleave a:hover {
color: #cf4022;
text-decoration: none;
}*/

/*li#groupsidefunctionsnotifysignup a, li#groupsidefunctionsnotifyleave a {
background:transparent url(../img/icon-small-eye.gif) no-repeat scroll 0pt 40%;
padding:0px 0pt 0px 30px;
display: block;
}
li#groupsidefunctionsnotifysignup a:hover, li#groupsidefunctionsnotifyleave a:hover {
color: #cf4022;
text-decoration: none;
}*/

/*li#groupsidefunctionsrecruit a {
background:transparent url(../img/icon-small-hand.gif) no-repeat scroll 0pt 40%;
padding:0px 0pt 0px 30px;
display: block;
}
li#groupsidefunctionsrecruit a:hover {
color: #cf4022;
text-decoration: none;
}*/

/*li#groupsidefunctionsedit a {
background:transparent url(../img/icon-edit.gif) no-repeat scroll 0pt 40%;
padding:0px 0pt 0px 30px;
display: block;
}
li#groupsidefunctionsedit a:hover {
color: #cf4022;
text-decoration: none;
}*/

div#group-side-top-users {
float: right;
width: 202px;
}

div#groupsideactivist table {
width: 360px;
border-collapse: collapse;
}

div#groupsideactivist table td.col-1 {
width: 30px;
}

div#groupsideactivist table td.col-2 {
width: 134px;
}

div#groupsideactivist table td.col-3 {
width: 42px;
text-align: center;
}

div#groupsideactivist table thead tr td {
font: bold 1em/1 Arial, Helvetica, sans-serif;
height: 1em;
padding: 0.5em 0;
border-bottom: 8px solid #fff;
background: #000;
color: #fff;
}

div#groupsideactivist table tbody tr td {
background: #eeeeee;
color: #303030;
padding: 0 5px;
font: 0.916em/1.18 Arial, Helvetica, sans-serif;
border-bottom: 1px solid #fff;
vertical-align: middle;
}

div#groupsideactivist table tbody tr.alt td {
color: #312a29;
background: #f3d0cf;
}

div#groupsideactivist table tbody tr td.col-1 {
padding: 0;
border-right: 4px solid #fff;
}

div#groupsideactivist table tbody tr td.col-1 img {
display: block;
}

div#groupsideactivist table tbody tr td.col-1-fb {
padding: 0;
border-right:4px solid #FFFFFF;
width: 50px;
}

div#groupsideactivist table tbody tr td.col-2 {
border-right: 4px solid #fff;
}

div#groupsideactivist table tbody tr td.col-2-fb {
border-right:4px solid #FFFFFF;
width: 114px;
vertical-align: top;
padding: 10px 5px 0;
}
div#groupsideactivist table tbody tr td.col-2-fb-solo {
border-right:4px solid #FFFFFF;
vertical-align: top;
padding: 10px 5px 0;
}

div#groupsideactivist table tbody tr td.col-3 {
font: bold 1.33em/1 Arial, Helvetica, sans-serif;
letter-spacing: -0.05em;
color: #777777;
}

div#groupsideactivist table tbody tr.alt td.col-3 {
color: #796767
}

div#groupsideactivist table tbody tr td a {
color: #303030;
text-decoration: none;
}
div#groupsideactivist table tbody tr td.col-3 a {
color: #796767
}
div#groupsideactivist table tbody tr td a:hover {
text-decoration: underline;
}

div#group-discussion {
/*width: 460px;*/
}

/* Undersida - BLOGG */

div#blog-info h3 {
margin: 12px 0px 0px 8px;
}

div#blog-info p {
width: 356px;
margin: 4px 0px 0px 8px;
}

ul#blog-side-functions li {
position: relative;
float: left;
width: 115px;
line-height: 2.5;
background: #eee no-repeat;
margin: 0 0 10px;
padding: 0 0 0 35px;
}

div.blog {
background: url(../img/stripe.gif) repeat-x;
padding-top: 20px;
width: 550px;
clear: both;
border-bottom: 1px solid #000;
margin-bottom: 10px;
}

div.blog h3 {
margin: 0 0 0.5em;
}

div.blog h3 a {
text-decoration: none;
color: #000;
}

div.blog div.item {
width: 100%;
position: relative;
margin-bottom: 50px;
}

div.blog div.alt {
width: 100%;
position: relative;
}

div.blog div.item h4 {
font: bold 1em/1.5 Arial, Helvetica, sans-serif;
margin: 0 0 1.5em;
padding: 0.5em;
background: #eee;
}

div.blog div.item.alt h4 {
background: #f3d0cf;
}

div.blog div.item h4 span.date {
font: normal 0.834em/1.8 Arial, Helvetica, sans-serif;
}

div#blog-side-picture img {
display: block;
border: 1px solid #7f7f7f;
}

ul#blog-side-functions {
float: left;
width: 150px;
margin: 22px 0 0;
}

ul#blog-side-functions li a {
color: #000;
}

div#blog-side-persons {
/*float: right;*/
width: 202px;
}

div#blog-side-persons table {
width: 202px;
border-collapse: collapse;
}

div#blog-side-persons table td.col-1 {
width: 30px;
}

div#blog-side-persons table td.col-2 {
width: 140px;
}

div#blog-side-persons table td.col-3 {
width: 42px;
text-align: center;
}

div#blog-side-persons table thead tr td {
font: bold 1em/1 Arial, Helvetica, sans-serif;
height: 1em;
padding: 0.5em 0;
border-bottom: 8px solid #fff;
background: #000;
color: #fff;
}

div#blog-side-persons table tbody tr td {
background: #eeeeee;
color: #303030;
padding: 0 0.5em;
font: 0.916em/1.18 Arial, Helvetica, sans-serif;
border-bottom: 1px solid #fff;
vertical-align: middle;
}

div#blog-side-persons table tbody tr.alt td {
color: #312a29;
background: #f3d0cf;
}

div#blog-side-persons table tbody tr td a {
color: #303030;
text-decoration: none;
}
div#blog-side-persons table tbody tr td a:hover {
text-decoration: underline;
}

div#blog-side-persons table tbody tr td.alt a {
color: #312a29;
text-decoration: none;
}

div#blog-side-persons table tbody tr td.col-1 {
padding: 0;
border-right: 4px solid #fff;
}

div#blog-side-persons table tbody tr td.col-1 img {
display: block;
}

div#blog-side-persons table tbody tr td.col-2 {
border-right: 4px solid #fff;
}

div#blog-side-persons table tbody tr td.col-3 {
font: bold 1.33em/1 Arial, Helvetica, sans-serif;
letter-spacing: -0.05em;
color: #777777;
}

div#blog-side-persons table tbody tr td.col-3 a {
color: #777777;
}

div#blog-side-persons table tbody tr.alt td.col-3 {
color: #796767
}

/* Klasser */

div.main-module {
width: 384px;
}

div.side-module, div.main-module {
padding: 8px;
margin: 0 0 8px;
border: 1px solid #7f7f7f;
}

div.side-module h3, div.main-module h3 {
font: bold 1.66em/1 Arial, Helvetica, sans-serif;
/*padding: 0 0 12px;*/
margin: 0.33em 0;
/*background: url(../img/stripe.gif) repeat-x bottom;*/
}

div.start-inner-module {
padding: 10px;
margin-top: 10px;
}

div.start-inner-module a {
color: #000;
}

div.start-inner-module a:hover {
text-decoration: none;
}

div.start-inner-module ul {
clear: both;
padding-top: 2px;
}

div.start-inner-module ul li {
background: url(../img/arrow.gif) no-repeat 0pt 50%;
padding-left: 10px;
margin-top: 4px;
}

div.start-inner-module ul li a {
color: #000;
text-decoration: none;
}

div.start-inner-module ul li a:hover {
text-decoration: underline;
}

div.inner-module {
background: #eee;
padding: 10px;
margin-top: 3px;
}

div.inner-module a img {
vertical-align: middle;
}

div.inner-module ul {
clear: both;
padding-top: 2px;
}

div.inner-module ul li {
background: url(../img/arrow.gif) no-repeat 0pt 50%;
padding-left: 10px;
margin-top: 4px;
}

div.inner-module ul li a {
text-decoration: none;
}

div#inner-group-rank {
margin-top: 22px;
padding-left: 18px;
background: url(../img/icon-ladder.gif) no-repeat 0pt 0pt;
}

/*div#popular-groups {
margin-bottom: 80px;
}*/

ul.paging li {
/*display: inline;*/
float: left;
padding: 0 2px;
font-weight: bold;
color: #a62428;
}

ul.paging li a {
color: #000;
font-weight: normal;
}

ul.paging li.prev-page {
text-transform: lowercase;
float: left;
}

ul.paging li.prev-page a {
color: #a62428;
}

ul.paging li.next-page {
text-transform: lowercase;
float: right;
}

ul.paging li.next-page a {
color: #a62428;
}

ul.item-footer li {
display: inline;
padding: 0 2px;
font-weight: bold;
color: #a62428;
}

ul.item-footer li a {
color: #000;
font-weight: normal;
}

ul.item-footer li a:hover {
color: #cf4022;
text-decoration: none;
}

div.blog-footers {
margin-top: 1.5em;
}

div.blog-footers ul.item-footer {
float: left;
}

div.blog-footers p {
margin-top: 1px;
float: right;
font-size:0.916em;
}

div.blog-footers p a {
color: #000;
}

div.blog-footers p a:hover {
color: #cf4022;
text-decoration: none;
}

img.border {
padding: 5px;
border: 1px solid #7f7f7f;
}

div.thread {
background: url(../img/stripe.gif) repeat-x;
padding-top: 20px;
width: 550px;
clear: both;
margin-top: 20px;
}

div.thread h3 {
margin: 0 0 0.5em;
}

div.thread div.item {
width: 100%;
position: relative;
margin-top: 16px;
}

div.thread div.item h4 {
font: bold 1em/1.5 Arial, Helvetica, sans-serif;
margin: 0;
padding: 0.5em;
background: #eeeeee;
}

div.thread div.item h4 a {
color: #000;
text-decoration: none;
}
div.thread div.item h4 a:hover {
text-decoration: underline;
}

div.thread div.item p.report-abuse
,div.thread div.item p.date {
position: absolute;
right: 0;
top: 0;
margin: 0;
padding: 0.6em 0.6em 0.6em 10px;
font: 0.86em/1.8 Arial, Helvetica, sans-serif;
width: 90px;
border-left: 4px solid #fff;
}

div.thread div.item p.report-abuse a {
color: #000;
/*font: bold 1.1em/11px Arial, Helvetica, sans-serif;*/
padding: 3px 0 4px 23px;
background: url(../img/icon-report-abuse.gif) no-repeat 0 0.2em;
}
div.thread div.item p.report-abuse a:hover {
color: #cf4022;
text-decoration: none;
}

div.blog div.item ul li {
color: #000;
font-weight: normal;
}

ul li.blog-item-comment {
padding: 5px 0 4px 26px;
background: url(../img/icon-comment.gif) no-repeat;
margin-right: 20px;
font-size: 0.95em;
}

ul li.blog-item-share {
padding: 8px 0 4px 32px;
background: url(../img/icon-bird.gif) no-repeat;
font-size: 0.95em;
color: #000;
font-weight: normal;
}

div.thread div.item h4 span.date {
font: normal 0.834em/1.8 Arial, Helvetica, sans-serif;
}

div.thread div.item p {
padding: 0.5em;
margin: 0 0 0.5em;
width: 430px;
}

div.thread div.item.alt h4 {
background: #f3d0cf;
}

div.discussion-list {
background: url(../img/stripe.gif) repeat-x;
padding-top: 20px;
width: 550px;
clear: both;
}

div.discussion-list div.item {
border-bottom: 1px solid #000;
margin: 0 0 1.5em;
padding: 0 0 1.5em;
}

div.discussion-list div.item h3 {
margin: 0 0 5px;
}

div.discussion-list div.item h3 a {
text-decoration: none;
color: #000;
}

div.discussion-list div.item p {
margin: 0.5em 0;
}

div.discussion-list div.item img {
float: left;
padding: 3px;
margin: 0 10px 10px 0;
border: 1px solid #7f7f7f;
}

div.discussion-list div.item div.latest-post {
clear: both;
}

div.discussion-list div.item div.latest-post-col-1 {
position: relative;
float: left;
width: 445px;
}

div.discussion-list div.item div.latest-post-col-2 {
float: left;
width: 105px;
}

div.discussion-list div.item div.latest-post h4 {
background: #f3d0cf;
border-bottom: 1px solid #fff;
padding: 0.5em;
margin: 0;
}

div.discussion-list div.item div.latest-post h4 span.author {
font-weight: normal;
}
div.discussion-list div.item div.latest-post h4 span.author a {
font-weight: normal;
color: #000;
text-decoration: none;
}
div.discussion-list div.item div.latest-post h4 span.author a:hover {
text-decoration: underline;
}

div.discussion-list div.item div.latest-post h4 span.date {
font-weight: normal;
font: 0.834em/1.8 Arial, Helvetica, sans-serif;
}

div.discussion-list div.item div.latest-post p {
background: #eeeeee;
color: #303030;
padding: 0.5em;
margin: 0;
}

div.discussion-list div.item div.latest-post p a {
color: #303030;
text-decoration: none;
}
div.discussion-list div.item div.latest-post p a:hover {
text-decoration: underline;
}

div.discussion-list div.item div.latest-post p.date {
top: 0;
right: 0;
position: absolute;
background: none;
font: 0.834em/1.8 Arial, Helvetica, sans-serif;
padding: 0.6em;
}

div.discussion-list div.item div.latest-post p.replies {
height: 5.45em;
padding: 0.6em 0.6em 1px;
background: #f3d0cf;
color: #312a29;
border-left: 4px solid #fff;
font: 0.83em/1.8 Arial, Helvetica, sans-serif;
text-align: center;
}

div.discussion-list div.item div.latest-post p.replies span {
display: block;
margin: 3px 0 0;
font: bold 2.4em/1 Arial, Helvetica, sans-serif;
letter-spacing: -0.05em;
color: #796767;
}

div.discussion-list div.item div.latest-post p.replies a:hover span {
text-decoration: underline;
}

div.post h3 {
margin: 1.5em 0 0.5em;
}

div.post label {
float: left;
font-weight: bold;
width: 7em;
}

div.raster {
position: absolute;
width: 100%;
height: 100%;
background: url(../img/raster.gif);
margin: -10px 0px 0px -10px;
}

div#emailimporter {
display: none;
}

div.register, div.chose-group, div.create-group, div.invite {
border: 1px solid #919191;
padding: 10px;
margin-top: 10px;
position: relative;
}

div.register {
margin-top: 46px;
}

div.register label, div.chose-group label, div.create-group label, div.invite label {
width: 11em;
}

div.invite label span {
font-size: 0.85em;
font-style: italic;
font-weight: normal;
}

div.chose-group span {
float: right;
}

input.textinputspread {
border: 1px solid #9fb2c3;
padding: 2px;
width: 336px;
color: #595959;
margin-bottom: 8px;
}

textarea.textareaspread {
border: 1px solid #9fb2c3;
padding: 2px;
width: 336px;
height: 82px;
margin-bottom: 6px;
}

div.post-row input
,div.post-row-alt input {
float: left;
/*width: 215px;*/
border: 1px solid #9fb2c3;
padding: 2px;
}

div.post-row select
,div.post-row-alt select {
float: left;
width: 215px;
border: 1px solid #9fb2c3;
}

div.post-row textarea
,div.post-row-alt textarea {
float: left;
}

div.post-row a {
color: #000;
}

div.post-row a:hover {
color: #cf4022;
text-decoration: none;
}

div.post textarea {
width: 424px;
height: 110px;
border: 1px solid #9fb2c3;
font: 1em/1 Arial, Helvetica, sans-serif;
padding: 2px;
}

div.post-row
,div.post-row-alt {
padding: 4px 4px 4px 8px;
margin: 0 0 1px;
}

div.post-row {
background: #f3d0cf;
color: #312a29;
}

div.post-row-alt {
background: #eeeeee;
color: #303030;
}

div.post .button-gray {
margin-top: 1em;
}

/* Box klass */

div.box-gray,
div.box-red {
font: 0.916em/1.18 Arial, Helvetica, sans-serif;
background: #eeeeee;
color: #303030;
margin: 0 0 1em;
padding: 0 0 0.5em;
}

div.box-red {
background:#f3d0cf;
color: #312a29;
}

div.box-gray p,
div.box-red p {
margin: 1em 0.5em 0.5em;
}

h4.box-header {
font: bold 1em/1 Arial, Helvetica, sans-serif;
height: 1em;
margin: 0;
padding: 0.5em;
border-bottom: 1px solid #fff;
background: #000;
color: #fff;
}

/* Registrera information */

p#register-information-bottom {
margin: 0;
}

/* Formulär */

button.button-gray,
input.button-gray,
a.button-gray {
cursor: pointer;
padding: 0;
margin: 0;
width: 1;
overflow: visible;
}

button.button-gray,
a.button-gray {
border: none;
background: none;
}

button.button-gray span,
a.button-gray {
display: block;
width: auto;
text-decoration: none;
}

button.button-gray span,
input.button-gray,
a.button-gray span {
padding: 0.5em 1em;
border: 1px solid #7f7f7f;
color: #2b2b2b;
background: #b8b8b8 url(../img/gray-button-bac.gif) repeat-x left top;
font: bold 0.916em/1 Arial, Helvetica, sans-serif;
/*text-decoration: underline;*/
}

a.button-gray span {
display: block;
}

div#blogcols a.button-gray {
margin-top: 14px;
width: 180px;
text-align: center;
}


a.new-thread {
clear: both;
width: 100px;
margin-bottom: 12px;
}

div#fbfriends {
padding-right: 0;
}

div#fbfriends div {
float: left;
margin: 0 8px 8px 0;
}

/* List group users */
/*table {
width: 360px;
border-collapse: collapse;
}

div#groupsideactivist table td.col-1 {
width: 30px;
}*/

table#list-users td.col-2 {
width: 125px;
}

table#list-users table td.col-3 {
width: 42px;
text-align: center;
}

table#list-users table thead tr td {
font: bold 1em/1 Arial, Helvetica, sans-serif;
height: 1em;
padding: 0.5em 0;
border-bottom: 8px solid #fff;
background: #000;
color: #fff;
}

table#list-users tbody tr td {
background: #eeeeee;
color: #303030;
padding: 0 5px;
font: 0.916em/1.18 Arial, Helvetica, sans-serif;
border-bottom: 1px solid #fff;
vertical-align: middle;
}

table#list-users tbody tr.alt td {
color: #312a29;
background: #f3d0cf;
}

table#list-users tbody tr td.col-1 {
padding: 0;
border-right: 4px solid #fff;
}

table#list-users tbody tr td.col-1 img {
display: block;
}

table#list-users tbody tr td.col-1-fb {
padding: 0;
border-right:4px solid #FFFFFF;
width: 50px;
}

table#list-users tbody tr td.col-2 {
border-right: 4px solid #fff;
}

table#list-users tbody tr td.col-2-fb {
border-right:4px solid #FFFFFF;
width: 114px;
vertical-align: top;
padding: 10px 5px 0;
}

table#list-users tbody tr td.col-3 {
font: bold 1.33em/1 Arial, Helvetica, sans-serif;
letter-spacing: -0.05em;
color: #777777;
}

table#list-users tbody tr.alt td.col-3 {
color: #796767
}

table#list-users tbody tr td a {
color: #303030;
text-decoration: none;
}
table#list-users tbody tr td.col-3 a {
color: #796767
}
table#list-users tbody tr td a:hover {
text-decoration: underline;
color:#000;
}

/* vimpel */
div.vimpel-container 
{
    margin-top:60px;
    border-bottom:1px solid #9e9e9e;
    padding-bottom:7px;
    margin-bottom:10px;
}

/* Share */
a.toggle-link 
{
    background:transparent url(../img/arrow.gif) no-repeat scroll 0 50%;
    margin-top:4px;
    padding-left:14px;
    font-weight:bold;
    text-decoration:none;
}
a.toggle-link-active 
{
    background:url(../img/arrow-down.gif) no-repeat 0 50%;
    margin-top:4px;
    padding-left:14px;
    font-weight:bold;
    text-decoration:none;
}

a#link-embed 
{
    font-weight:bold;
}

div#embed-vimpel 
{
    position:absolute;
    top:210px;
    left:300px;
    width:364px;
    height:130px;
    background-color:#eee;
    border:1px solid #808080;
    z-index:100;
    padding:0;
    margin:0;
    display:none;
}

div#embed-vimpel p 
{
    margin: 7px 0 5px 8px;
    padding:0;
}

div#embed-vimpel textarea 
{
   margin: 0 0 0 8px;
   width:344px;
   height:70px;
   background-color:#fff;
   border:1px solid #9fb2c3 !important;
} 
a#embed-close
{
    background:url(../img/button-close.gif) no-repeat 0 60%;
    padding-right:10px;
    position:absolute;
    top:8px;
    width:10px;
    height:10px;
    left:347px;
} 

/* Startsida ändringar */

div#start-twitter {
position: absolute;
top: 345px;
left: 463px;
background: url(../img/twitter.gif) no-repeat 0 100%;
padding: 0 0 18px 82px;
width: 406px;
z-index:150;
}

div#start-twitter p#start-twitter-text,
div#start-twitter p#start-twitter-link {
background: #5c7aae;
color: #fff;
height: 40px;
padding: 5px;
margin: 0;
float: left;
line-height: 1.42;
}

div#start-twitter p#start-twitter-text {
width: 306px;
padding-left: 15px;
margin-right: 3px;
font-weight: bold;
}

div#start-twitter p#start-twitter-link {
width: 66px;
}

div#start-twitter p a {
color: #fff;
font-weight: bold;
}

div#latest-events {
width: 521px;
padding: 14px;
}

div#latest-events table {
width: 100%;
border-collapse: collapse;
margin-top: 11px;
}

div#latest-events table tbody tr td {
background: #eeeeee;
color: #303030;
vertical-align: middle;
font: 0.916em/1.18 Arial, Helvetica, sans-serif;
border-bottom: 1px solid #fff;
}

div#latest-events tbody tr.alt td {
color: #312a29;
background: #f3d0cf;
}

div#latest-events table tbody tr td.photo {
width: 50px;
border-right: 3px solid #fff;
}

div#latest-events table tbody tr td.photo img {
display: block;
}

div#latest-events table tbody tr td.text {
padding: 0 9px;
}

div#latest-events table tbody tr td.text a {
color: #000;
}

/* Sprid sida */

div#share-intro {
padding: 20px 0 30px;
width: 550px;
}

div#share-intro h2 {
padding: 0 0 0 35px;
background: url(../img/icon-small-bird.gif) no-repeat 0 50%;
}

div#share-links {
border-bottom: 1px solid #000;
margin: 0 0 20px;
}

div#share-links a {
float: left;
width: 382px;
height: 76px;
background: url(../img/twitter2.gif);
text-indent: -999em;
overflow: hidden;
position: relative;
}

div#share-links div#share-twitter {
float: left;
margin: 0 0 -8px;
}

div#share-links div#share-create {
float: right;
margin: -80px 0 0;
}

div#share-links div#share-create a {
background: url(../img/starta-ett-protesttag.gif);
width: 357px;
height: 129px;
}

div#share-banners {
width: 965px;
}

div#share-banners h4 {
font-size: 1.66em;
margin: 0 0 15px;
}

div#share-banners h4 small {
font-size: 0.6em;
font-weight: normal;
}

div#share-banners ul.banners {
float: left;
}

div#share-banners ul#share-banners-1 {
width: 465px;
}

div#share-banners ul#share-banners-2 {
width: 314px;
}

div#share-banners ul#share-banners-3 {
width: 186px;
}

ul.banners li,
ul.banners li a,
ul.banners li a img,
ul.banners li a span {
float: left;
}

ul.banners li {
display: inline;
margin: 0 10px 12px 0;
background: #3e5693;
}

ul.banners li#banner-8 {
margin-left: -12px;
margin-top: 12px;
}

ul.banners li#banner-7 {
float: right;
}

ul.banners li a {
color: #fff;
font-weight: bold;
}

ul.banners li a span {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 20px;
line-height: 20px;
margin: -10px 0 0 -50%;
text-align: center;
display: none;
}

ul.banners li.hover,
ul.banners li.active {
position: relative;
}

ul.banners li.hover a img,
ul.banners li.active a img,
ul.banners li a:hover img {
filter: alpha(opacity=5);
-moz-opacity: .05;
opacity: .05;
}

ul.banners li.hover a span,
ul.banners li.active a span,
ul.banners li a:hover span {
display: inline;
}

ul.banners li div.embed-box {
position: absolute;
top: 100%;
left: 0;
width: 300px;
margin: 1px 0 0;
padding: 10px 20px 20px;
background: #3e5693;
color: #fff;
z-index: 100;
}

ul.banners li div.embed-box p {
margin: 0;
}

ul.banners li div.embed-box textarea {
margin: 0;
padding: 5px;
width: 260px;
height: 100px;
background: #fff;
border: none;
}