/* Import */

@import url("page-variations.css");
@import url("nav-variations.css");

/* ------- global elements ---------- */

body
{
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ae8d5d;
    font-size: 1em;
}
p
{
    font-size: 0.95em;
    line-height: 150%;
}
h1
{
}

h2
{
    color: #000;
}
.Hidden {
    background-color: transparent;
    color: #ffffff;
    font-size: 1px;
	margin-bottom: -10px;
	position: absolute;
	margin-left: -9999px;
	margin-top: -9999px;
}
.bg-bottom
{
    padding-bottom: 20px;
}

input, select
{
    border: 1px #999 solid;
    width: 200px;
    min-height: 18px;
}
.articlewrap {
    width:886px;
    margin:auto;
}
a
{
    color: #FFF;
}

a:hover
{
    text-decoration: underline;
}


#wrapper
{
    background-position: top center;
    background-repeat: no-repeat;
}

.header
{
    width: 886px;
    height: 145px;
    margin: 0 auto;
}

.title
{
    float: left;
}
.title h1
{
    background: none;
    float: left;
    margin: 80px 0 0 40px;
}

.footer li
{
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
}


.footer ul
{
    clear: both;
    font-size: 1em;
}

.footer li.unicef-info
{
    float: right;
}



.footer ul.footer_bookmark li
{
    padding-right: 15px;
}


.footer a
{
    color: #fff;
}
/* --------- tagd logo types -------*/

.tagd_logo /* Defines generic logo */
{
    float: left;
    width: 120px;
    margin-top: 20px;
    height: 106px;
    background-position: center;
    background-repeat: no-repeat;
}

/* --------- end tagd logo types -------*/

.unicef_logo
{
    float: right;
    width: 123px;
    margin-top: 80px;
}

/*---- footer types ----*/

.footer
{
    min-height: 35px;
    float:right;
    margin-top: 30px;
    color: #ffffff;
    font-size: 0.7em;
    padding: 15px 20px 10px 20px;
    overflow: hidden;
}

/*---- Submit To ----*/
.submit_to
{
    border-top: #CCCCCC solid 1px;
    border-bottom: #CCCCCC solid 1px;
    margin: 20px 0;
    float:left;
    width:100%;
    position:relative;
    padding: 5px 0;
}
.content .submit_to h2
{
    color:#000;
    font-size: 1.2em;
    padding: 5px 0;
    background-color: Transparent;
}
.submit_to li
{
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}
.submit_to ul
{
    margin-left:15px;
    clear: both;
    font-size: 1em;
}
/* ------- Top Bar -------- */

.linkwrap
{
    position:relative;
}

.linkwrap li
{
    float: left;
    margin-right: 10px;
    padding-top: 8px;
    list-style-type: none;
}

.linkwrap li.button, .linkwrap li.Name, .linkwrap li.Password
{
    padding-top: 5px;
}

.linkwrap span.verifier
{
    background-color:#000;
    position: absolute;
    padding: 5px 150px 7px 20px;
    margin-top:-2px;
    z-index:99;
}
.linkwrap span.verifier a
{
    color:Red;
    visibility:inherit;
}
.linkwrap input
{
    border: none;
    color: Gray;
}

