/***********************************************************************
Table of Contents:
----------------------------------
1. GENERAL
   1.1 DEFAULTS
   1.2 LINKS
   1.3 HEADERS
2. HEADER
3. NAVIGATION
4. CONTENT
    4.1. BLOG
      4.1.1 CALENDAR
    4.2 BOOKMARKS
    4.3 COMMENTS
    4.5 LOGIN FORM
    4.6 HOLDER
    4.7 VIDEO GALLERY
    4.8 SUBMIT VIDEO
    4.9 DOWNLOADS
5. MODULES
	5.1 BLOG MODULE  (RECENT POSTS)
        5.2 STORIES MODULE
        5.3 FRIENDS MODULE
        5.4 SIGN UP MODULE
        5.5 SIGN UP MODULE
        5.5 ADD MY VOICE MODULE
        5.6.YOUR VOICE MODULE
        5.6 LOGGED IN MODULE
        5.9 MY ACCOUNT MODULE

6. FOOTER

10. CLEARFIX

11. STAR RATING

***********************************************************************/

/***********************************************************************
Colour Palete:
-----------------------------------
YELLOW                       : #FFED00
DARK BLUE                  : #0673E6
BLUE                           : #007EFF
LIGHT ORANGE             : #EF6438
LIGHT GRAY                  : #606060
DARK GRAY                   : #494A4A

***********************************************************************/

/***********************************************************************
1. GENERAL
***********************************************************************/

body
{
 font-family        : Arial, Verdana, Helvetica, sans-serif;
 font-size          : 62.5%;
 line-height        : 1.5; 
 background         : #FFFFFF url(../img/base/background-1.jpg) repeat-y top center;
}

div#header
{
 position           : relative;
}

body#blog
{
 background         : #FFFFFF url(../img/base/background-2.jpg) repeat-y top center;
}

body#activation,
body#bg1
{
 background         : #FFFFFF url(../img/base/background-3.jpg) repeat-y top center;
}

body#background_box,
body#bg2
{
 background         : #FFFFFF url(../img/base/background-1.jpg) repeat-y top center;
}


body#blog #content_wrapper_header
{
 background         : transparent url(../img/base/blog_header.jpg) no-repeat top left;
 height             : 305px;
}

body#blog #content_wrapper_background
{
 background         : transparent url(../img/base/blog_content_bg.jpg) top left repeat-y;
}

body#blog #content_wrapper
{
 margin-top         : -250px;
}

body#blog #content_wrapper_footer
{
 background         : transparent url(../img/base/blog_footer.jpg) no-repeat bottom left;
 height             : 252px;
 margin-top         : -210px;
}

div#wrapper  a.spacing
{
 padding-right      : 20px;
}

div#featured_blogs
{
 float              : left;
 width              : 612px;
}

div#sign_up,
div#logged_in
{
 float              : right;
 width              : 370px;
}

.hidden
{
 display            : none;
}


/***********************************************************************
1.1 DEFAULTS
***********************************************************************/

p,
ul,
ol,
dl
{
 margin-bottom      : 1em;
}

li
{
 list-style-type    : none;
}

fieldset
{
 border             : 0;
}

.replaced
{
 display            : block;
 overflow           : hidden;
 text-indent        : -5000px;
}

span.replaced
{
 height             : 1px;
 width              : 1px;
}

ul#access
{
 height             : 0;
 left               : 0;
 overflow           : hidden;
 position           : absolute;
 top                : 0;
 width              : 0;
}

.module
{
 border-bottom      : 2px solid #EF6438;
 clear              : both;
 margin-bottom      : 1em;
}

span.error,
div#wrapper ul.errorlist li
{
 color              : #ffff00;
 font-size          : 1.2em;
 display            : block;
 font-weight        : 800;
}

div#wrapper p,
div#wrapper li,
div#wrapper label
{
 color              : #333333;
}

/***********************************************************************
1.1 LINKS
***********************************************************************/

div#wrapper a
{
 color              : #007EFF; 
 text-decoration    : none;
 cursor             : pointer;
}

div#wrapper a:hover,
div#wrapper #blog_module a:hover,
div#featured_blogs #story a:hover
{
 color              : #F27800;

}


div#footer a
{
 /*text-decoration    :  underline;*/
}


/***********************************************************************
1.2 HEADERS
***********************************************************************/
h2,
h3,
h4,
h5
{
 color              : #0673E6;
 font-weight        : 800;
}

h2
{
 font-size          : 4em;
}

h3
{
 font-size          : 1.8em;
}

h4
{
 font-size          : 1.3em;
}

h5
{
 font-size          : 1.2em;
}

h2 em,
h3 em,
h4 em,
h5 em
{
 font-style         : normal;
 color              : #494A4A
}

#posts h4 a
{
 color              : #494A4A;
}

h3.movie_copy
{
 width              : 300px;
}

/***********************************************************************
2. HEADER
***********************************************************************/

div#header
{
 position           : relative;
}

h1 a
{
 background         : transparent url(../img/base/rspca.jpg) no-repeat top left;
 width              : 93px;
 height             : 50px;
 float              : left;
 margin-top         : 10px;
 position           : absolute;
 left               : 20px;
}

h2 a.give_animals_voice
{
 background         : transparent url(../img/base/give_animals_voice.png) no-repeat top left;
 width              : 409px;
 height             : 174px;
 position			: absolute;
 left               : 82px;
 z-index			: 900;
 float              : left;
 top                : 10px;
}

h2.sign_up
{
 background         : transparent url(../img/base/sign_up.jpg) no-repeat top left;
 width              : 421px;
 height             : 108px;
 position           : absolute;
 right              : 50px;
 float              : left;
 margin-top         : 25px;
}

h2.joined
{
 background         : transparent url(../img/base/joined.jpg) no-repeat top left;
 width              : 443px;
 height             : 109px;
 position           : absolute;
 right              : 40px;
 float              : left;
 margin-top         : 25px;
}

div#extras h2 a.your_voice
{
 background         : url(../img/base/your_voice.png) top left no-repeat;
 width              : 220px;
 height             : 39px;
}

h3 a.share_your_voice
{
 background         : transparent url(../img/base/share_your_voice.png) no-repeat top left;
 width              : 312px;
 height             : 109px;
 margin-left        : -25px;
}

div.featured  h2.my_actions
{
 background         : transparent url(../img/base/myactions.png) no-repeat top left;
 width              : 350px;
 height             : 97px;
 padding             : 0;
}


h2.our_campaigns
{
 background         : transparent url(../img/base/ourcampaigns.png) no-repeat top left;
 width              : 350px;
 height             : 65px;
 margin-top         : -15px;
}

span.give_animals_voice
{
 background         : transparent url(../img/base/sign_up_arrow.jpg) no-repeat top left;
 width              : 138px;
 height             : 69px;
}

span.check_out_campaigns
{
 background         : transparent url(../img/base/check_out_arrow.jpg) no-repeat top left;
 width              : 149px;
 height             : 61px;
}


a.tell_your_friends
{
 background         : transparent url(../img/base/tellyourfriends.png) no-repeat top left;
 width              : 179px;
 height             : 65px;
}

div#header ul.navigation li {
background          : url(../img/base/nav_bg_left.gif) no-repeat top left;
cursor:pointer;
display:block;
min-height:29px;
padding:2px 0 0 0;
*padding:5px 0 0 0;
margin:0;
vertical-align:bottom;
width:auto;
}

div#header ul.navigation li a {
background          : url(../img/base/nav_bg.gif) no-repeat top right;
color:#2079d4;
cursor:pointer;
font-size:14px;
font-weight:bold;
padding:5px 5px 5px 0px;
margin:0 0 0 6px;
text-transform:uppercase;
width:auto;
}


div#header ul.navigation_left
{
 float:left;
 position:absolute;
 left:500px;
 top:45px;
 width              : 260px;
}

div#header ul.navigation_right
{
 position:absolute;
 float:left;
 top:45px;
 left               : 760px;
 width              : 220px;
}


div#header ul.user_options
{
 position           : absolute;
 right              : 0px;
 top                : 0px;
}

div#header ul.user_options li a
{
 font-size          : 1.5em;
 text-decoration    : underline;
}

div#header ul.user_options li.welcome
{
 font-size          : 1.5em;
 color              : #F15829;
 font-weight        : 700;
 padding-right      : 10px;
 margin-top         : 10px;
}

/*i.login {
background         : transparent url(../img/base/login_bg.png) no-repeat top right;
display:block;
min-height:60px;
width:100px;
}*/

a.login
{
 background         : transparent url(../img/base/login.png) no-repeat top left;
 width              : 140px;
 height             : 60px;
}

a.logout
{
 background         : transparent url(../img/base/logout.png) no-repeat top left;
 margin-top         : 0px;
 width              : 101px;
 height             : 58px;
}

a.account
{
 background         : transparent url(../img/base/my_account_legend.png) no-repeat top left;
 width              : 117px;
 height             : 20px;
 margin-right       : 10px;
 margin-top         :12px;
}

ul.user_options li
{
 float              : right;
}

/***********************************************************************
3. NAVIGATION
***********************************************************************/
#navigation ul
{
 line-height        : 1.3em;
 font-size          : 1.6em;
}

#navigation li
{
 padding            : 0 0 10px 15px;
 font-weight        : 700;
}

#navigation li.highlight
{
 background         : transparent url(../img/base/highlight_extra.jpg) no-repeat top left;
 width              : 257px;
 min-height         : 34px;
 color              : #FFFFFF;
 padding-top        : 5px;
}

#navigation li.highlight a
{
 color              : #FFFFFF;
}


/***********************************************************************
4. CONTENT
***********************************************************************/


div#content p
{
 font-size          : 1.2em;
}

p.comment em
{
 font-style         : normal;
 font-weight        : 700;
}
ul.blog_extras
{
 width				: 27px;
 float				: right;
 margin-top			: 20px;
}

.rss
{
 background			: transparent url(../img/bookmarks/rss.png) no-repeat top left;
 width				: 27px;
 height				: 27px;
}

.share_this
{
 background			: transparent url(../img/base/share_this.png) no-repeat top left;
 width				: 176px;
 height				: 77px; 
}

span#error_send_mobile_form
{
 color              : #FF0000;
 font-size          : 11px;
 padding-left       : 10px;
 display            : block;
}

/***********************************************************************
4.1 BLOG
***********************************************************************/
ul#posts
{
 margin-bottom      : 0;
}

ul#posts p
{
 margin-bottom      : 0.5em;
}

ul#posts,
div#blog_header,
div.blog_heading
{
 width              : 600px;
}

div.blog_heading
{
 margin-bottom      : 0.2em;
}

div#blog_header p
{
 padding-right		: 40px;
}

div#blog_header
{
 padding-bottom      : 0.5em;
}


div#blog_header h2
{
 width				 : 573px;
 float				 : left;
}

ul#posts h4
{
 font-size          : 2.4em;
 color              : #494A4A;
}

ul#posts ul
{
 font-size          : 1.2em;
}

ul#posts h4 em
{
 font-size          : 0.5em;
}

ul#posts h4 em a
{
 color              : #007EFF;
}

ul#posts h4 em a:hover
{
 text-decoration    : underline;
}

ul#posts .information
{
 font-size          : 1.2em;
}

ul#posts .information span
{
 margin-left        : 20px;
}

ul#posts p
{
 margin-right       : 40px;
}

div#preview,
div#blog_goto_admin
{
 font-size          : 1.2em;
 width              : 250px;
 text-align         : center;
 background         : #EF6438;
}

div#blog_goto_admin
{
 background         : transparent;
}


textarea#id_comment
{
 width              : 400px;
 height             : 200px;
}

/***********************************************************************
4.1.1 CALENDAR
***********************************************************************/

div#calendar
{
 font-size          : 1.2em;
 width              : 250px;
 color              : #494A4A;
 text-align         : center;
 font-weight        : 600;
}

div#calendar table
{
 width              : 250px;
}

div#calendar td
{
 width              : 250px;
}


/***********************************************************************
4.2 BOOKMARKS
***********************************************************************/

ul.information
{
 float              : left;
}

ul#bookmarks
{
 float              : right;
}

ul#bookmarks li
{
 float              : left;
 padding-left       : 6px;
}

ul#bookmarks a
{
 height             : 17px;
 width              : 17px;
}

ul#bookmarks a:hover
{
 background-position: 17px 0;
}

a.delicious
{
 background-image   : url(../img/bookmarks/sprite_delicious.gif);
}

a.digg
{
 background-image   : url(../img/bookmarks/sprite_digg.gif);
}

a.facebook
{
 background-image   : url(../img/bookmarks/sprite_facebook.gif);
}

a.reddit
{
 background-image   : url(../img/bookmarks/sprite_reddit.gif);
}

a.stumbleupon
{
 background-image   : url(../img/bookmarks/sprite_stumbleupon.gif);
}


/***********************************************************************
4.3 COMMENTS
***********************************************************************/

div#comments
{
 border-top         : 2px solid #EF6438;
 padding-top        : 1em;
 width              : 600px;
}

div#comments h3
{
 font-size          : 2.4em;
 color              : #494A4A;
}

div#comments h4
{
 font-size          : 1.6em;
}

div#comments h4 a
{
 text-decoration    : underline;
}

div#comments h4 em
{
 margin-left        : 20px;
 font-size          : 0.75em;
}

div#comments li
{
 padding            : 0 0 10px 0;
}

div#comments p
{
 margin-bottom      : 0.5em
}

/***********************************************************************
4.5 LOGIN FORM
***********************************************************************/

div#paper_box_content div.styled p,
div#paper_box_content div.styled h3,
div#paper_box_content ul.styled li
{
 padding            : 0 20px;
}
div#paper_box_content div.styled p,
div#paper_box_content ul.styled li
{
 font-size          : 1.2em;
 margin-bottom      : 1.5em;
}

div#paper_box_content ul.styled li
{
 list-style         : circle;
}

form#login_form
{
 background         : #FFED00 url(../img/base/small_box.jpg) bottom left no-repeat;
 width              : 472px;
 padding-bottom     : 20px;
 position           : relative;
 margin-left        : 50px;
 margin-bottom      : 1.5em;
}

form#login_form span.header
{
 background         : #FFED00 url(../img/base/small_box.jpg) top left no-repeat;
 height             : 25px;
 width              : 472px;
 display            : block;
}

form#login_form li.field
{
 padding-left       : 20px;
}

form#login_form label
{
 font-size          : 1.7em;
 font-weight        : 700;
 color              : #494A4A;
 width              : 120px;
 float              : left;
 padding-left       : 30px;
}

form#login_form li.errormessage
{
 color              : #FF0000;
 padding-left       : 50px;
 padding-right      : 20px;
 font-size          : 1.1em;
 font-weight        : 800;
}
form#login_form input.required
{
 width              : 170px;
 border             : 2px solid #F27800;
}

form#login_form input#login_submit_btn
{
 position           : absolute;
 bottom             : 0;
 right              : 0;
}

/***********************************************************************
4.6 HOLDER
***********************************************************************/
div.holder
{
 height             : 468px;
 width              : 370px;
 background         : url(../img/base/blog_holder.jpg);
 float              : right;
}

/***********************************************************************
4.7 VIDEO GALLERY
***********************************************************************/

div#paper_box p.intro_text
{
 font-size          : 1.2em;
 padding            : 0 20px;
 color              : #8e8e8e;
 font-weight        : 700;
}

div#paper_box div.highlight
{
 background-image  : url(../img/base/blue_code_bg.gif);
 background-position: bottom right;
 position           : relative;
 width              : 382px;
}

div#paper_box div.highlight p,
div#paper_box div.highlight_column p
{
 padding            : 2px 15px;
 width              : 150px;
}

div#paper_box div.pig_petition {
width:200px;
position:relative;
right:8px;
margin-bottom:20px;
}

div#paper_box form#sign_petition {
background:url(../img/base/pigs_bg.gif) no-repeat left top;
padding:80px 0 0 0px;
width:200px;
}


div#paper_box form#sign_petition p.pigs_copy{
width:auto;
padding:0;
padding-left:20px;
font-weight:bold;
font-size:1.4em;
}

div#paper_box div.pig_petition div.pigs_mail {
background:url(../img/base/pigs_btm.gif) no-repeat left bottom;
}