.linkwrap .searchtop ul.toplogin li
{
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.linkwrap .login span input
{
    width: 120px;
    margin-right:5px;
}

.linkwrap .login input.Send
{
    background-image: url(../images/form-go-button.gif);
    border: none;
    background-color: Transparent;
    width: 25px;
    height: 19px;
    font-size: 0.9em;
    color: #000;
    margin-top: 1px;
    cursor:pointer;
}

.linkwrap ul.toplogin li input.toplogin-button
{
    background-image: url(../images/form-search-button.gif);
    background-position: top left;
    border: none;
    background-color: Transparent;
    width: 46px;
    height: 19px;
    font-size: 0.9em;
    color: #000;
    cursor:pointer;
}

.linkwrap .log-out input
{
    background-image: url(../images/form-search-button.gif);
    background-position: top left;
    border: none;
    background-color: Transparent;
    width: 46px;
    height: 19px;
    font-size: 0.9em;
    color: #000;
}

.linkwrap span input
{
    margin-right: 3px;
}
.linkwrap .Name input
{
    padding-left: 3px;
    width: 107px;
    padding-top: 3px;
}

.linkwrap .Password input
{
    padding-left: 3px;
    width: 107px;
    padding-top: 3px;
}

.linkwrap input.searchbox
{
    padding-left: 3px;
    width: 107px;
    padding-top: 3px;
    margin-right: 5px;
}

.linkwrap div.login input.toplogin-button
{
    width: 30px;
    margin-top: 1px;
}

.linkwrap .searchtop input.toplogin-button
{
    width: 100px;
    margin-top: 1px;
}

.linkwrap span.Persist
{
    float: left;
    padding-left: 10px;
    margin-top: 2px;
}

.linkwrap .Persist input, .linkwrap .Persist label
{
    float: left;
    margin-right: 10px;
}

.linkwrap .login span.Persist input
{
    width: auto;
    float: left;
}
.register
{
    background-color: #000;
    color: #FFF;
    overflow: hidden;
    padding-bottom:6px;
}

.register label
{
    margin:0 10px 0 0;
    /*display: none;
    visibility: hidden;*/
}

.register span.log-out
{
    margin-top: 3px;
    margin-right: 10px;
}
.register form ul
{
    padding-top: 4px;
}

.register a
{
    color: #fff;
    text-decoration: underline;
}

.register a:hover
{
    text-decoration: none;
}

.login
{
    float: left;
    white-space:nowrap;
}

.searchtop
{
    float: right;
    margin-top: 4px;
}

.searchtop ul
{
    padding-right: 0;
    margin-right: 0;
}
.linkwrap
{
    font-size: 0.8em;
    margin: auto;
    width:884px;
}

.toplogin
{
    float: left;
}

.toplogin-button input
{
    width: 10px;
}

/* ------- global elements: navigation ---------- */


.nav /* Global Nav */
{
    height:37px;
    width: 871px;
    clear: both;
    padding-left: 15px;
    font-size: 0.8em;
    color: #ffffff;
    padding-top: 8px;
    margin:auto;
    z-index: 999;
}

.nav .active-wrap
{
    float: left;
    margin-right: 6px;
    z-index: 998;
}
#wrapper .nav .Active li .active-wrap,
#wrapper .nav .Active li .active-wrap .active-l,
#wrapper .nav .Active li .active-wrap .active-r
{
    background-color: transparent;
    background-image: none;
}

.nav a
{
    color: #fff;
    padding:2px 7px;
    outline:none;
}
.active-m span {padding:2px 7px;}
.nav a:hover
{
    text-decoration: underline;
}

.navtext
{
    margin-top: 15px;
    float: left;
    margin-right: 20px;
}

.nav li
{
    float: left;
    list-style-type: none;
}

.nav li ul li
{
    padding-top: 0;
}


/* Active Navigation */


.active-l
{
    height: 29px;
    width: 2px;
    margin-right: 0;
    float: left;
}
.active-m
{
    padding: 0px;
    height: 29px;
    float: left;
}

.active-r
{
    height: 29px;
    width: 2px;
    float: left;
    margin-left: 0;
}



.bricks_counter
{
    float: right;
    width: auto;
    font-size: 1.2em;
    display: none;
    text-align: right;
    margin-right: 10px;
}

.bricks_counter .active-m
{
	line-height: 1.8em;
	padding-left: 5px;
	padding-right: 5px;
}

.nav .bricks_counter ul li
{
    margin: 0;
    padding: 0;
}

.nav .bricks_counter ul
{
    float: left;
}


.nav .bricks_counter ul li.active
{
    margin: 0;
    padding: 0;
}
.nav ul li.Level0
{
    width:80%;
}

/*------ Navigation2 -----*/

.left-column
{
    float: left;
    width:156px;
}

.make-your-tag
{
    clear: both;
    background-repeat: no-repeat;
    margin-top: 20px;
}

.navleft
{
    position:relative;
    width: 146px;
    background-color: #ffffff;
    float: left;
    padding: 5px 5px 5px 5px;
    min-height: 110px;
    border:1px solid #fff;
    border-top: none;
    margin-bottom: 20px;
}
.navleft a
{
    font-size:0.8em;
    font-weight:bold;
    padding:4px 4px 4px 10px;
}
/* The ASP code creates a DIV and this is used to style the navigation on the left */

.navleft ul li div
{
    background-color: #dcedc6;
    margin-bottom: 5px;
    min-height: 23px;
    font-size: 0.8em;
    width: 141px;
    padding-top: 5px;
    padding-left: 5px;
    clear: both;
    float: left;
    position:relative;
}
.navleft li span
{
    display:block;
    float:left;
    height:100%;
    font-size:0.8em;
    font-weight:bold;
    padding:4px 4px 4px 10px;
    width:132px;
}
.navleft ul li div a
{
    float: none;
    clear: both;
}


.navleft li a
{
    color: #000;
    display: block;
    outline:none;
}

.navleft-link
{
    background-color: #dcedc6;
    min-height: 20px;
    padding: 6px 5px 3px 8px;
    font-size: 0.8em;
    font-weight:bold;
}

.navleft li
{
    float:left;
    clear:both;
    width:100%;
    display:block;
    margin:1px 0 0;
}

.navleft li {display:none;}
.navleft li.Active,
.navleft li.Descendant,
.navleft li.Ancestor,
.navleft li.Parent,
.navleft li.Level2, .navleft li.Level2.Sibling, .navleft li.Level2.Sibling li,/*
.navleft li.Level3, .navleft li.Level3.Sibling, .navleft li.Level3.Sibling li,
.navleft li.Level4, .navleft li.Level4.Sibling, .navleft li.Level4.Sibling li,
.navleft li.Active li.Level2,
.navleft li.Active li.Level3,
.navleft li.Active li.Level4*/
.navleft li.Active,
.navleft li.Active li {display:block;}

.navleft .Level1 span, #wrapper .navleft a {display:none;}
.navleft .Level1 li span, #wrapper .navleft .Level2 a {display:block;}
#wrapper .navleft ul ul ul ul li {display:none;}
#wrapper .navleft ul ul ul li.Active li, #wrapper .navleft ul ul ul li.Parent li {display:block;}
#wrapper .navleft ul ul ul ul .Active span, #wrapper .navleft ul ul ul li.Active li a, #wrapper .navleft ul ul ul li.Parent li a {font-weight:normal;padding-left:20px;width:122px;}
#wrapper .navleft .Level2 li a {background-color:#fff;}



/* Breadcrubs
------------------------*/

.breadcrumbs li
{
    float: left;
    margin-right: 5px;
}
.breadcrumbs
{
    margin-bottom: 10px;
    float: left;
    clear: both;
}

.breadcrumbs li.active
{
    font-weight: bold;
}

.breadcrumbs a:hover
{
    text-decoration: underline;
}

.breadcrumbs ul
{
    clear: both;
}
.breadcrumbs a
{
    color: #000000;
}
/*------- content for CMS -----*/


.content
{
    width: 712px;
    background-color: #FFF;
    float: right;
    min-height: 800px;
    padding: 10px 8px 10px 8px;
    font-size: 0.8em;
    min-height: 1150px;
}

.article
{
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 1em;
    clear: both;
    width: 74%;
    float: left;
}

.content .article-intro
{
    padding-bottom: 10px;
    border-bottom: 1px #cccccc solid;
    clear: both;
    float: none;
    margin-bottom: 20px;
}

.registerpage .content .article-intro
{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.content .article-intro p
{
    width: 500px;
    clear: both;
    /*height: 80px;
    overflow: hidden;*/
}

.content h2
{
    text-transform: uppercase;
    font-size: 1.4em;
    color: #ffffff;
    padding: 8px;
    margin-bottom: 10px;
    width: 60%;
    float: left;
    clear: both;
}

/* Article Header Types */


.datestamp
{
    padding-bottom: 10px;
    border-bottom: 1px #cccccc solid;
    font-weight: bold;
    font-size: 0.8em;
    margin-bottom: 10px;
}

.article_content
{
    float: left;
}
.article_content ul
{
     margin-left:15px;
     margin-bottom:15px;
     list-style-type:disc;
}
.article_content ul li
{
    list-style-type:disc;
    list-style-position:inside;
    line-height: 150%;
    margin: 5px 0;
}

.article_content ul.campaign-list li
{
    margin:0;
}
.article_content ul.campaign-list li.campaign-list-img
{
    margin:3px 10px 0 0;
}
.article_content ol
{
    list-style-type: decimal; 
    margin-left:0;
    padding:0 0 0 2em;
}
.article_content ol li
{
    line-height:150%;
    margin: 5px 0;
}
.article_content ul.campaign-list li,
.tagd-actions-taken ul li,
.comment_wrap ul li,
.registerpage li
{
    list-style-type:none;
}
.comment div ul li strong {width:400px; display:block;}
.relatedlinks
{
    float: right;
    width: 23%;
    color: #8ac542;
    text-align: left;
    padding-right: 10px;
}

.content .relatedlinks h2
{
    margin: 0 0 20px 0;
    text-transform: uppercase;
    background: none;
    float: left;
    font-size: 1.4em;
    color: #000000;
    padding: 0;
    width: auto;
    float: none;
}

.relatedlinks li
{
    margin-bottom: 10px;
}

.video
{
    width: 515px;
}

.article_picturecomment_left
{
    float: left;
    margin-right: 10px;
    width: 240px;
    padding: 0;
}

.article_picturecomment_right
{
    float: right;
    margin-left: 10px;
    width: 240px;
    padding: 0;
}
.article_picturecomment_right img
{
    width:240px;
}

.article_picture
{
}

.article_comment
{
    background-color: #CCC;
    padding: 5px;
    color: #333;
    font-size: 0.9em;
}


/*------ Comment System -------*/

.comment_wrap
{
    margin-top: 10px;
    clear: both;
    float: none;
}

.comment_wrap .pagination-buttons
{
    margin-top: 20px;
    float: left;
    clear: both;
    width: 100px;
}
.pagination-buttons input
{
    background:inherit url(../images/tagd-nav-active.gif) no-repeat 0 0;
    width:40px;
}

.comment
{
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
    padding-top: 10px;
    clear: both;
    min-height: 30px;
    float: left;
    width: 100%;
    position:relative;
}

.comment .flag
{
    float: right;
    margin-right: 20px;
    position:absolute;
    right:0;
    top:10px;
}

.comment .flag input
{
    cursor:pointer;
    background-image:none;
    color:#000;
    width:auto;
    height:auto;
}

.submit_comment input
{
    float: left;
}

.comment .comment-body
{
    width: 400px;
    float: left;
}

.comment li.comment-screenname
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.comment ul
{
    float: none;
}

.submit_comment
{
    padding-bottom: 20px;
    float: left;
    clear: both;
    border-bottom: 1px solid #cccccc;
    width: 100%;
}

.submit_comment div
{
    float: left;
}
.comment input
{
    background-color: transparent;
    font-size: 0.8em;
    text-decoration: underline;
    height: 5px;
}
.comment p span
{
    float: left;
}

.comment_wrap textarea
{
    width: 510px;
    height:100px;
    margin-bottom: 10px;
    border: 1px solid #666;
    float: left;
}

.comment_wrap input
{
    width: auto;
    padding:2px 5px;
}

.comment span
{
    float: none;
}
.comment_wrap span span
{
    float: left;
}
.comment_wrap li.comment-screenname
{
    font-weight: bold;
    list-style-type: none;
}

.comment_wrap label
{
    display: none;
}

.comment_wrap input
{
    clear: both;
    border: none;
}

.comment_wrap li.comment-date
{
    font-weight: bold;
    float: left;
}

.comment_wrap p
{
    clear: both;
}

.comment_wrap img
{
    margin-bottom: 10px;
}

.add_comment
{
    margin-top: 15px;
    clear: both;
}

.add_comment li
{
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

.comment-title
{
    width: 61px;
    height: 22px;
    clear: both;
    padding-left: 12px;
    padding-top: 2px;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 0.85em;
    margin-bottom: 10px;
}
.question_box
{
    margin-bottom:10px;
}
.question_box h3
{
    text-transform:uppercase;
    float:left;
    font-size:1.4em;
    padding:5px 8px;
    margin-right:10px;
}
.question_box .paragraph1
{
    padding-top:3px;
}
.question_box .question
{
}
.question_box .paragraph1 p
{
    font-weight:bold;
    line-height:50%;
}
.question_box .paragraph1 p a
{
    margin-left:10px;
}
.question_box input
{
    display:inline;
    width:auto;
    margin-right:5px;
}

.question_box label
{
    display:inline;
    vertical-align:top;
    margin-right:10px;
}
.question_box .question_footer
{
    margin:10px 0;
}
.question_box .question_footer .Required
{
    display:block;
}
.question_box .submit
{
    vertical-align:top;
    padding:2px 3px;
    font-weight:bold;
    position:relative;
    top:-3px;
    border:none;
}
.question_box .comment-title
{
    padding: 2px 0 0 12px;
    margin:10px 0 10px 0;
    font-size: 1em;
    font-weight:bold;
}

/* ------- flash ---------- */

.flash
{
    margin-top: 6px;
    width: 948px;
    background-repeat: no-repeat;
    padding-left: 31px;
    clear: both;
}

.home .flash
{
    background:transparent url(../images/flash_home_bg.png) no-repeat center top;
    height:448px;
    margin:0px auto;
    padding: 6px 0 0 37px;
    width: 924px;
}

div.html-your-recruits
{
    width: 758px;
    padding-left: 50px;
    padding-right: 50px;
    background-color: #cccccc;
    float: left;
}


.html-your-recruits h2
{
    float: left;
    color: #000;
    font-size: 1.8em;
    margin-bottom: 0;
}

.html-your-recruits ul
{
    clear: both;
}
.html-your-recruits li.recruits
{
    float: left;
    border: 1px solid #cccccc;
    width: 90px;
    height: 90px;
    position: relative;
    margin-right: 10px;
    font-size: 0.8em;
    z-index: 1;
}

.recruit-overlay
{
    position: absolute;
    z-index: 30;
    top: 0;
    left: 0;
    width: 90px;
    height: 90px;
}

.recruit-overlay span
{
    visibility: hidden;
}

.recruit-overlay:hover span
{
    visibility: visible;
}


.html-your-recruits li.pagination-buttons
{
    float: none;
    margin-bottom: 20px;
}

.html-your-recruits li.pagination-buttons input
{
    width: auto;
    margin-top: 4px;
    margin-left: 10px;
}

.html-your-recruits .recruits-bar
{
    width: auto;
    height: 30px;
    background-color: #666;
    margin-bottom: 15px;
}

.html-your-recruits .recruits-bar .tags-counter
{
    float: right;
    font-size: 1.8em;
    padding-right: 5px;
}
/* --------tag---------- */

.tagwrap
{
    min-height: 135px;
    width: 886px;
    font-size: 0.7em;
    color: #FFF;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 17px;
    overflow: hidden;
    position: relative;
}

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

.tagwrap h2 a:hover
{
    text-decoration: underline;
}


.tagwrap .toptag h2 a
{
    color: #000;
    text-decoration: none;
    text-align:left;
}

.tagwrap .toptag h2 a:hover
{
    text-decoration: underline;
}
.tagwrap h2 a
{
    text-decoration: none;
}
.tagwrap h3 a:link,
.tagwrap h3 a:visited,
.tagwrap h3 a:active
{
    text-decoration: none;
    color:#ffff00;
}
.tagwrap h3 a:hover
{
    text-decoration: underline;
}
.tagwrap p
{
    min-height: 20px;
}

.tagwrap .toptag h2
{
    margin-bottom: 5px;
    text-align:left;
}

.tagwrap img
{
    padding: 0;
    margin: 0;
}



.tagwrap h1 .tagwrap p
{
    padding: 0;
    margin: 0 0 5px 0;
}

.tagwrap h3
{
    color: #FF0;
    font-size: 1.4em;
}

/* tagacampaign */

.tagacampaign
{
    width: 322px;
    float: left;
    margin-right: 18px;
}

.tagacampaign h2
{
    font-size: 1.8em;
    color: #FFF;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

.tagacampaign-top
{
    background-image: url(../images/tagacampaign-top.png);
    height: 9px;
    width: 322px;
    float: left;
}

.tagacampaign-middle
{
    background-color: #643390;
    width: 185px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    color: #FFF;
}



.tagacampaign-picture
{
    background-color: #643390;
    float: right;
    width: 83px;
    padding-right: 30px;
    padding-top: 20px;
}

.tagacampaign-middlewrap
{
    background-color: #643390;
    float: left;
    width: 322px;
    min-height: 120px;
    overflow: hidden;
}


.tagacampaign-bottom
{
    background-image: url(../images/tagacampaign-bottom.png);
    background-position: bottom;
    height: 9px;
    width: 322px;
    float: left;
}



/* Howto */

.howtotag
{
    width: 322px;
    float: left;
    margin-right: 20px;
}

.howtotag h2
{
    font-size: 1.8em;
    color: #FFF;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

.howtotag-top
{
    background-image: url(../images/howto-top.png);
    float: left;
    height: 9px;
    overflow: hidden;
    width: 322px;
}

.howtotag-middle
{
    float: left;
    width: 185px;
    background-color: #0081c6;
    padding-left: 10px;
    padding-right: 10px;
}

.howtotag-bottom
{
    background-image: url(../images/howto-bottom.png);
    float: left;
    height: 9px;
    width: 322px;
}

.howtotag-pic
{
    background-color: #0081c6;
    float: left;
    width: 83px;
    padding-left: 5px;
    padding-top: 10px;
}

.howtotag-middlewrap
{
    background-color: #0081c6;
    float: left;
    width: 322px;
    min-height: 120px;
    overflow: hidden;
}



/* toptag */

.toptag
{
    width: 202px;
    float: left;
}

.toptag h2
{
    font-size: 1.8em;
    color: #000000;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}
.toptag-top
{
    background-image: url(../images/toptag-top.png);
    height: 9px;
    width: 202px;
    float: left;
}

.toptag-middle
{
    background-color: #fbdf0d;
    width: 182px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    color: #FFF;
    min-height: 120px;
    text-align: center;
}
.toptag-bottom
{
    float: left;
    width: 202px;
    height: 9px;
    background-image: url(../images/toptag-bottom.png);
}


/* Campaign Wall
/------------------------ */

.campaignwall-banner
{
    background-color: #f9ec2b;
    width: 100%;
    min-height: 70px;
    background-image: url(../images/unite-banner.gif);
    background-repeat: no-repeat;
    background-position: 12px;
    clear: both;
}

.campaignwall-banner ul
{
    float: right;
    padding-top: 40px;
    padding-right: 20px;
}

.campaignwall-banner li
{
    float: left;
    margin-right: 10px;
}
.campaignwall-banner li a
{
    color: #000;
}
.campaignwall-banner li a:hover
{
    text-decoration: underline;
}

/* Campaign Walls */

.campaign-list
{
    float: left;
    clear: both;
    width:100%;
    margin: 0 0 20px 3px;
}
.campaign-list ul
{
    float: left;
}
.campaign-list .title
{
    float:left;
    clear:right;
    width:200px;/* prevents short titles from flowing onto description on the same line*/
}
.campaign-list .title a
{
   white-space:nowrap;
}
.campaign-list .description
{
    width:400px;
    float:left;
}
.campaign-list .campaign-list-img
{
    /*border: solid 1px #000;*/
    overflow: hidden;
    float: left;
    margin: 3px 10px 0 0;
    /*width:85px;*/
    /*height:58px;*/
}
.campaign-list .campaign-list-img img
{
    /*border: 1px solid #000 !important;*/
    width:105px;
    /*height:56px;*/
}
.archive
{
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    clear: both;
    height: 23px;
    padding-top: 7px;
    font-weight: bold;
}

/* ------- news ---------- */

.news
{
    width: 884px;
    margin: auto;
    font-size: 0.8em;
    color: #639;
}
.news-top
{
    width: 884px;
    height: 11px;
    overflow: hidden;
    background-image: url(../images/news-top.png);
}
.news-bottom
{
    width: 884px;
    height: 11px;
    overflow: hidden;
    background-image: url(../images/news-bottom.png);
}

.news-middle
{
    background: #fff url(../images/news-selotape.gif) no-repeat center center ;
    padding-bottom: 15px;
}
.newscontent_left
{
    width: 420px;
    float: right;
    margin: 15px 0 0 15px;
}

.newscontent_right
{
    width: 420px;
    float: right;
    margin: 15px 0 0 15px;
}
.news h2
{
    color: #FFF;
    font-size: 1.3em;
    padding: 5px;
    margin: 0;
    margin-bottom: 10px;
    background-color: #000;
    float: left;
}

.news h3
{
    font-size: 1.2em;
    width: 350px;
    color: #000;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    margin-top: 5px;
}

/* Tagd Creator
------------------------ */
.tagd .flash
{
    width: 858px;
    margin: 0 auto;
    /*margin-bottom: 20px;
    min-height: 100px;*/
    padding:0px;
    background-color:#ededed;
}
.tagd .flash
{
    min-height: 430px;
}
.myprofile .flash
{
    min-height: 190px;
}
.tagd .flash #TagViewer
{
    display:block;
    margin: 0px auto;
    width:712px;
}
.tagd .flash h2
{
    color:#000;
    margin:0 0 0 75px;
    padding-bottom:0;
}
.tagd .TagCreatorAlt {
    background-color: #EEEEEE;
    float: left;
    width: 100%;
}
.tagd .TagCreatorAltBody {
    margin: 20px 50px;
    border: 1px solid #DFDFDF;
    background-color: #ffffff;
    float: left; 
    width: 680px;
    padding: 20px 38px 40px 38px;
}
.tagd .TagCreatorAltBody p {
    color: #000000;
    font-size: 1em;
    text-transform: none;
    font-weight: bold;
}
.tagd .TagCreatorAlt .TagList {
    clear: both;
}
.tagd .TagCreatorAlt .TagList img, 
.tagd .TagCreatorAlt .TagList input {
    /*width: auto;*/
    width: 90px;
    height: 90px;
}
.tagd .TagCreatorAlt .TagList .Selected {
    border: 2px solid #ff0000 !important;
}
.tagd .TagList li {
    float: left;
    width: auto;
    margin-right: 3px;
    margin-top: 3px;
}
.tagd .TagList li span {
    border: 2px solid #EDEDED;
    float: left;
}
.tagd .TagCreatorAltBottom {
    clear: both;
    margin: 10px 0 40px 0;
    padding: 0 50px;
    text-align: center;
}
.tagd .TagCreatorButtons {
    clear: both;
    background-color: #DADADA;
    padding: 5px 0 2px 0;
}
.tagd .TagCreatorButtons input {
    width: auto;
    height: auto;
}
.tagd .TagCreatorAltBody .SelectedTag {
    border: 2px solid #EDEDED;
    padding: 5px 10px;
    clear: both;
    text-align: center;
    margin-bottom: 25px;
}   


/* Tagd
------------------------ */

.tagd-header
{
    border-bottom: #999 1px solid;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
}
.tagd .relatedlinks
{
    width: 150px;
    line-height: 1.4em;
}
.tagd .relatedlinks h3
{
    text-transform: uppercase;
    color: #000;
    border: none;
    font-size: 1.4em;
}
#tagd-campaigns
{
    width: 100%;
    float: left;
}

.campaign-headline
{
    /*width: 340px;*/
    float: left;
    clear: both;
    margin-bottom: 20px;
}
.CampaignBody {
    float: left;
    clear: right;
    width: auto;
}
.campaign-headline h4
{
    float: none;
    font-size: 12px;
}

.campaign-headline img
{
    float: left;
    margin-right: 10px;
    width:83px;
    height:56px;
}
.campaign-headline a
{
    white-space:nowrap; /* needed to stop IE6/7 from wrapping */
}
.campaign-headline p
{
    float: left;
    width: 400px;
    margin: 0;
}

/*  TAGD Tabs
-----------------------  */
.tagd-nav
{
    float: left;
}
.tagd-nav-bar
{
    background: url(../images/tagd-nav-bg.gif);
    height: 9px;
    clear: both;
    width: 858px;
}
.tagd-nav ul
{
}

.tagd-nav li
{
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 2px;
    padding-top: 8px;
    height: 23px;
    float: left;
    background-image: url(../images/tagd-nav.gif);
}
.tagd-nav li a
{
    color: #000;
}
.tagd-nav li.Active
{
    background-image: url(../images/tagd-nav-active.gif);
}



/* Actions taken
-----------------------  */

.tagd-actions-taken
{
    width: 295px;
    float: left;
    margin-right: 25px;
    border-bottom: #999 1px solid;
    min-height: 220px;
    padding-bottom: 20px;
}

.tagd-actions-taken li
{
    margin-bottom: 10px;
}
.tagd-actions-taken span
{
    margin-right: 5px;
}

/* Your Recruits HTML */

.recruits li
{
    float: left;
}

.recruits .screenname
{
    float: left;
    font-weight: 800;
}


/* Recruited By
------------------------ */

.tagd-recruited-by
{
    width: 360px;
    float: left;
    border-bottom: #999 1px solid;
    min-height: 220px;
    padding-bottom: 20px;
    float: left;
}

.recruited-by-content
{
    float: left;
}
.tagd-recruited-by img
{
    float: left;
    /*padding-left: 30px;
    padding-right: 30px;*/
}

.tagd-recruited-by input
{
    width: 30px;
    margin: auto;
}
.tagd-recruited-by ul
{
    float: right;
    width: 195px;
}
.tagd-recruited-by ul li
{
    list-style-type:none;
    white-space:nowrap;
    margin:1px 0;
}


.recruited-by-content
{
    float: left;
    /*width: 200px;*/
}

.recruited-by-content .screenname
{
    font-weight: bold;
}

.recruited-by-content .rewards ul li
{
    float: left;
    width: 100px;
}
.tagd-recruited-by li
{
    margin-bottom: 3px;
    /*float: left;*/
}


.tagd-recruited-by span
{
    margin-right: 20px;
}


/* Campaign Walls 
----------------------------------------------------*/
.campaignwalls .TagWallButton {
    clear: both;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}   
.campaignwalls .TagWallButton input {
    width: auto;
    margin-right: 6px;
} 
.campaignwalls ul {
    /*float: left;*/
}
.campaignwalls .TagWallButton ul li {
    float: left;
    padding-right: 10px;
}
.campaignwalls .TagWallButton ul li.CampaignRelatedLinks 
{
    padding-top:15px;
}
.campaignwalls .CampaignSummary {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 10px;
}
.campaignwalls .TaggerImage {
    float: left;
    clear: right;
    width: 21%;
}
.campaignwalls .CampaignText {
    float: left;
    clear: right;
    width: 350px;
    margin-left: 15px;
    line-height: 150%;
}
.campaignwalls .CampaignImage {
    float: left;
    padding:0 0 20px 0;
}
/*.campaignwalls .CampaignImage img,*/
.campaignwalls .CampaignImage input {
    float: right;
}

/* Tag Viewer 
----------------------------------------------------*/
.TagViewer {
    background-color: #EDEDED;
    float: left;
    clear: both;
}
.TagViewer .TagViewerBody {
    padding: 20px 17px;
}
.TagViewer .TagViewerControls {
    background-color: #DADADA;
    float: left;
    clear: both;
    margin-bottom: 10px;
    width:100%;
    padding: 4px 0;
}
.TagViewer .TagFilter {
    float: left;
    clear: right;
    margin-left:4px;
}
.TagViewer .Paging {
    float: right;
}
.TagViewer .Paging li {
    display: inline;
}
.TagViewer .Paging li.TagTotal {
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 10px;
}
.TagViewer .Paging input {
    width: 44px;
    vertical-align: bottom;
}
.TagViewer .TagList {
    clear: both;
}
.TagViewer .TagList li {
    float: left;
    width: auto;
    margin-right: 3px;
    margin-top: 3px;
    position: relative;
    padding: 0;
}
.TagViewer .TagList a {
    border: 0px solid red;
    display: block;
}
.TagViewer .TagList img {
    display: block;
}
.TagViewer .TagList li span {
    border: 2px solid #DFDFDF;
    float: left;
}
.TagViewer .TagList ul li span {
    border: 0 none;
    float: none;
}
.TagViewer .TagList ul li {
    float: none;
    position: static;
}
.TagViewer .TagList ul li span {
    float: left;
    display: block;
}
.TagViewer .TagList ul li span span {
    float: none;
    display: inline;
}
.TagViewer .TagList ul li span.category {
    width: 70%;
}
.TagViewer .TagList ul li span.brickcount {
    width: 29%;
    text-align:right;
}
.htmltooltip {
    position: absolute; /*leave this and next 3 values alone*/
    z-index: 1000;
    left: -1000px;
    top: -1000px;
    background: #231F20;
    border: 3px solid #000000;
    color: white;
    padding: 3px;
    width: 120px; /*width of tooltip*/
}
.htmltooltip li {
    font-size: 0.8em;
}


/* Form
------------------------ */


.register-labels
{
    padding-top: 5px;
    float: left;
    width: 100%;
    text-align: right;
    margin-right: 15px;
    clear: both;
}

.register-fields
{
    float: left;
    width: 550px;
}

.register-labels li
{
    float: none;
}

.register-fields li
{
    float: none;
}

.register-buttons
{
    margin-left: 225px;
    margin-top: 20px;
}

.content fieldset li
{
    margin-bottom: 5px;
    height: 20px;
}

.Day select, .Month select, .Year select
{
    width: 70px;
}


.checkbox
{
    width: auto;
    padding-top: 20px;
}

.checkbox-input
{
    float: left;
}

.checkbox-label
{
    float: left;
    padding-left: 10px;
    padding-top: 4px;
    width: 500px;
}

.content fieldset
{
    padding:5px;
    margin:20px 0;
    position:relative;
}
li.screenname input
{
    height: auto;
    width: 180px;
    background-color:#fff;
}
input.generateName
{
    padding:0;
    margin:5px 0 0 210px;
}
fieldset li.screenname
{
    float: left;
}

fieldset ul.screenname
{
    width: 500px;
}

#hear-query
{
    border-top: 1px #666 solid;
    padding-top: 20px;
}

li.screenname .screenname-button
{
    margin-left: 30px;
    margin-top: 6px;
    height: 30px;
    padding-top: 0;
}

li.buttons
{
    float: left;
    border: none;
}

li.buttons input
{
    width: auto;
    height: auto;
    margin-right: 40px;
    border: none;
}


/* Article Video */

.main-video-wrapper
{
    float:left;
    width:496px;
}
.main-video object
{
    float:left;
    height:350px;
    width:417px;
}
.main-video-border
{
    width: 100%;
    float: left;
}
.main-video
{
    width: 416px;
    padding: 20px 40px;
    float:left;
    display:inline;
}
.main-video-comment
{
    float:left;
    background-color: #e6e6e6;
    clear: both;
    color: #666;
    width:100%;
    position:relative;
}

.main-video-comment p
{
    margin: 0;
    padding: 5px;
    font-size: 0.8em;
    float:left;
}

/* Photo Story */
.photostory
{
    clear: both;
    float: left;
	width: 535px;
}

.photostory input.button
{
    height: 21px;
}
.main-image
{
    width: 515px;
    height: 342px;
    overflow: hidden;
    float: left;
    background-color: #EBEBEB;
}

.main-image-wrapper
{
    width: 515px;
}


.photostory ul.photoselector
{
    margin-top: 10px;
    float: left;
}
.photoselector li
{
    float: left;
    border: 1px solid #000;
    margin: 0 2px 2px 0;
    width: 82px;
    height: 54px;
    overflow: hidden;
}

.photoselector li span
{
    display: none;
}

.main-image-comment
{
    background-color: #cccccc;
    clear: both;
    min-height: 50px;
    padding: 5px;
    color: #666;
    overflow: hidden;
}

.main-image-comment p
{
    margin: 0;
    padding: 0;
    font-size: 0.8em;
}

.main-image-navigation
{
    height: 25px;
    background-color: #c5e1a1;
    padding: 4px 4px 0 4px;
}

.main-image-navigation input
{
    height: 20px;
    border: none;
}
.main-image-navigation-left
{
    float: left;
}

.main-image-navigation-right
{
    float: right;
}
/*----- Fiddly Bits ---- */

.clear
{
    margin: 0;
    padding: 0;
    clear: both;
}


/* Feedback form
---------------------------------------*/

.registerpage .feedback
{
	background-image:none;
	position:relative;
}
.registerpage .feedback ul
{
	float:left;
	clear:left;
}

.registerpage .feedback .textarea
{
    display:inline;
    margin-right:20px;
}
.registerpage .feedback span
{
    padding-left:5px;
}
.registerpage .feedback .textarea textarea
{
	border:1px solid #999999;
	position:relative;
	float:left;
	width: 540px;
	height:215px;
	overflow:scroll;
	margin-bottom:20px;
}
.registerpage .feedback .button
{
	float:left;
	clear:left;
	margin:20px 0 10px 210px;
}

.registerpage .feedback .button input
{
	margin:0 20px 0 0;
	outline:none;
}

/* Standard Button */
.content .login-left li.Submit input, .content .StandardButton
{
background:#fff url(../images/gradient.gif) repeat-x left bottom;
border:3px solid #89C742;
border-radius:10px;
color:#000;
display:inline-block;
font-weight:bold;
padding: 10px 22px 11px 23px;
width:auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
cursor:pointer;
}
.interact .content .StandardButton
{
    border-color:#37aeae;
}
.dosomething .content .StandardButton
{
    border-color:#0081c5;
}
.latest.content .StandardButton 
{
    border-color:#8ac542;
}
.campaignwalls .content .StandardButton 
{
    border-color:#643390;
}
.beinformed .content .StandardButton 
{
    border-color:#ff6600;
}
a.StandardButton:hover 
{
    text-decoration:none;
}
input.button, .comment_wrap input, .question_footer input {
    cursor:pointer;
}
.question_footer span input {
    cursor:default;
}



/* Article quad wrapper */

.article_quad_wrapper
{
    width:100%;
    float:left;
}
.article_quad_wrapper .intro_wrapper
{
    border-bottom:1px solid #999999;
    float:left;
    padding-bottom:10px;
}
.article_quad_wrapper p.intro
{
    width:510px;
    margin-bottom:0;
}
.article_quad_wrapper h3
{
    font-size:1.6em;
    margin:10px 0;
    text-transform:uppercase;
}
.article_quad_wrapper .quad_wrapper h4
{
    background-color:#0081c5;
    color:#fff;
    font-size:1.6em;
    margin:0;
    padding:5px 10px;
    text-transform:uppercase;
}
.article_quad_wrapper .quad_wrapper
{
    float:left;
    margin-top:0px;
    margin-right:-12px;
}
.article_quad_wrapper  .quad_wrapper .quadrant
{
    display:inline;
    background-color:#b3d9ee;
    width:350px;
    height:410px;
    float:left;
    margin:0 10px 10px 0;
    padding-bottom:5px;
    position:relative;
}
.article_quad_wrapper  .quad_wrapper .quadrant p
{
    padding:5px 10px 0;
    margin-top:240px; /* Needed to fix Safari */
    line-height:150%;
    height:80px;
    overflow-y:auto;
}
.article_quad_wrapper .quad_wrapper .quadrant a
{
    width:350px;
    height:232px;
    float:left;
    overflow:hidden;
}
.article_quad_wrapper .quad_wrapper .quadrant a.button
{
    background:#0370a9 url(../images/nav_bg_dosomething.gif) repeat-x 0 0;
    color:#fff;
    padding:3px 8px;
    width:auto;
    height:auto;
    position:absolute;
    bottom:10px;
    left:10px;
}

.newscontent_left .LinkHeader
{ color:#fff;
  font-size:14px;
  font-weight:bold;
  background:#000;
  padding:3px;
}

.pollOption input
{
	border-style: none;
	width: 50px;
}