div#paper_box div.pig_petition div.pigs_mail button,
div#paper_box div.pig_petition div.pigs_mail label,
div#paper_box div.pig_petition div.pigs_mail div.errormessage{
margin-left:20px;
}

div#paper_box div.pig_petition div.pigs_mail label{
font-size:1.4em;
font-weight:bold;
}

div#paper_box div.pig_petition div.pigs_mail input {
width:100px;
}

div#paper_box div.pig_petition div.pigs_mail button {
margin:10px 0 20px 0;
position:relative;
left:97px;
}

div#paper_box div.highlight_column p.top_highlight_column
{
 padding-top        : 8px;
 background-image   : url(../img/base/blue_code_bg_small.gif);
 background-position: top left;
 width              : 166px;
}

div#paper_box div.highlight label
{
 width              : 80px;
 float              : left;
 display            : inline;
 clear              : left;
 font-weight        : 700;
}

.most_recent
{
 background			: transparent url(../img/base/most_recent.png) no-repeat top left;
 width				: 260px;
 height				: 39px; 
}

.highlight_bar .most_recent
{
 float              : left;
}

div#paper_box div.highlight_column p.top_highlight_column span.help_text
{
 font-size          : 11px;
}

div#paper_box ul.extra_links li.overlaped
{
 position           : relative;
 top                : -30px;
 left               : 70px;
}

div#paper_box ul.extra_links button.submit
{
 background         : none;
 border             : 0;
}

div#paper_box div.highlight input
{
 width              : 250px;
 float              : left;
 display            : inline;
 clear              : none;
 border             : solid 1px #DDDDDD;
 padding            : 0 2px;
}

div#wrapper div.bottom_content p.heading,
div#wrapper div.column_description p.heading
{
 padding-left       : 5px;
 padding-top        : 5px;
 font-size          : 13px;
 font-weight        : 700;
 color              : #007EFF;
 width              : 110px;
 float              : left;
 display            : inline;
}



div#paper_box span.send_this_video
{
 background-image   : url(../img/base/send_this_video.gif);
 background-position: 0 0;
 width              : 138px;
 height             : 48px;
 display            : block;
}

a.submit_your_video
{
 background         : url(../img/base/submit_video.png) top left no-repeat;
 cursor             :pointer;
 width              : 139px;
 height             : 55px;
}

a.login_b
{
 background         : url(../img/base/login_b.png) top left no-repeat;
 width              : 82px;
 height             : 36px;
}

a.register_b
{
 background         : url(../img/base/join_b.png) top left no-repeat;
 width              : 66px;
 height             : 34px;
}

p.message .login_b,
p.message_stat .login_b
{
 float              : left;
 display            : inline;
}

p.message a.register_b,
p.message_stat a.register_b
{
 float              : left;
 display            : inline; 
}

p.message .or,
p.message_stat .or
{
 display            : block;
 width              : 25px;
 float              : left;
 text-align         : center;
 padding-top        : 10px;
}

.star-rating 
{
 float              : left;
 display            : inline;
}

div.column_description p.message_stat
{
 clear              : both;
}

div.video_stats a.submit_your_video
{
 float              : right;
 margin-right       : 30px;
 /*
 position           : relative;
 left               : 170px;
 top                : -25px;
 */
}

div.video_stats .message
{
 font-size          : 1.2em;
 padding            : 0 0 0 10px;
 margin             : 0;
}

div.video_stats .message .more,
p.message_stat .more
{
 float              : left;
 width              : 150px;
 display            : block;
 padding-top        : 10px;
 padding-left       : 5px;
}

div#wrapper div.video_stats .stat
{
 font-size          : 1.2em;
 padding            : 0 10px;
 margin-bottom      : 5px;
 color              : #007EFF;
}

div#paper_box span.overlaped
{
 position           : relative;
 top                : -10px;
 left               : 250px;
}

div#paper_box div.highlight_column
{
 background-image  : url(../img/base/blue_code_bg_small.gif);
 background-position: bottom right;
 /*
 min-height         :109px;
 */
 position           : relative;
 width              : 196px;
}

div#paper_box div.highlight_column label
{
 width              : 166px;
 display            : block;
 font-weight        : 700;
 position:relative;
 z-index:10;
}

div#paper_box div.highlight_column input
{
display:block;
 width              : 150px;
 border             : solid 1px #DDDDDD;
 padding            : 0 2px;
 position:relative;
 z-index:10;
}

div#paper_box p.normal_font
{
 font-size          : 12px;
}



div#paper_box span.overlaped_column
{
 position           : relative;
 top                : -10px;
 left               : 50px;
}

div#paper_box ul.extra_links .send_this_video
{
 position           : relative;
 top                : 20px;
 right              : 15px;
}

div#paper_box p.legend
{
 color              : #007EFF;
 font-size          : 1.3em;
 font-weight        : bold;
 padding-left       : 20px;
}

div#paper_box  p.legend a
{
 text-decoration     : underline;
}

div#paper_box .highlight_bar
{
 background         : url(../img/base/highlight_bar_blue.gif);
 position           : relative;
 background-repeat  : no-repeat;
 width              : 550px;
 font-size          : 1.2em;
 padding            : 8px 12px;
}

div#paper_box .bottom_content
{
 padding            : 0 10px 0 25px;
}

div#paper_box .bottom_content ul.search
{
 float              : left;
 display            : inline;
 width              : 227px;
}

div#paper_box .bottom_content ul.search label
{
 color              :#007eff;
 font-size          :1.3em;
 margin-right       :7px;
}

div#paper_box .bottom_content ul.pagination
{

 float              : right;
 width              : 250px;
 text-align         : right;
 padding-right      : 10px;
}

div#paper_box .bottom_content ul.pagination li
{
 color              :#007eff;
 font-weight        :bold;
 display            : inline;
 padding            : 0 2px;
}

div#paper_box .video_gallery
{
 width              : 550px;
 font-size          : 1.2em;
 padding            : 8px 12px;
 position           : relative;
}

div#paper_box .video_gallery ul
{
 margin-bottom      : 0em;
}

div#paper_box .video_element
{
 float              : left;
 width              : 137px;
 display            : inline;
}

div#paper_box .clear
{
 clear              : both;
}

div#paper_box .video_element img
{
 border             : 1px solid #cccccc;
 width              : 118px;
}

div#paper_box .video_element a
{
 display            : block;
}

div#paper_box .video_element a.description
{
 text-decoration     : underline;    
}

/***********************************************************************
4.8 VIDEO SUBMIT PAGES
***********************************************************************/

div#paper_box .video_box 
{
 background             : url(../img/base/blue_wash.jpg) left top no-repeat;
 width                  : 567px;
 min-height             :567px;
 position               :relative;
 top                    :25px;
 left                   :20px;  
 padding-top            :20px;
}


div#paper_box .video_box  h2.add_videos
{
 background             : url(../img/base/add_video.jpg) left top no-repeat;
 height                 :37px;
 padding                :0; 
 margin                 :0 0 8px 20px;
 width                  :537px;
}



div#paper_box .video_box  p {
color:#0759a2;
float:right;
font-size:1.2em;
font-weight:bold;
margin-bottom:0;
width:455px;
}

div#paper_box .video_box form ul {
clear:both;
float:right;
margin-top:5px;
}

div#paper_box .video_box form ul li{
clear:both;
margin-bottom:5px;
width:540px;
}

div#paper_box .video_box form ul li input{
margin-left:5px;
width:280px;
}

div#paper_box .video_box form ul li.url span{
 background             : url(../img/base/1.jpg) left top no-repeat;
 display:block;
 float:left;
 height:56px;
 margin-right:27px;
 width:51px;
}
div#paper_box .video_box form ul li.url label{
 background             : url(../img/base/video_url.jpg) left top no-repeat;
 display:block;
 height:27px;
 margin-bottom:5px;
 width:374px;
}

div#paper_box .video_box form ul li.name span{
 background             : url(../img/base/2.jpg) left top no-repeat;
 display:block;
 float:left;
 height:58px;
 margin-right:27px;
 width:53px;
}
div#paper_box .video_box form ul li.name label{
 background             : url(../img/base/video_name.jpg) left top no-repeat;
 display:block;
 height:28px;
 width:326px;
}

div#paper_box .video_box form ul li.description{
margin-bottom:10px;
}

div#paper_box .video_box form ul li.description span{
 background             : url(../img/base/3.jpg) left top no-repeat;
 display:block;
 float:left;
 height:61px;
 margin-right:27px;
 width:55px;
}
div#paper_box .video_box form ul li.description label{
 background             : url(../img/base/video_description.jpg) left top no-repeat;
 display:block;
 height:50px;
 width:300px;
}

div#paper_box .video_box form ul li.keywords{
margin-bottom:0px;
}

div#paper_box .video_box form ul li.keywords span{
 background             : url(../img/base/4.jpg) left top no-repeat;
 display:block;
 float:left;
 height:63px;
 margin-right:27px;
 width:53px;
}
div#paper_box .video_box form ul li.keywords label{
 background             : url(../img/base/video_keywords.jpg) left top no-repeat;
 display:block;
 height:27px;
 width:212px;
}

div#paper_box .video_box form ul li.submit span{
 background             : url(../img/base/5.jpg) left top no-repeat;
 display:block;
 float:left;
 height:65px;
 margin:5px 27px 0 0;
 width:51px;
}

div#paper_box .video_box form ul li.submit label{
 background             : url(../img/base/video_and.jpg) left top no-repeat;
 display:block;
 float:left;
 height:23px;
 width:43px;
}

div#paper_box .video_box form ul li.submit input{
  display:block;
 height:61px;
 float:left;
 margin:0;
 width:151px;
}

#wrapper div#paper_box div.thanks
{
background             : url(../img/base/blue_wash_small.jpg) left top no-repeat;
 width                  : 567px;
 min-height             :500px;
 position               :relative;
 padding                :20px 0 50px 0;

}

#wrapper div#paper_box .thanks_activation
{
 width                  : 567px;
 position               :relative;
 padding                :20px 0 50px 0;
}

div#paper_box .video_box  h2.thank_you
{
 background             : url(../img/base/thank_you_badge.jpg) left top no-repeat;
 height                 :211px;
position:absolute;
top:0;
 width                  :212px;
}

div#paper_box .video_box.thanks  p.upload_success {
background              : url(../img/base/successful_upload.jpg) left top no-repeat;
position:absolute;
top:213px;
height:94px;
width:125px;
left:50px;
}

div#paper_box .video_box.thanks  p {
color:#0759a2;
float:right;
font-size:1.2em;
font-weight:bold;
margin-bottom:1em;
width:342px;
}

div#paper_box .video_box.thanks ul {
float:right;
width:345px;
}

div#paper_box .video_box.thanks ul li {
background:  url(../img/base/video_bullet.jpg) top left no-repeat;
padding-left:16px;
}

div#paper_box .video_box.thanks ul li a.upload_another {
background:  url(../img/base/upload_another.jpg) top left no-repeat;
display:block;
height:22px;
width:171px;
}

div#paper_box .video_box.thanks ul li a.watch_more {
background:  url(../img/base/watch_more.jpg) top left no-repeat;
display:block;
height:42px;
width:240px;
}

div#paper_box .video_box.thanks ul li a.comment {
background:  url(../img/base/comment.jpg) top left no-repeat;
display:block;
height:27px;
width:172px;
}

div#paper_box .video_box.thanks ul li a.nominate {
background:  url(../img/base/nominate.jpg) top left no-repeat;
display:block;
height:39px;
width:194px;
}

#paper_box_bottom  .latest {
position:relative;
bottom:58px;
left:7px;
}

div#paper_box .video_box  h3.latest_videos{
background:  url(../img/base/latest_videos.jpg) top left no-repeat;
height:21px;
position:absolute;
top:343px;
z-index:10;
width:109px;
}

/***********************************************************************
4.9 DOWNLOADS
***********************************************************************/
div#paper_box div.downloads {
margin-bottom:10px;
position:relative;
min-height:620px
}

div#paper_box div.downloads h2 {
background:  url(../img/base/downloads.jpg) top left no-repeat;
height:43px;
position:relative;
top:23px;
left:15px;
width:229px;
}

div#paper_box div.downloads h4 {
font-size:1.6em;
margin-left:18px;
width:578px;
}

div#paper_box div.downloads div#downloads_box {
background: url(../img/base/downloads_box_top.gif) top left no-repeat;
margin-left:25px;
/*height:114px;*/
width:576px;
}

div#paper_box div.downloads div#downloads_box ul.tabs li{
float:left;
font-size:1.5em;
font-weight:bold;
padding:10px 0px 8px 0px;
}

div#paper_box div.downloads div#downloads_box ul.tabs li a {
color:#f1592a;
padding:0 5px 0 7px;
}

div#paper_box div.downloads div#downloads_box ul.tabs li.downloads{
background:  url(../img/base/wallpapers.gif) top left no-repeat;
height:37px;
width:93px;
}

div#paper_box div.downloads div#downloads_box ul.tabs li.downloads_selected{
background: url(../img/base/wallpapers_selected.gif) top left no-repeat;
height:37px;
width:93px;
}


div#paper_box div.downloads div#downloads_box ul.tabs li.screensavers{
background: url(../img/base/screensavers.gif) top left no-repeat;
height:39px;
width:112px;
}


div#paper_box div.downloads div#downloads_box ul.tabs li.screensavers_selected{
background: url(../img/base/screensavers_selected.gif) top left no-repeat;
height:39px;
width:112px;
}

div#paper_box div.downloads div#downloads_box ul.tabs li.buttons{
background: url(../img/base/buttons_banners.gif) top left no-repeat;
height:39px;
width:165px;
}

div#paper_box div.downloads div#downloads_box ul.tabs li.buttons_selected{
background: url(../img/base/buttons_banners_selected.gif) top left no-repeat;
height:39px;
width:165px;
}

div#paper_box div.downloads div#downloads_box ul.tabs li.stickers{
background: url(../img/base/stickers.gif) top left no-repeat;
height:39px;
width:74px;
}


div#paper_box div.downloads div#downloads_box ul.tabs li.stickers_selected{
background: url(../img/base/stickers_selected.gif) top left no-repeat;
height:39px;
width:74px;
}

div#paper_box div.downloads div#downloads_box ul.materials {
background: url(../img/base/downloads_box_base.gif) bottom left no-repeat;
margin:0px 0 10px 0;
min-height:350px;
padding:10px 0 20px 0;
width:576px;
/*z-index:10;
position:relative;*/
}

div#paper_box div.downloads div#downloads_box ul.materials li{
float:left;
margin-left:20px;
margin-bottom:20px;
position:relative;
width:237px;
min-height:190px;
}

div#paper_box div.downloads div#downloads_box ul.materials li p{
margin:0 0 15px 0;
text-align:center;
width:215px;
}

div#paper_box div.downloads div#downloads_box ul.materials li a {
display:block;
color:transparent;
}

div#paper_box div.downloads div#downloads_box ul.materials li a img{
border:none;
display:block;
/*position:relative;
z-index:-10;*/
}

div#paper_box div.downloads div#downloads_box ul.materials li a.small{
background:url(../img/base/800x600_on.png) top left no-repeat;
left:48px;
top:35px;
height:39px;
width:139px;
position:absolute;
 display:none;
}

div#paper_box div.downloads div#downloads_box ul.materials li a.medium{
background:url(../img/base/1024x768_on.png) top left no-repeat;
left:48px;
top:70px;
height:39px;
width:139px;
position:absolute;
 display:none;
}

div#paper_box div.downloads div#downloads_box ul.materials li a.large{
background:url(../img/base/1280x1024_on.png) top left no-repeat;
left:48px;
top:110px;
height:39px;
width:139px;
position:absolute;
 display:none;
}

div#paper_box div.downloads div#downloads_box p {
clear:left;
color:#f1592a;
display:block;
font-size:1.2em;
font-weight:bold;
line-height:1.2em;
margin:0px 0 0px 25px;
width:460px;
}

#instructions {
background-color:#333333;
}


/***********************************************************************
5. MODULES
***********************************************************************/
div#innapropriate_content
{
 width              : 600px;
}


div#paper_box
{
 float               : left;
 position            : relative;
 width               : 626px;
 margin-bottom       : 2em;
}

div#paper_box_top 
{
 background             : url(../img/base/paper_long.gif) left top no-repeat;
 min-height             : 400px;
 width                  : 626px;
 margin-bottom			: -120px;
 }

div#paper_box_bottom
{
 background             : url(../img/base/paper_bottom.gif) left top no-repeat;
 height                 : 173px;
 width                  : 613px;
 margin                 : 0 0 0 13px;
}

div#paper_box_content
{
 margin-left            : 10px;
}

.paper_highlight div#paper_box_top 
{
 background             : url(../img/base/paper_highlight_long.gif) top left no-repeat;
}

.paper_highlight div#paper_box_bottom
{
 background             : url(../img/base/paper_highlight_bottom.png) left top no-repeat; 
}

a.take_action_today
{
 background             : url(../img/base/takeactiontoday.png) left top no-repeat; 
 width                  : 159px;
 height                 : 68px;
}


#wrapper div#paper_box h3.post_title
{
 margin-bottom         : 15px;
}

#wrapper div#paper_box h4.post_title
{
 margin-bottom          : 5px;
}

div#wrapper a.underlined
{
 text-decoration        : underline;
}

#wrapper div#paper_box h3.post_title a,
#wrapper div#paper_box h4.post_title a
{
 text-decoration        : none;
 line-height            : 1.1em;
 font-size              : 18px;
}


div.my_stats li
{
 color                  : #494A4A;
 font-size              : 2em;
 margin-left            : 20px;
}

div.my_stats li em
{
 font-style             : normal;
 color                  : #F27800;
 font-size              : 1.5em;
}

div#paper_box div.column_description
{
 width                  : 385px;
 padding                : 0 10px 0 20px;
 float                  : left;
}

div#paper_box div.column_description img
{
 width                  : 384px;
 border: 0;
}

div#paper_box div.column_description li{
list-style:disc;
margin-left:20px;
}

div#paper_box div.column_extras
{
 width                  : 180px;
 margin                 : 0;
 float                  : left;
}

div#paper_box #registration_number
{
 position               : absolute;
 top                    : 10px;
 right                  : 25px;
 background             : url(../img/friends_module/number.png) center no-repeat;
 width                  : 206px;
 height                 : 204px; 
}

div#wrapper div#registration_number p
{
 padding                : 80px 0 0 65px; 
 font-size              : 3em;
 color                  : #ffffff;
}

div.featured h2
{
 font-weight            : 700;
 padding                : 25px 10px 10px 20px;
 font-size              : 3.5em;
 line-height			: 1em;
}

div.featured h2 em
{
  color                  : #F27800;
}

div.featured div.column_extras h3
{
 line-height             : 1em;
 margin-bottom		  	 : 0.5em;
}

div#wrapper div.featured div.column_extras h3 a
{
 line-height:1.3em;
 text-decoration          : underline;
}

div#wrapper div.featured div.column_extras h4 a
{
 text-decoration          : underline;
 font-size                : 1.1em;
}

div#wrapper div.featured div.column_extras li a
{
 font-size                : 1.1em;
 font-weight              : 700;
 text-decoration          :underline;
}


div.featured div.column_description p,
div.featured div.column_description label,
div.featured div.column_extras p,
div.featured div.column_extras li
{
 font-size                 : 1.2em;
}

div.column_extras p
{
 overflow                   : hidden;
 width                      : 180px;
}

div.column_extras li
{
 margin-bottom              : 10px;
}

div.boxed
{
 height                     : 500px;
 width                      : 550px;
 overflow-y                 : scroll;
 margin-left                : 20px;
 position                   : relative;
}

div.reduced
{
 height                     : 300px;
}



/***********************************************************************
5.1. BLOGS MODULE (RECENT POSTS)
***********************************************************************/
#blog_module
{
 float              : right;
 width              : 352px;
 margin-right       : 15px;
}

#blog_module h3,
#blog_module h4
{
 color              : #606060;
 display            : block;
 font-weight        : bold;
 font-size          : 1.5em;
 padding-left       : 25px;
}

#blog_module h3 a.your_voice
{
 background         : url(../img/base/your_voice.png) top left no-repeat;
 width              : 212px;
 height             : 36px;
 margin-right       : 25px;
}
#blog_module_content
{
 background         : url(../img/base/module_blog_bg.gif) top left no-repeat;
 display            : block;
 width              : 352px;
 padding-bottom     : 15px;
}
#blog_module span.header
{
 display            : block;
 width              : 352px;
 height             : 30px;
 background         : url(../img/base/module_blog_header.gif) top left no-repeat;
}



div#wrapper #blog_module #blog_module_base
{
background          : url(../img/base/module_blog_bottom.png) bottom left no-repeat;
height              : 10px;
width               : 352px;
font-size           : 1.3em;
font-weight         : 700;
text-decoration     : underline;
}

div#wrapper #blog_module a
{
color               : #018ad1;
display             : block;
font-weight         : bold;
font-size           : 1.3em;
padding             : 5px 17px 0 26px;
text-decoration     : underline;
}

#blog_module p
{
 color               : #606060;
 font-size           : 1.1em;
 padding-left        : 26px;
 padding-right       : 20px;
 margin              : 0px;
}



/***********************************************************************
5.2 STORIES MODULE
***********************************************************************/

div#featured_blogs #story_bg
{
 float                   : left;
 width                   : 609px;
 background              : url(../img/base/tile_story.jpg) repeat-y  top left;
 line-height             : normal;
 padding-left			 : 10px;
 margin-bottom           : -20px;
}

div#featured_blogs #story_top_image
{
 margin                  : 0 0 0 0;
 width                   : 619px;
 height                  : 9px;
 background              : url(../img/base/top_story.png)  no-repeat left top;
}

div#featured_blogs #story_bottom_image
{
 height                 : 45px;
 background             : url(../img/base/bottom_story.jpg) no-repeat left bottom;
 float                  : left;
 width                  : 619px;
}

div#featured_blogs div.story 
{
 width                  : 200px;
 min-height             : 195px;
 float                  : left;
 padding                : 0 0 0 0;
 position               : relative;
 display                : inline;
}

div#featured_blogs div.highlight
{
 background				: url(../img/base/box_highlight.jpg) no-repeat bottom left;
 padding-bottom			: 10px;
}

div#featured_blogs div.highlight h3
{
background				: url(../img/base/box_highlight.jpg) no-repeat top left;
}

div#featured_blogs #story h3 a
{
 color                  : #f27800;
 text-decoration        : none;
 font-size              : 1em;
}
div#featured_blogs #story h3 a:hover
{

}

div#featured_blogs h3
{
 color                  : #f27800;
 min-height             : 50px;
 font-size              : 2em;
 font-weight            : bold;
 padding				: 7px 10px;
}

div#featured_blogs #story a
{
 color                  : #3a8de2;
 font-size              : 1.2em;
 font-weight            : bold;
 text-decoration        : underline;
}
div#wrapper #story p
{
 width                  : 119px;
 padding-left			: 10px;
 font-size              : 1.2em;
 line-height            : 1.3em;
 float					: left
}


div#featured_blogs #story img
{
 float					: right;
 width					: 56px;
 margin-right			: 8px;
}

div#featured_blogs #story ul
{
 clear					: both;
}

div#featured_blogs #story li
{
 padding-left			: 10px;
}


/***********************************************************************
5.3 FRIENDS MODULE
***********************************************************************/

#thanks
{
 padding                : 20px 0 0 33px;
 position				: relative;
 width                  : 550px;
}

#thanks h3
{
 color                  : #EF6438;
 font-size              : 2.5em;
 font-weight            : bold;
 width                  : 354px;
 margin-left            : 20px;
}

#thanks h3.thankyou
{
 width                  : auto;
 margin-top             : 20px;
}

#thanks h4.thankyou_petition
{
 margin                 : 0 20px;
}


#thanks h3 span
{
 color                  : #007EFF;
}

ul.actions
{
 clear                  : both;
 width                  : 550px;
}

ul.actions p
{
 width                  : 250px;
 text-align             : center;
 font-size              : 1.2em;
 font-weight            : 800;
}

ul.actions li.nominate-friends
{
 width                  : 269px;
 float                  : left;
 clear                  : left;
}

ul.actions li.nominate-more-friends
{
 width                  : 406px;
 float                  : left;
 clear                  : left;
}

ul.actions li.want-blog
{
 float                  : right;
 width                  : 230px;
 clear                  : right;
 margin-top             : 40px;
}

ul.actions li.watchvideo
{
     
	clear                  : both;
	position:absolute;
	top:270px;
	left:60px;

}


ul.actions li.sticker
{
 margin-top            : 0;
 position              : relative;
 top                    : -30px;
 clear                  : both;
}

ul.actions li.blog_account
{
 width                  : 290px;
 float                  : left;
 clear                  : left;
}

ul.actions li.latest_blog_comments
{
 width                  : 262px;
 float                  : left;
 clear                  : both;
}

ul.actions li.make_donation
{
 float                  : right;
 clear                  : right;
 width                  : 241px;
}

ul.actions li.our_voice
{
 width                  : 250px;
 float                  : left;
 clear                  : left;
}

a.nominate_friends
{
 background             : url(../img/friends_module/nominate.png) left top no-repeat;
 width                  : 269px;
 height            		: 108px;
 margin                 : 10px 0 0 0 ;
}

a.nominate_more_friends
{
 background             : url(../img/friends_module/nominatemorefriends.png) left top no-repeat;
 width                  : 406px;
 height            		: 126px;
}

a.want_blog
{
 background             : url(../img/friends_module/want_blog.png) left top no-repeat;
 width                  : 230px;
 height                 : 105px;
}


a.watch_videos
{

 width                  : 185px;
 height            		: 74px;
 background             : url(../img/friends_module/watch_videos_now.png) left top no-repeat;

}


a.blog_account
{
 background             : url(../img/friends_module/blog_account.png) left top no-repeat;
 width                  : 290px;
 height                 : 86px;
}

a.latest_blog_comments
{
 background             : url(../img/friends_module/latest_blog_comments.png) left top no-repeat;
 width                  : 262px;
 height                 : 81px;
}

.latest_news
{
 background             : url(../img/friends_module/read.png) left top no-repeat;
 width                  : 231px;
 height             	: 107px;
 margin					: -35px 0 0 330px;
}

a.make_donation
{
 background             : url(../img/friends_module/donation.png) left top no-repeat;
 width                  : 165px;
 height             	: 65px;
}
.do_you
{
margin					: 30px 0 0 0;
}
.thanks
{
margin 					: 20px 0 0 0;
}
div#thanks p
{
float					: left;
width					: 180px;
text-align				: center;
font-weight				: bold;
margin 					: 10px 0 0 10px;
font-size   			: 1.2em;
}

div#thanks p.normal
{
 float                  : none;
 width                  : auto;
 text-align             : left;
 margin                 : 0;
}

div#thanks p.spacing
{
 padding-left           : 25px;
}

/***********************************************************************
5.4. SIGN UP
***********************************************************************/

div#sign_up
{
 display                : block;
 background             : url(../img/sign_up/form_top.gif) top left no-repeat;
 padding                : 70px 0 0 0;
 position               : relative;
 text-align             : left;
 width                  : 370px;
 color                  : #606060;
}

div#sign_up h2
{
 float                  : right;
 font-size              : 2em;
 position               : absolute;
 top                    : 25px;
 left                   : 30px;
}

div#sign_up h2.share_your_voice
{
 background             : url(../img/sign_up/sign_up_share.png) top left no-repeat;
 height                 : 110px;
 width                  : 263px;
}

div#sign_up h2.create_blog_account
{
 background             : url(../img/sign_up/create_blog_account.png) top left no-repeat;
 width                  : 299px;
 height                 : 84px;
}

div#sign_up_content
{
 background             : url(../img/sign_up/form_bg.gif) top left no-repeat;
 display                : block;
 padding                : 0px 30px;
}

div#sign_up_base
{
 background             : url(../img/sign_up/form_base.gif) top left no-repeat;
 height                 : 50px;
 width                  : 370px;
}

div#sign_up p
{
 clear                  : both;
 color                  : #606060;
 font-weight            : 700;
 font-size              : 1.2em;
 padding-top            : 90px;
}

div#sign_up p.mobile
{
 color                  : #606060;
 font-weight            : bold;
 margin                 : 5px 0;
 padding                : 0;
 width                  : 300px;
}

div#sign_up a.start_blogging
{
 background             : url(../img/sign_up/start_blogging.png) bottom right no-repeat;
 float                  : right;
 height                 : 80px;
 width                  : 171px;
}

div#sign_up .start_blogging
{
 float                  : right;
 height                 : 80px;
 width                  : 171px;
}

div#sign_up li span.help_text
{
 clear                  : both;
 float                  : left;
 display                : block;
 padding-bottom         : 10px;
 width                  : 300px;
}

#sign_up_content form
{
 margin-top             : 5px;
}

div#sign_up_content input.text_box
{
 border                 : none;
 width                  : 180px;
 padding                : 0 3px;
 float                  : left;
}

div#sign_up_content label
{
 clear                  : left;
 float                  : left;
 font-size              : 1.7em;
 font-weight            : 700;
 width                  : 110px;
 margin-top             : -5px;
 color                  : #606060;
}

#sign_up_content label.t_and_c
{
color:#606060;
clear:both;
float:none;
font-size:1.2em;
font-weight:bold;
margin-left:10px;
}

div#wrapper label.t_and_c a
{
 color                  : #FFFFFF;
 text-decoration        : none;
}

div#wrapper label.t_and_c a:hover
{
 text-decoration        : underline;
 color                  : #FFFFFF;
}

#sign_up_content label.sms
{
color:#606060;
clear:both;
float:none;
font-size:1.1em;
font-weight:bold;
margin-left:10px;
}

li.separated
{
 margin-top             : 2em;
}

/***********************************************************************
5.5 EMAIL MODULE
***********************************************************************/
div#email_module td.information
{
 padding-top            : 15px;
 padding-bottom         : 15px;
}

div#email_module p.styled
{
 font-size              : 1.2em;
 padding                : 0 0 0 25px;
}

div#email_module h3
{
color					: #EF6438;
font-size				: 3em;
font-weight				: 800;
width					: 537px;
padding					: 25px 0 0 25px;
}

div#email_module h3 span
{
color					:#000000;
}

div#email_module form
{
color					:#000000;
font-weight				:bold;
padding					:0;
}

div#email_module input
{
border					: 2px #EF6438 solid;
margin					: 0 10px 0 0;	
font-size				: 1.5em;
width                   : 140px;
}

div#email_module label
{
 width                  : 90px;
 display                : block;
 float                  : left;
 font-size				:1.5em;
}


#email_module #your_details label
{
 margin					: 0 0 0 20px;
}
	
#email_module #your_details
{
padding					: 0 0 20px 25px;
}

#email_module #address_book
{
padding					:10px 0 0 45px;
}

#email_module .legend
{	
color					:#EF6438;
font-weight				:bold;
padding					: 0 0 0 45px;
}

.email
{
padding					: 0 0 5px 25px;
}

.email label
{
padding					: 0 0 0 20px;
}

#email_module .statement
{
color					: #000000;
font-size				: 1.2em;
font-weight             : 500;
margin					: 10px 0 -60px 35px;
width					: 350px;
position				: relative;
}

div#email_module table
{
 margin-left           : 20px;
}

div#email_module td{
 width                 : 270px;
}

#email_module .send
{
background				: url(../img/email_module/send.png) left top no-repeat;
width					: 175px;
height					: 96px;
position				: relative;
margin					: 0 0 -55px 410px;
}

div#email_module input.submit
{
 border                 : 0;
 position				: relative;
 margin					: 0 0 -55px 410px;
}


form#import_contacts_form_id
{
 margin                : 20px 0 0 25px;
 width                 : 537px;
}

form#import_contacts_form_id em.at
{
 font-size             : 1.5em;
 font-weight           : 10px;
 margin                : 0 7px 0 0;
}

form#import_contacts_form_id p.intro
{
 font-size             : 1.2em;
 margin                : 20px 0 0 25px;
}

table#contact_list
{
 font-size            : 1.2em;
 margin-top           : 20px;
}

table#contact_list td,
table#contact_list th
{
 padding             : 5px 0;
}


table#contact_list td.email
{
 margin               : 0;
 padding              : 0; 
}

table#contact_list td.mark
{
 width                : 30px;
}

table#contact_list td.email
{
 width               : 150px;
}

table#contact_list td.name
{
 padding             : 0 10px;
}

/***********************************************************************
5.6. LOGGED IN MODULE
***********************************************************************/
div#logged_in
{
 display                : block;
 background             : url(../img/base/big_blue_box.png) top left no-repeat;
 padding                : 70px 0 0 0;
 position               : relative;
 text-align             : left;
 width                  : 370px;
 color                  : #606060;
 margin-bottom          : 1.5em;
}

div#logged_in_content
{
 background             : url(../img/base/big_blue_box.png) 200 left no-repeat;
 display                : block;
 padding                : 0px 30px;
}

div#logged_in_base
{
 background             : url(../img/base/big_blue_box.png) bottom left no-repeat;
 height                 : 20px;
 width                  : 370px;
 margin-bottom          : -10px;
}

div#logged_in h3
{
 color                  : #FFFFFF;
 padding-left           : 35px;
 margin-bottom          : 1em;
 font-weight            : 700;
}

div#logged_in_content ul
{

}

div#logged_in_content li
{
 font-size              : 1.2em;
 background             : transparent url(../img/base/link_bottom.jpg) bottom left no-repeat;
 width                  : 288px;
 padding-bottom         : 5px;
 margin-bottom          : 1em;
}

div#logged_in_content li.subtitle
{
 background             : transparent;
 margin                 : 0;
}

div#logged_in_content li p.code
{
 background             : #FFFFFF;
 margin                 : 10px;
 width                  : auto;
 font-size              : 0.8em;
 color                  : #000000;
 border                 : 1px solid #000000;
}

div#logged_in_content a,
div#logged_in_content span
{
 background             : transparent url(../img/base/link_head.jpg) top left no-repeat;
 display                : block;
 width                  : 278px;
 padding                : 5px 5px 0 5px;
 text-decoration        : underline;
 font-weight            : 700;
}

div#logged_in_content li,
div#logged_in_content span,
div#logged_in_content li p
{
 text-decoration        : none;
 color                  : #007EFF;
 font-weight            : 700;
}

div#logged_in_content li p
{
 margin                 : 0 5px;
}

div#logged_in_content li textarea
{
 height                 : 100px;
 width                  : 300px;
}


div#logged_in_content li img
{
 display                : block;
 margin-right           : auto;
 margin-left            : auto;
}

h4.campaign_actions
{
 background         : transparent url(../img/base/campaignactions.png) no-repeat top left;
 width              : 299px;
 height             : 51px;
}

h4.other_actions
{
 background         : transparent url(../img/base/otheractions.png) no-repeat top left;
 width              : 238px;
 height             : 60px;
}


/***********************************************************************
5.5.ADD MY VOICE MODULE
***********************************************************************/

div#add_voice
{
 background             : url(../img/base/big_orange_box.gif) top left no-repeat;
 float                  : right;
 display                : block;
 text-align             : left;
 margin-bottom          : 20px;     
 width                  : 370px;
}

div#add_voice_content
{
 background             : url(../img/base/big_orange_box.gif) 200 left no-repeat;
 display                : block;
 min-height             : 180px;
 _height                : 180px;
 padding                : 0px 30px;
 position               : relative;
}

div#add_voice_content span.error {
clear:both;
color:#FFFF00;
display:block;
 font-weight            : 800;
padding-left:90px;
width:200px;
position:relative;
bottom:5px;
}


div#add_voice_content li span.t_c {
padding-left:18px;
width:145px;
}

div#add_voice_content span.star {
background:transparent url(../img/add_voice/star.png) no-repeat scroll left top;
bottom:0px;
color:#FFFF00;
display:block;
float:right;
height:16px;
position:relative;
right:25px;
width:20px;
}

div#add_voice_base
{
 background             : url(../img/base/big_orange_box.gif) bottom left no-repeat;
 min-height             : 50px;
 _height                : 50px;
 width                  : 370px;
 z-index                : 10;
 margin-bottom          : -10px;
}

div#add_voice h2.give_voice
{
 background             : url(../img/add_voice/header.png) top left no-repeat;
 position               : relative;
 left                   : 25px;
 margin-top             :40px;
 margin-bottom          :10px;
 height                 : 52px;
 width                  :166px;
}

div#add_voice p.intro {
font-size:1.6em;
margin-bottom:15px;
}

div#add_voice h3 {
color                   : #015DB4;
display                 : block;
float                   : left;
padding-left            : 30px;
margin                  : 1em 0 0.5em 0;
}

div#add_voice ul.signup {
float                   : left;
padding-left            : 30px;
padding-bottom          : 1em;
margin                  : 0;
}

div#add_voice ul.signup li{
 background             : url(../img/add_voice/white_bullet.jpg) center left no-repeat;
}

div#add_voice ul.signup li p{
color                   : #ffffff;
margin                  : 0;
padding                 : 0 0 0 15px;
}

div#add_voice p
{
 color                  : #fff;
 clear                  : both;
 font-weight            : bold;
 font-size              : 1.2em;
 line-height            : normal;
 padding-left           : 30px;
 margin                 :0px 0 0 0;
 width                  : 280px;
}

div#add_voice label
{
color                   : #fff;
display                 : block;
font-weight             : bold;
font-size               : 1.7em;
float                   : left;
margin                  : 0px;
width                   : 90px;
}

div#add_voice label.re_enter {
line-height:0.9em;
}

div#add_voice form
{
padding-top             : 10px;
}

div#add_voice input.text_box
{
 border                 : none;
 float                  : left;
 margin                 : 0px 30px 3px 0;
 padding                : 1px 0;
 font-size              : 15px;
 width:160px;
}

/*div#add_voice li input#id_password1,
div#add_voice li input#id_password2
{
margin-top:10px;
}*/

div#add_voice li.t_and_c {
float:left;
margin-top:10px;
width:170px;
}

div#add_voice span.help_text
{
 color                  : #ffffff;
 display                : block;
 font-size              : 1.1em;
 font-weight            : bold;
 line-height            :normal;
 width                  :220px;
 margin-bottom          :10px;
 clear              : both;         
}


div#add_voice label.t_and_c
{
 color                  : #fff;
 font-weight            : bold;
 font-size              : 1.2em;
 float                  :left;
  margin                : 0 0 0 5px;
 width                  : 145px;
 letter-spacing:-0.020;
}

div#add_voice  li.t_and_c input {
margin-top:5px;
float:left;
}

div#add_voice div#add_voice_base a
{
color                   : #015DB4;
font-weight             : bold;
font-size               : 1.2em;
float                   : left;
padding-left            : 30px;
text-decoration         : underline;
}

div#add_voice a.add_my_voice
{
 /*background             : url(../img/add_voice/add_my_voice.png) top left no-repeat;*/
 color                  : #007EFF;
 font-weight            : bold;
 z-index                : 20;
 position               : absolute;
 bottom                 : -50px;
 right                  : 0;
}

div#add_voice input.add_my_voice
{
 color                  : #007EFF;
 font-weight            : bold;
 z-index                : 20;
 position:relative;
}

/***********************************************************************
5.6.YOUR VOICE MODULE
***********************************************************************/

div.paper_highlight div#paper_box_content
{
 padding                : 25px 30px 0 25px;
}
div.paper_highlight h2.your_voice
{
 background             : url(../img/base/your_voice.png) top left no-repeat;
 height                 : 40px;
 width                  : 220px;
 margin-bottom          : 0.4em;
 float                  : left;
}

div.paper_highlight p
{
 font-size              : 1.2em;
 margin                 : 0;
 clear                  : both;
}

div.paper_highlight h3
{
 width                  : 541px;
 padding                : 10px;
}

div.paper_highlight li p
{
 width                  : 490px;
 float                  : left;
 clear                  : left;
 padding                : 0 10px;
 overflow               : hidden;
}

div.paper_highlight ul
{
 margin-top             : 10px;
}

div.paper_highlight li
{
 padding-bottom         : 10px;
 position               : relative;
}

div.paper_highlight li.odd
{
 background            : transparent url(../img/base/paper_highlight_odd.jpg) bottom left no-repeat;
}

div.paper_highlight li.odd h3
{
 background            : transparent url(../img/base/paper_highlight_odd.jpg) top left no-repeat;
 padding-bottom         : 0;
}

div.paper_highlight ul li ul
{
 position              : absolute;
 top                   : 5px;
 right                 : 15px;
}

div.paper_highlight ul.rss_feed
{
 float                 : right;
 width                 : 27px;
 margin-right          : 15px;
}

div#paper_box_content div.styled p.highlight,
em.highlight
{
 color                 : #007EFF;
 font-size             : 1.2em;
 font-weight           : 700;
 font-style            : normal;
}

div#paper_box_content ul.address
{
 list-style-type       : none;
 font-size             : 1.2em;
 padding-left          : 50px;
 margin-bottom         : 1.5em;
}

#your_voice_module
{
background: url(../img/your_voice/box_top.png) top left no-repeat;
float:left;
position:relative;
margin-top:20px;
text-align:left;
width:625px;
}

#campaign_content
{
background: url(../img/your_voice/box_bg_lg.png) top center no-repeat;
display:block;
min-height:300px;
_height:300px;
margin-top:5px;
width:625px;
}

.campaigns
{
position:relative;
}

#your_voice_module h2.your_voice_header
{
background:url(../img/your_voice/your_voice.png) top left no-repeat;
height:40px;
position:relative;
top:30px;
left:30px;
width:216px;

}

#campaign_content_base
{
background: url(../img/your_voice/box_base_lg.png) bottom left no-repeat;
padding:0px;
margin:0px;
display:block;
min-height:68px;
_height:68px;
width:625px;
}

#your_voice_module p
{
color:#606060;
font-size:1.3em;
line-height:normal;
margin:0px;
}

#your_voice_module p.intro
{
color:#606060;
font-weight:bold;
font-size:1.3em;
padding:35px 0 0 40px;
width:512px;
}

#your_voice_module .campaigns a
{
color:#606060;
font-weight:bold;
text-decoration:underline;
}

#your_voice_module a.header
{
color:#007eff;
font-size:1.8em;
}

#your_voice_module a.RSS
{
background:url(../img/your_voice/RSS.png) top left no-repeat;
height:28px;
width:29px;
position:absolute;
left:515px;
margin-top:15px;
_margin-top:0px;
}

#your_voice_module a.RSS_top
{
background:url(../img/your_voice/RSS.png) top left no-repeat;
height:28px;
width:29px;
position:absolute;
left:550px;
margin-top:35px;
}

div#campaign_content div.odd 
{
background:url(../img/your_voice/campaign_combined_top.png)top left no-repeat;
margin-left:35px;
margin-top:10px;
padding-left:5px;
}

div.campaign_base
{
background:url(../img/your_voice/campaign_base.png) bottom left no-repeat;
display:block;
height:14px;
margin-left:30px;
}

div#campaign_content .even 
{
display:block;
margin-left:35px;
padding-left:5px;
}

/***********************************************************************
5.9 MY ACCOUNT MODULE
***********************************************************************/



div#account_details
{
 width              : 369px;
 background         : #FABA00 url(../img/base/long_yellow_box.jpg) top left no-repeat;
 float              : right;
 min-height         : 300px;
 position           : relative;
}

div#account_details_content
{
 min-height         : 360px;
}

div#account_details_content p
{
 font-size          : 1.2em;
 padding            : 20px 20px 0 30px;
}

h3.my_account
{
 background         : url(../img/base/my_account.png) top left no-repeat;
 width              : 216px;
 height             : 115px;
 margin             : 20px 0 10px 30px;
}

div#account_details_footer
{
 width              : 369px;
 height             : 50px;
 background         : #FABA00 url(../img/base/long_yellow_box.jpg) bottom left no-repeat;
 display            : block;
}

div#account_details ul
{
 padding            : 20px 0 0 35px;
}

div#account_details li
{
 font-size          : 1.3em;
 color              : #494A4A;
 font-weight        : 700;
 margin-bottom      : 0.5em;
 padding-right      : 20px;
}

div#account_details li span
{
 display            : block;
}

div#account_details li span.as_link
{
 float              : right;
 width              : 50px;
 color              : #007EFF;
 cursor             : pointer;
}

div#account_details li span.as_link:hover
{
 color              : #F27800;
}

div#account_details li span.as_value
{
 float              : left;
 width              : 160px;
 color              : #5B5B5B;
}
div#account_details li span.help_text
{
 clear              : both;
}

div#account_details li.error
{
 font-size          : 1.1em;
}


div#account_details input.text_box
{
 width              : 150px;
 border             : 0;
 padding            : 0 3px;
 float              : right;
 margin-right       : 55px;
}

div#account_details input.submit
{
 position           : absolute;
 bottom             : 0;
 right              : 0;
}

div#account_details span#id_password2_helptext
{
 font-size          : 0.85em;
}

div#account_details label
{
 width              : 100px;
 float              : left;
 clear              : left;
}

/***********************************************************************
5. CHANGE PASSWORD FORM
***********************************************************************/

form.change-password label
{
 width              : 150px;
 float              : left;
 clear              : left;
}

form.change-password input.text
{
 width              : 150px;
}


/***********************************************************************
6. FOOTER
***********************************************************************/

div#footer
{
 padding-top         : 50px;
}

div#footer li
{
 font-size          : 1.3em;
 font-weight        : 600;
}

div#footer ul
{
 float              : left;
 width              : 215px;
 margin             : 0 10px 10px 10px;
}

div#footer ul#footer_navigation
{
 width              : 150px;
}
div#footer ul#footer_campaign
{
 width              : 250px;
}

div#footer ul#external
{
 width              : 200px;
}

div#footer p
{
 clear              : both;
 width              : 100%;
 text-align         : center;
 font-size          : 1.2em;
 font-weight        : 700;
 color              : #606060;
}


/***********************************************************************
10. CLEARFIX
***********************************************************************/

.clearfix:after
{
 clear              : both;
 content            : ".";
 display            : block;
 height             : 0;
 line-height        : 0;
 visibility         : hidden;
}

.clearfix
{
 display            : inline-block;
}

html[xmlns] .clearfix
{
 display            : block;
}

* html .clearfix
{
 height             : 1%;
}
/***********************************************************************
11. STAR RATING
***********************************************************************/
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(../img/base/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:106;
}
.star-rating a.two-stars{
	width:40%;
	z-index:105;
}
.star-rating a.three-stars{
	width:60%;
	z-index:104;
}
.star-rating a.four-stars{
	width:80%;
	z-index:103;
}
.star-rating a.five-stars{
	width:100%;
	z-index:102;
}


.star-rating .current-rating{
	z-index:101;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(../img/base/star_small.gif);
	line-height: 10px;
	height: 10px;
}


/******************
12. SIGNUP BOX
*******************/


div#signup-box
{
 width: 318px;
 padding: 30px 25px 0 25px;
 position: relative;
 background: transparent url(../img/base/orange_signup_box.gif) top left no-repeat;
 float: right;
 clear: right;
}

div#signup-box-footer
{
 width: 368px;
 height: 46px;
 background: transparent url(../img/base/orange_signup_box.gif) bottom left no-repeat;
 float: right;
 clear: right; 
}

div#signup-box ul
{
 margin: 15px 0 0 0;
}

div#signup-box p
{
 color: #FFFFFF;
 font-size: 1.3em;
 margin-bottom: 5px;
 line-height: normal;
 padding-right: 20px;
}

div#signup-box p.strong
{
 font-size: 1.4em;
 font-weight: 700;
}

div#signup-box li
{
 margin-bottom: 15px;
}

div#signup-box label
{
 float: left;
 width: 100px;
 color: #FFFFFF;
 font-size: 1.5em;
 font-weight: 700;
}

div#signup-box h3.signup
{
 background             : url(../img/add_voice/header.png) top left no-repeat;
 height                 : 52px;
 width                  :166px;
 padding-bottom: 10px;
}

div#signup-box button
{
 background: transparent;
 margin: 0;
 padding: 0;
 border: 0;
}

div#signup-box .right
{
 text-align: right;
 margin-bottom: 0;
}