/**************************** Table of Contents ********************************
/*	1. General tags
/*	2. Layout
/* 		2.1 Header
/*		2.3 Content
/*			2.3.1 Forms
/*			2.3.2 Login
/*			2.3.3 Pagination
/*			2.4.4 Tabs
/*	3. Loginpage
/*  4. Profile
/*  5. Tribe page
/*  6. Tribes
/*  7. Events
/*  8. Feedback page
/*  9. User list page
/* 10. Notes list
/* 11. Autocomplete box
/* 12. Announcements list
/* 13. Demopage
/* 14. User wall
/* 15. IE protected mode page
/* 16. Download toolbars page
/******************************************************************************/
/** sprite: v; sprite-image: url('../imgs/sprite-v2010_08_23_18_23_04.png'); sprite-layout: vertical */ 
/** sprite: h; sprite-image: url('../imgs/sprite-h2010_08_23_18_23_04.png'); sprite-layout: horizontal */ 
/** sprite: demo-v; sprite-image: url('../imgs/sprite-demo-v2010_08_23_18_23_04.png'); sprite-layout: vertical */

/*
  COMON COLORS

  COMMON FONTS

  H1 - site header
  H2 - page header
  H3,4,5,6 - content headers

*/

/*	1. General tags	*/
html, body {
	height: 100%;
	font-size: 90%;
	font-family: Verdana;
	color: #4e4e4e;
	background: #F2F9FE;
	padding: 0;
	margin: 0;
}

body{
    min-width: 800px;
	background: #F2F9FE;
}

a {
    color: #5bace2;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
b a {
    text-decoration: none;
}

.pseudo {
	font-size:11px;
    text-decoration: underline;
	
    
}
.pseudo:hover {
    text-decoration: none;
    
    cursor: pointer;
}
.pseudo.save {
    color: #40C743;
    border-color: #40C743;
}
.pseudo.cancel {
    color: #FF6363;
    border-color: #FF6363;
}
.pseudo.disabled {
    color: #CCC !important;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0.5em 0;
    color: #68baef;
}

h1 {
	font-size: 240%;
}
h2 {
	font-size: 180%;
}
h3 {
	font-size: 155%;
}
h4 {
	font-size: 135%;
}
h5 {
	font-size: 115%;
}
h6 {
	font-size: 100%;
}
p {
    line-height: 140%;
}
hr {
	margin: 0px;
}
strong { font-weight: bold; }

span.nobr {
	white-space: nowrap;
}

div.small_font {
	margin: 2em auto 0; 
	font-size: 70%; 
	color: #999;
}

h1.lined {
    margin-bottom: 0.2em;
    padding-bottom: 0.2em;
    border-bottom: 1px solid #d6d6d6;
}
    h1 .info {
        margin: 0 0 0 1em;
        color: #999999;
        font-size: 12px;
        font-weight: bold;
    }
    h1 .info .number{
        color: #4e4e4e;
    }
    h1 .info .number_highlight {
        color: #22b345;
    }
.page_header {
	height: 37px;
	margin: 0;
	padding: 8px 0 0 0;
	color: #4e4e4e;
	font-size: 21px;
	line-height: 45px;
	border-bottom: 1px solid #d6d6d6;
}
div.lined {
	margin-bottom: 0;
    padding-bottom: 6px;
    border-bottom: 1px solid #d6d6d6;        
}
h1.with_margin_none {
	margin: 0;
}

ul.dashed {
	list-style-type: none;
    //list-style-image: url('li.gif');
}
ul.dashed li {
	padding: 0;
    behavior: expression(
       ( !this.before && parentNode && parentNode.tagName == 'UL' )
       ?
           ( this.before = true )
            & ( parentNode.style.listStyleImage = 'none' )
            & (
               ( this.firstChild && this.firstChild.firstChild )
               ?
                    ( this.firstChild.style.marginTop = '-1.2em' )
                    & ( this.firstChild.style.position = 'relative' )
                : ''
            )
           & ( eNOBR = document.createElement( '<nobr style="position: relative; display: block; width: 1.25em; left: -1.25em; margin: 0 -1.25em -1.2em 0;" />' ) )
           & ( eNOBR.innerHTML = '&mdash;&nbsp;' )
           & ( this.insertBefore( eNOBR, this.firstChild ) )
       : ''
    );
}
ul.dashed>li:before {
	content: '\2014\a0';
    float: left;
    margin-left: -1.25em;
}
ul.dashed>li>*:first-child:-moz-first-node {
       margin-top: -1.2em;
}
ul.dashed>li>* {
	text-indent: 0;
}

li.even {
    background: #f6fbfe;
}
li.odd {
    background: transparent;
}

.ol {
    padding: 10px 0 0 0;
}
    .ol li {
        padding: 24px 0 24px 144px;
        min-height: 150px;
    }
    .ol .ol1 {
        background: transparent url(/imgs/numbers/1.png) no-repeat 0 0;
    }
    .ol .ol2 {
        background: transparent url(/imgs/numbers/2.png) no-repeat 0 0;
    }
    .ol .ol3 {
        background: transparent url(/imgs/numbers/3.png) no-repeat 0 0;
    }
    .ol .ol4 {
        background: transparent url(/imgs/numbers/4.png) no-repeat 0 0;
    }
.bigfont {
    font-size: 18px;
}

input.submit {
    height: 24px;
    padding: 0 8px;
    border: 0;
    border-right: 1px solid #9a9a9a;
    border-left: 1px solid #9a9a9a;
    
    cursor: pointer;
    background: #ffffff url('/imgs/buttons/input_button_right.png') no-repeat 0 0;
    background-image: url('/imgs/buttons/input_button_right.png'); /** sprite-ref: v */    
}
button.submit, button.anchor {
    font-size: 11px;
    padding: 0;
    margin: 0 0 0 0px; /* 3px padding in Mozilla/Chrome */
    border: 0;
    
    color: #fff;
    cursor: pointer;
    background: transparent none;
    white-space: nowrap;
    overflow: visible;
}
button.submit:hover, button.anchor:hover {
    color: #4e4e4e;
}
    
    .submit div {
        height: 27px;
        padding: 0 0 0 7px;
        margin: 0;
        background: transparent url('/imgs/buttons/input_button_left.png') no-repeat 0 0;
        background-image: url('/imgs/buttons/input_button_left.png'); /** sprite-ref: v */
        line-height: 22px;
    }    
    .submit div div {
        padding: 0 12px 0 5px;
        letter-spacing: 1px;
        background: transparent url('/imgs/buttons/input_button_right.png') no-repeat 100% 0;
        background-image: url('/imgs/buttons/input_button_right.png'); /** sprite-ref: v; sprite-alignment: right */
    }
    .submit:hover div {
        background: transparent url('/imgs/buttons/input_button_hover_left.png') no-repeat 0 0;
        background-image: url('/imgs/buttons/input_button_hover_left.png'); /** sprite-ref: v */
    }
        .submit:hover div div {            
            background: transparent url('/imgs/buttons/input_button_hover_right.png') no-repeat 100% 0;
            background-image: url('/imgs/buttons/input_button_hover_right.png'); /** sprite-ref: v; sprite-alignment: right */
        }

.submit.submit_reject.disabled {
    color: #999;
}
    .submit.submit_reject.disabled div, .submit.submit_reject.disabled:hover div{
        background: transparent url('/imgs/buttons/input_button_disabled_left.png') no-repeat 0 0;
        background-image: url('/imgs/buttons/input_button_disabled_left.png'); /** sprite-ref: v */
    }

    .submit.submit_reject.disabled div div, .submit.submit_reject.disabled:hover div div{
        background: transparent url('/imgs/buttons/input_button_disabled_right.png') no-repeat 100% 0;
        background-image: url('/imgs/buttons/input_button_disabled_right.png'); /** sprite-ref: v; sprite-alignment: right */
    }

.submit.submit_reject {
    color: #ffffff;
}
    .submit.submit_reject div {
        background: transparent url('/imgs/buttons/input_button_reject_left.png') no-repeat 0 0;
        background-image: url('/imgs/buttons/input_button_reject_left.png'); /** sprite-ref: v */
    }
    .submit.submit_reject div div {
        background: transparent url('/imgs/buttons/input_button_reject_right.png') no-repeat 100% 0;
        background-image: url('/imgs/buttons/input_button_reject_right.png'); /** sprite-ref: v; sprite-alignment: right */
    }
    .submit.submit_reject:hover div {
        background: transparent url('/imgs/buttons/input_button_reject_hover_left.png') no-repeat 0 0;
        background-image: url('/imgs/buttons/input_button_reject_hover_left.png'); /** sprite-ref: v */
    }
    .submit.submit_reject:hover div div {
        background: transparent url('/imgs/buttons/input_button_reject_hover_right.png') no-repeat 100% 0;
        background-image: url('/imgs/buttons/input_button_reject_hover_right.png'); /** sprite-ref: v; sprite-alignment: right */
    }
.submit.submit_accept {
    color: #ffffff;
}
    .submit.submit_accept div {
        background: transparent url('/imgs/buttons/input_button_accept_left.png') no-repeat 0 0;
        background-image: url('/imgs/buttons/input_button_accept_left.png'); /** sprite-ref: v */
    }
    .submit.submit_accept div div {
        background: transparent url('/imgs/buttons/input_button_accept_right.png') no-repeat 100% 0;
        background-image: url('/imgs/buttons/input_button_accept_right.png'); /** sprite-ref: v; sprite-alignment: right */
    }
    
    .submit.submit_accept:hover div {
        background: transparent url('/imgs/buttons/input_button_accept_hover_left.png') no-repeat 0 0;
        background-image: url('/imgs/buttons/input_button_accept_hover_left.png'); /** sprite-ref: v */
    }
    .submit.submit_accept:hover div div {
        background: transparent url('/imgs/buttons/input_button_accept_hover_right.png') no-repeat 100% 0;
        background-image: url('/imgs/buttons/input_button_accept_hover_right.png'); /** sprite-ref: v; sprite-alignment: right */
    }
    
input.submit_reject {
    background: transparent url('/imgs/buttons/input_button_reject_right.png') no-repeat 0 0;
    background-image: url('/imgs/buttons/input_button_reject_right.png'); /** sprite-ref: v */
    border-color: #9a3c3c;
    color: #ffffff;
}
input.submit_accept {
    background: transparent url('/imgs/buttons/input_button_accept_right.png') no-repeat 0 0;
    background-image: url('/imgs/buttons/input_button_accept_right.png'); /** sprite-ref: v */
    border-color: #458738;
    color: #ffffff;
}
.input {
    height: 24px;

    padding: 0 0 0 3px;
    background: transparent url('/imgs/input_text_left.png') no-repeat 0 0;
    background-image: url('/imgs/input_text_left.png'); /** sprite-ref: v */
}
    .input div {
        height: 24px;
        padding: 0 3px 0 0;
        background: transparent url('/imgs/input_text_right.png') no-repeat 100% 0;
        background-image: url('/imgs/input_text_right.png'); /** sprite-ref: v; sprite-alignment: right */
    }
    .note .input input {
        width: 100%;
        border: 0; 
        padding: 0;        
        margin: 4px 0 0 0; /* Vertical alignment */
        
        background: #ffffff;
    }
    .input select {
        border: 0;
        width: 100%;
        margin: 3px 0 0 0; /* Vertical alignment */
        background: #ffffff;
    }

.dropdown {
    border: 1px solid #D6D6D6;
    padding: 0 4px;
    display: inline-block;
    position: relative;
    line-height: 16px;
    
    cursor: pointer;
    
    background: #ffffff url(/imgs/dropdown_closed.png) no-repeat 100% 0;
}
.dropdown_opened {
    border-bottom: 1px solid transparent;
    background: #ffffff url(/imgs/dropdown_opened.png) no-repeat 100% 0;
}
    .dropdown ul {
        border: 1px solid #D6D6D6;
        border-top: 0;
        display: none;
        position: absolute;
        top: 16px;
        left: -1px;
        background: #ffffff;
        width: 100%;
    }
    .dropdown li {
        padding: 0 4px;
        color: #4e4e4e;
    }
        .dropdown li:hover {
            color: #5bace2;
        }
    
    .dropdown_opened ul {
        display: block;
    }

div.browse_fake {
	display: inline-block;
	width: 226px;
}
input[type=file].fileinput {
	position: absolute;
	filter: alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	cursor: pointer;
}
    div.browse_fake input {
        width: 140px;
        margin-top: 1px;
    }
    div.browse_fake div.submit {
        width: 70px;
        cursor: pointer;
        display: inline-block;
        color: #fff;
        font-size: 11px;
    }

.flashmessages {
    list-style: none;
    display: block;
    width: 90%;
    margin: 1em auto 1em 0;
    padding: 0.2em 0.5em;
    border: none;
    background: #fdf694;
    text-align: left;
}
    .flashmessages li {
        margin: 0.5em 1em !important;
        padding: 0 !important;
        display: block !important;
    }
    .flashmessages.success {
        background: #b0f6ad;
        border: 1px solid #95d3fd;
    }
    .flashmessages.error {
        background: #f6b0ad;
        border: 1px solid #95d3fd;
    }
    .flashmessages.notification {
        background: #68baef;
        color: #fff;
    }
.inplace_flashmessages {
    list-style: none;
    background: transparent;
    color: #fff;
    position: absolute;
    z-index: 32000;
    padding: 2px;
}
    .inplace_flashmessages li {
        color: #fff;
    }
        .inplace_flashmessages li span {
            background: #68baef;
        }
        .inplace_flashmessages.error li span {
            background: #ff6363;
        }

/* file types */
.fileicon { background: transparent url(/imgs/files/generic.png) no-repeat scroll 0 50%; }
.fileicon.generic {}
.fileicon.application-msword { background-image: url(/imgs/files/application-msword.png); }
.fileicon.application-vnd.ms-excel { background-image: url(/imgs/files/application-vnd.ms-excel.png); }
.fileicon.image-jpeg { background-image: url(/imgs/files/image-jpeg.png); }
.fileicon.image-gif { background-image: url(/imgs/files/image-gif.png); }
.fileicon.image-png { background-image: url(/imgs/files/image-png.png); }
.fileicon.text-html { background-image: url(/imgs/files/text-html.png); }

/* 2. Layout */
body {
}
#header {
	overflow: hidden;
}
.simple_logo #logo {
	display: none;
}
.body_demopage #logo, .simple_logo #logo { 
    width:290px;
    height:140px;

    display: block;

    background: transparent url('/imgs/logo.png') no-repeat 0 0;
    background-image: url('/imgs/logo.png'); /** sprite-ref: v */    
}
.body_demopage #mainMenu {
	display: none;
}

#logo {
    width:147px;
    height:130px;
	float: left;
    display: block;

    background: transparent url('/imgs/menu/logo.png') no-repeat 0 0;
    background-image: url('/imgs/menu/logo.png'); /** sprite-ref: h */
}
#mainMenu {
    float: left;
    height: 154px;
    margin-bottom: 10px;
}
    #mainMenu li {
        height: 154px;
        float: left;
        background: transparent no-repeat 0 0;
        position: relative;
    }
        #mainMenu li a{
            color: #FFF;
            text-decoration: none;
            font-size: 90%;
            position: absolute;
        }
    #mainMenu li.users {
        background-image: url('/imgs/menu/users.png'); /** sprite-ref: h */
        width: 143px;
    }
        #mainMenu li.users a {
            left: 47px;
            bottom: 40px;
        }
    #mainMenu li.users.active {
        background-image: url('/imgs/menu/users_active.png'); /** sprite-ref: h */
    }
        #mainMenu li.users.active a {
            bottom: 35px;
        }
    #mainMenu li.tribes {
        background-image: url('/imgs/menu/tribes.png'); /** sprite-ref: h */
        width: 154px;
    }
        #mainMenu li.tribes .between {
            background: transparent url('/imgs/menu/tribes_road.png') no-repeat 0 0;
            background-image: url('/imgs/menu/tribes_road.png'); /** sprite-ref: h */
            height: 159px;
            width: 12px;
            float: right;
        }
        #mainMenu.roadmap li.tribes .between {
            background-image: url('/imgs/menu/tribes_roada.png'); /** sprite-ref: h */
        }
        #mainMenu li.tribes a {
            left: 47px;
            bottom: 43px;
        }
    #mainMenu li.tribes.active{
        background-image: url('/imgs/menu/tribes_active.png'); /** sprite-ref: h */
    }
        #mainMenu li.tribes.active .between {
            background-image: url('/imgs/menu/tribesa_road.png'); /** sprite-ref: h */
        }
        #mainMenu li.tribes.active a {
            bottom: 40px;
        }
    #mainMenu li.roadmap {
        background-image: url('/imgs/menu/roadmap.png'); /** sprite-ref: h */
        width: 131px;
    }
        #mainMenu li.roadmap a {
            left: 25px;
            bottom: 47px;
        }
    #mainMenu li.roadmap.active {
        background-image: url('/imgs/menu/roadmap_active.png'); /** sprite-ref: h */
    }
        #mainMenu li.roadmap.active a {
            bottom: 42px;
        }
    #mainMenu li.comics {
        background-image: url('/imgs/menu/tail.png'); /** sprite-ref: h */
        width: 348px;
    }
        #mainMenu li.comics a {
            width: 150px;
            right: 16px;
            text-align: center;
            top: 55px;
            font-size: 150%;
            color: #dff1fd;
        }

#language_form {
    position: absolute;
    top: 130px;
    left: 20px;
    font-size: 10px;
    color: #999999;
}

#wrapper_up {
    width: 937px;
    min-height: 100%;
    margin: 0 auto;
    background: #f2f9fe;
    position: relative;
}
#wrapper {
    width: 937px;
    margin: 0 auto;
    padding: 0 0 40px 0;

    overflow: hidden;
}
    #right_sidebar {
        float: right;
    }
 
    #content{
        padding: 0 0 60px 17px;
        overflow: hidden;
        zoom: 1;
    }
    
#footer {
    height: 60px;
    width: 906px;
    margin: -35px 15px 0;
    position: absolute;
    bottom: 0;
    padding: 14px 0 0;
    background: #fff;
    text-align: center;
    overflow: hidden;
}
    #footer a.home {
        width: 34px;
        height: 30px;
        margin: -7px 0 0;

        float: right;

        background: transparent url('/imgs/logo_small.png') no-repeat 0 0;
        background-image: url('/imgs/logo_small.png'); /** sprite-ref: v */
    }

.liveinternet_wrapper {
    text-align: center;
    padding: 1em 0 0.5em 0;
}

.popup_form {
     position: absolute;
     top: 100px;
     max-width: 500px;
 }
    .popup_form_left {
        background: transparent url(/imgs/popup_bg_left.png) no-repeat scroll 0 0;
    }
    .popup_form_left_footer {
        background: transparent url(/imgs/popup_bg_left.png) no-repeat scroll 0 100%;
        height: 25px;
        overflow: hidden;
        right:0px
    }
    .popup_form_left .popup_form_content {
        padding: 15px 10px 0;
    }
    .popup_form_left form {
        margin-top: 10px;
    }
    .popup_form_right {
        margin-left: 10px;
        padding-right: 10px;
        background: transparent url(/imgs/popup_bg.png) no-repeat scroll 100% 0;
        
    }
    .popup_form_left_footer .popup_form_right {
        background: transparent url(/imgs/popup_bg.png) no-repeat scroll 100% 100%;        
        height: 25px;   
    }
    .popup_content {        
        padding: 10px;
        background: #ffffff;
    }

.note {
    width: 268px;
    min-height: 268px;
    
    padding: 0 15px 25px 17px;
    margin: 0 0 27px 0;
    
    background: transparent url('/imgs/note_bg.png') no-repeat 0 100%;
}
    .note_note {
        min-height: 268px;
    
        background: #95d3fd;
    }

    .note2 .note_note {
        background: #fdf694;
    }
    .note_glue {
        height: 45px;
    
        background: #000;
        opacity: 0.02;
        filter: alpha(opacity=2);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=2)";
        
    }
    .note_header {
        min-height: 45px;
    
        background: transparent url(/imgs/client/note_glue_bg.png) repeat-x 0 0;
        background-image: url(/imgs/client/note_glue_bg.png); /** sprite-ref: v; sprite-alignment: repeat */
    }
    .note_content {
        padding: 10px;
    }
    .note_content_loginbox {
        padding: 15px 0 10px 0px;
        text-align: center;
    }
        .note2 .note_content_loginbox {
            padding-top: 0px;
        }

        .note_content_loginbox p,
        .note_content_loginbox h5  {
            text-align: center;
        }
        .note2 .note_content_loginbox p.competition {
            padding-left:40px;
            margin-top:-5px;
            margin-bottom:5px;
        }
            .note2 .note_content_loginbox p.competition a {
                background: url('/imgs/top_tribes_button.png') no-repeat transparent;
                color:#4e4e4e;
                text-decoration:none;
                font-size:14px;
                height:36px;
                width:188px;
                display:inline-block;
                padding-left:12px;
                padding-top:8px;
            }
            .note2 .note_content_loginbox p.competition a span {
                color:#4da2d1;
                font-weight:bold;
            }


        .note2 .note_content_loginbox p,
        .note2 .note_content_loginbox h5  {
            padding-left: 85px;
            padding-right: 5px;
            text-align: left;
        }

        p.goozzy_download_button span.version,
        div.goozzy_download_button span.version,
        div.demo_download span.version {
            position: relative;
            top: -30px;
            left: 6px;
            font-size: 11px;
            color: #535353;
        }

        .note2 .note_content_loginbox div#opera_other_install_instruction {
            position: absolute;
            top: 0;
        }
        .note2 .note_content_loginbox p.goozzy_download_button {
            padding-left: 0;
            text-align: center;
        }
        div.demo_download span.version {
            top: -57px;
            left: 182px;
        }
        #download_ie span.warning {
            font-size: 80%;
            display: block;
            width: 14em;
            margin: auto;
            position: relative;
            top: -20px;
            line-height: 140%;
            text-align: left;
        }
        div.demo_download#download_ie span.warning {
            margin: 0.5em 0 0 5em;
            width: 20em;
        }
        div.demo_download#download_ie span.version {
            top: -62px;
        }
        div.demo_download span.download_button_text {
            position: relative;
            top: -45px;
            left: 21px;
            font-size: 11px;
            color: #298dc0;
        }

        div.demo_download#download_ie span.download_button_text {
            top: -50px;
            left: 19px;
        }
        div.demo_download#download_ie span.second_line {
            top: -38px;
            left: -103px;
        }


    .note h1 a {
        text-decoration: none;
        border-bottom: 2px dashed #4d4d4d;
        display: inline-block; /* Some bugs with mouse cursor in mozilla if display:inline */ 
    }
    .note2 h1 a {
    	border-bottom: 2px dashed #81C7F8;
    }
    
    .note h1, .note h2, .note h3, .note h4, .note h5, .note h6 {
        color: #4d4d4d;        
    }
    .note h5 {
        font-weight: bold;
    }
    .note2 h1, .note2 h2, .note2 h3, .note2 h4, .note2 h5, .note2 h6 {
        color: #81c7f8;
    }

    .note h6 {
        font-size: 85%;
        padding: 0 0 0 70px;
        margin: 0 0 12px;
        color: #4d4d4d;
    }
    
    .note h3 {
        font-size: 32px;
        margin: 0 0 12px;
        text-align: center;
        color: #5bace2;
    }
    .note.registration {
        background: transparent;
    }
    
    .note .f_input {
        padding: 0em;
    }
    
    .note a {
        color: inherit;
    }
    

    .note .note_vcenter {
        height: 200px;
    }


    .note form {
        padding: 0 34px 0 0;
        margin: 12px 0; 
    }
    
    .note .f_row {
        margin: 0 0 12px 0;
    }
        .note .f_row .f_input .errorlist {
            margin: 0;
        }
        .note .f_row label {
            width: 62px;
            text-align: right;
            padding-top: 4px;
        }
        .note .f_row .f_input {
            padding: 0 0 0 70px;
        }

    .note .errorlist, .f_row .errorlist, 
    .note .errors {
        background: transparent none;
        margin-left: 70px;
        padding: 0 0 0 0;
    }
        .note .errorlist li, .f_row .errorlist li, .note .errors li {
            display: inline;
            background: #ff6364 none;
            color: #ffffff;
        }

.goozzy_date {
    width: 70px;
    margin-right: 10px;
    display: inline;
    float: left;
}

    .goozzy_date dt {
        font-size: 16px;
    }
    .goozzy_date dd {
        font-size: 11px;
        font-family: Tahoma;
    }
    .goozzy_date dt,
    .goozzy_date dd {
        text-align: right;
    }

/* 2.1 Header */
/*		2.3.1 Forms */
.throbber {
    background: transparent url(/imgs/client/throbber-light.gif) no-repeat scroll 0 0;
    width: 16px;
    height: 16px;
    display: inline-block;
}
form.equal input.text, form.equal textarea, form.equal select {
	width: 90%;
}
form.equal ul.errors {
	width: 100%;
}

form.equal60 input.text, form.equal60 textarea, form.equal60 select {
	width: 30em;
}
form.equal60 ul.errors {
	width: 70%;
}

.f_row {
	clear: both;
	overflow: hidden;
	margin-bottom: 1em;
}
    .f_row .errorlist {
        margin: 1em auto 0.3em 6em;
        padding: 0;
    }
.f_row label {
	float: left;
	width: 5em;
	text-align: right;
	padding: 0 0 0 0;
	color: #4e4e4e;
}
.f_input fieldset .notes,
.f_input .notes {
	color: #a1a1a1;
}
.f_input fieldset .notes a,
.f_input .notes a {
    color: #a1a1a1;
}
.f_input fieldset .notes p,
.f_input .notes p {
    line-height:150%;
}
form.label10 .f_row label {
	width:10em;
}
form.label10 .f_input {
	padding: 0 0 0 11em;
}
form.label15 .f_row label {
	width:15em;
}
form.label15 .f_input {
	padding: 0 0 0 16em;
}
form.label15 .f_row .errorlist {
    margin-left: 16em;
}
.f_row label.checkbox {
	float: none;
	width: auto;
}
.f_input {
	padding: 0 0 0 6em;
}
.f_input  fieldset textarea,
.f_input  fieldset input,
.f_input  textarea,
input[type="text"],
input.text.goozzy {
	border: 1px solid #d6d6d6;	
	padding: 2px;
}

.f_input_textonly {
	padding: 0.3em 0 0 16.3em;
}
.f_input input.text {
	margin: 0;
}
.f_input input.checkbox {
	margin-left: 0;
}

    .f_input fieldset ul {
        list-style: none;
    }
        .f_input fieldset ul li {
            display: inline;
            padding: 0 1em;
        }
            .f_input fieldset ul li label {
                float: none;
            }

ul.errors {
    width: 80%;
    margin: 0 0 0.5em 0;
    padding: 0.5em 1em;
    background-color: #fdd;
    list-style: none;
}
	.errors li {}
div.errors {
	margin: 0.5em 0;
	padding: 0.5em 1em;
	background-color: #fdd;
}
	div.errors ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

.new_forms {
    margin: 1em auto;
}
    .new_forms .required {
        color: #ff6363;
    }
    
    
    .new_forms .f_label {
        width: 20em;
        float: left;
        text-align: right;
    }
    .new_forms .f_label.bottom {
        margin: auto auto 0;
    }
        .new_forms .f_label label {
            float: none;
        }
    .new_forms .f_input {
        padding: 0 0 0 21em;
    }
    	.new_forms label {
    		width: 20em;
    	}

        .new_forms .f_row ul.errorlist {
            margin-left: 15em;            
        }
        .new_forms .f_input p.help_text {
            clear: both;
            font-size: 90%;
        }
        .new_forms .f_row.captcha {
        	margin-bottom: 0;
    	}
        .new_forms .f_row.captcha div.f_label {
        	padding: 1em 0 0 0;
		}
		.new_forms .f_row.captcha input {
			margin: 1em 0 0 0;
			float: left;
		}
        .new_forms .f_row.captcha .f_input div {        	
        }
            .new_forms .f_row.captcha .f_input img {
            	padding: 0;
                margin: 0 0 0 20px;
                vertical-align: middle;
                float: left;
            }
            .new_forms .f_row.captcha .f_input a {
                margin: 1em 0 0 0;
                float: left;
            }
        .new_forms .f_input.captcha input {
        }

/*			2.3.2 Login */
    form.login {
        padding: 2em 1em;
        position: absolute;
        left: 30%;
        top: 35%;
        background: #FFFF99;
    }

    form ul.errorlist {
        background: #ff3300;
        margin: 3px 0 5px 5em;
    }

    form ul.errorlist li {
        padding: 0 2px;
        text-align: left;
    }

    div .ivite_wrapper {
        padding: 2em 1em;
        position: absolute;
        left: 30%;
        top: 10%;
        background: #FFFF99;
    }

    form.login .invited {
        color: #B00;
    }

/*			2.3.3 Pagination */
div.pagination {
    margin: 1em 0 0;
    overflow: hidden;
}
    div.pagination .prev, div.pagination .next,
    div.pagination .page {
        display: block;
        float: left;
        padding: 3px;
        margin: 0 2px;
    }
    div.pagination .page:hover {
        border: 1px solid #eee;
        padding: 2px;
    }
    div.pagination .page.current {
        background: #eee;
    }

.paginator {
	padding-top:20px;
	font-size:1em;
	border-top: 1px solid #D6D6D6;
#	width:600px;
}
.paginator table {
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
}
.paginator table td {
	padding:0;
	white-space:nowrap;
	text-align:center;
}
.paginator span {
	display:block;
	padding:3px 0;
	color:#fff;
}
.paginator span strong,
.paginator span a,
.paginator span a:hover {
	padding:2px 6px;
	color: #5bace2;
	text-decoration: none;
}
.paginator span strong {
	background:#5bace2;
	color: #fff;
	font-style:normal;
	font-weight:normal; 
}
.paginator .scroll_bar {
	width:100%;	height:20px;
	position:relative;
	margin-top:10px; 
}
.paginator .scroll_trough {
	width:100%;	height:3px;
	background:#d6d6d6;
	overflow:hidden;
}
.paginator .scroll_thumb {
	position:absolute;
	z-index:2;
	width:0; height:3px;
	top:0; left:0;
	font-size:1px;
	background:#4e4e4e;
}
.paginator .scroll_knob {
	position:absolute;
	top:-5px; left:50%;
	margin-left:-10px;
	width:20px; height:20px;
	overflow:hidden;
	background:url(/imgs/pagination_slider.png) no-repeat 6px 7px;
	background-image:url(/imgs/pagination_slider.png); /** sprite-ref: v; sprite-margin-left: 6px; sprite-margin-top: 7px; sprite-margin-bottom: 10px;*/
	cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
	position:absolute;
	z-index:1;
	top:0; left:0;
	width:0; height:3px;
	overflow:hidden;
	background:#5bace2;
}

.fullsize .scroll_thumb {
	display:none;
}


.paginator_pages {
	width:600px;
	text-align:right;
	font-size:0.8em; 
	color:#808080;
	margin-top:-10px; 
}

.alpha_pagination {
	padding-top: 10px;
	background-color: #F6FBFE;
	width: 100%;
	overflow: hidden;
	float: left;
}
	.alpha_pagination ul {
		margin-left: 13px;	
		line-height: 24px;	
	}	
    .alpha_pagination .lat_abc, .alpha_pagination .cyr_abc {
        padding: 0.5em 0.2em;
        font-family: Tahoma;
        font-weight: bold;
        font-size: 14px;
        list-style: none;
    }
        .alpha_pagination .lat_abc li, .alpha_pagination .cyr_abc li {
            display: inline;
        }
            .alpha_pagination .lat_abc li a, .alpha_pagination .cyr_abc li a {
                padding: 2px 6px;
                border: 1px solid transparent;
            }
            .alpha_pagination .lat_abc li a:hover, .alpha_pagination .cyr_abc li a:hover {
                border: 1px solid #808080;
                text-decoration: underline;
            }
        .alpha_pagination .lat_abc li.active, .alpha_pagination .cyr_abc li.active {
        }
            .alpha_pagination .lat_abc li.active a, .alpha_pagination .cyr_abc li.active a {
                text-decoration: none;
                color: #fff;
                background-color: #5bace2;
            }


/*	3. Loginpage	*/
.loginpage_content {
    padding: 150px 0 0 0;

    font-size: 120%;
}
    /* registration form */
    .f_row.invited {
        text-align:center;
    }
.login_wrapper a.change_password {
    color: #fff;
    font-size: 85%;
}
	div.most_noted {
		padding-left:8px;
        overflow: hidden;
        padding-top: 0.3em;
	}
	div.most_noted h1 {
		#position: relative;
	}
	div.most_noted a.all {
	    margin-left: 7px;
		font-size: 60%;
		vertical-align: middle;
	}	
	div.tribe_of_week {
		float: left;
		width: 62%;
        margin-bottom: 2em;
	}
		.tribe_of_week .tribe_date_creation {
			display: none;
		}
		.tribe_of_week .object_list {
			padding: 0 0 3em 0.2em;
			min-height: 10em;
		}	

    .last_notes dl {
        font-size: 85%;
    }
	.last_notes dt {
		margin: 0 0 1em 0 !important;		
	}
    

	.most_noted h1 {
		font-size: 170%;
		color: #4e4e4e;
		margin-top: 0;
		float: left;
	}
	.most_noted div h3 {
		margin-left: 1.8em;		
		
	}
	.most_noted li {
		padding: 0;
		clear: both;
        list-style-type: decimal;
        list-style-position: inside;
        color: inherit;
        text-align: left;
		padding: 0 0 0.3em 0;
	}
	
     #NotesTabs {
     	clear: both;
     	position: relative;
     }
     div.tribe_of_week a.all {
     	position: relative;
     	float: right;
     	top: -25px;
     	left: -100px;     	
     	margin-left: 0.2em;
     }
/*	4. Profile	*/
ul.comments_list {
	margin: 1em;
}
	ul.comments_list li {
		margin: 1em;
	}
	
	ul.comments_list li div.comment {
		margin: 0.2em 2em;
	}

#js_invite {
	margin: 0 0;
	overflow: hidden;
}

div.user_profile_header {
	overflow: hidden;
	clear: both;
	margin-bottom: 15px;
}

    div.user_profile_header div.username h1 .user_online, div.user_profile_header div.username h1 .user_offline {
        padding-left: 20px;
        font-size: 19px;
        vertical-align: baseline;
        background: transparent scroll no-repeat 0 0;
        display: inline-block;
        height: 22px;
       
        margin-top: 0.1em;
    }
    div.user_profile_header div.username h1 .user_online {
        background-image: url(/imgs/user_status_online_big.png); /** sprite-ref: v; sprite-margin-bottom: 5px; */
    }
    div.user_profile_header div.username h1 .user_offline {
        background-image: url(/imgs/user_status_offline_big.png); /** sprite-ref: v; sprite-margin-bottom: 5px; */
    }

    div.user_profile_header div.photo {
        width: 102px;
        float: left;
        text-align: center;
        margin: 0 0 1px 0;
        background: #fff;
        /*border: 1px solid #D6D6D6;*/
    }
       div.user_profile_header div.photo div.main {
           margin: 0;
           padding: 0;
           border: 1px solid #999999;
           overflow: hidden;
           line-height: 10px;
       }
       div.user_profile_header div.photo div.main img {
           margin:0;
           padding: 0;
           border: none;
       }
       div.user_profile_header div.photo div.footer {
            padding: 4px 0;
            border: 1px solid #d6d6d6;
            border-top: none;
            overflow: hidden;
       }
            div.user_profile_header div.photo div#voting {
                text-align: center;
                vertical-align: middle;
                width: 100%;
                margin-left: auto;
                margin-right: auto;
            }
            div.user_profile_header div.photo div#voting form,
            div.user_profile_header div.photo div#voting div {
                display: inline;
            }
            div.user_profile_header div.photo div#voting div {
                font-size: 18px;                
            }
    div.user_profile_header div.details {
        float: right;
        margin-left: 10px;
        width: 508px;
    }
            div.user_profile_header div.details div.subpage {
               padding: 10px 0;
            }
            div.user_profile_header div.details .tabs_menu li a {
                font-size: 11px;
                line-height: 17px;
                font-weight: bold;
                cursor: pointer;
            }
            div.user_profile_header div.details .tabs_menu a.personal_page {
                padding-left: 0;
                font-size: 18px;
                line-height: 22px;
                font-weight: normal;
                float: left;
            }
            div.user_profile_header div.details div.subpage_settings {
                /*background: #FFFDE9; */
                background:none;
            }
    div.user_profile_header div.username {
        margin-bottom: 10px;
        margin-right: 0px;
        overflow: hidden;
        vertical-align: middle;
    }
        div.user_profile_header div.username h1 {
            font-size:22px;
            float: left;
            padding: 0 0 3px 0;
            margin: 0;

        }
        div.user_profile_header div.username div#following {
            float: right;
            margin: 0.9em 0 0 0;
        }
        div.user_profile_header div.username_change_link {
            float: left;
            padding: 8px 3px 0px 6px;
        }

        div.user_profile_header div.popup_form {
            position: absolute;
            z-index: 3;

            text-align: left;
            float: left;
        }

            div.user_profile_header div.popup_form form {
                overflow: hidden;
                text-align: center;
            }
            div.user_profile_header div.popup_form form div {
                text-align: center;
            }

    div#js_invite ul.invite_log {
        background: #ffffff;
        border: 1px solid #d6d6d6;
        font-size: 11px;
        margin-top: 10px;
        padding: 10px;
        position:absolute;
        z-index:100;
    }
        div#js_invite ul.invite_log li {
            margin: 2px 0;
        }
          div#js_invite ul.invite_log li img {
              vertical-align: middle;
          }
        
    div#js_invite ul.empty {
        display: none;
    }
        div#js_invite div.invite_count {
            float: left;
            width: auto;

            line-height: 26px;
            vertical-align: middle;
            text-align: center;
            max-width: 150px;
        }

        div#js_invite div.invite_form {
            /*float: right;
            text-align: left;
            width: 336px;
            line-height: 26px;*/
        }
        div#js_invite div.invite_form form {
            /*border-left: 1px solid #d6d6d6;
            padding-left: 20px;*/
        }
            div#js_invite div.invite_form button.submit {

                margin: 5px 0 0 0px;;
            }
        .subpage .actions {
            font-size: 10px;
            text-align: right;                     
            margin: 0.5em 0;
        }            

        .subpage .f_row {
            margin: 0; 
            font-size: 11px;  
            overflow: hidden;
            margin-bottom: 1em;
        }
        
            .subpage .f_row label {
                width: auto;
                font-weight: bold;
            }
            .subpage .f_row .f_input {
                padding-left: 6em;
            }
        .subpage div.settings form .f_row label {
            line-height: 16px;
            vertical-align: middle;
        }
        .subpage div.settings form .f_row .f_input  fieldset {
            float: right;
            white-space: nowrap;
        }
        .subpage div.settings form .f_row .f_input fieldset ul li {
            padding: 0 0 0 2em;
        }
        
        .subpage div.settings form .f_row .f_input fieldset ul li label {
            line-height: 16px;
            font-weight: normal;
        }
            .subpage div.settings form .f_row .f_input fieldset ul li label input {
                vertical-align: middle;
                border: none;
                padding: 0;
            }

    .personal_info textarea {
        width: 98%;
    }
    .personal_info p {
        margin: 0 auto 0.5em;
    }

    #change_photo_form button.submit {
        position: relative;
        z-index: 10;
    }

/*	5. Tribe page 	*/
.tribes_content .tribe_create_form {
    margin: 2em auto 0;
}

.tribes_content h6 {
    color: #4e4e4e;
    margin: 10px 0 27px 0;
}
div.tribe_description {
    margin: 1em;
}

div.tribe_description p{
    margin: 1em;
}

div.tribes_actions {
    margin: 1em 0em ;
}

div.tribes_actions p{
    margin: 0em;
}
div.single_tribe_block {
    background: #fff;    
    border: 1px solid #d6d6d6;
    border-top: none;
    border-bottom: none;
    margin-bottom: 0;
}
    div.single_tribe_block div.tribe_name {
        font-size: 14px;
        font-weight: bold; 
    }
        div.single_tribe_block div.tribe_header {
            padding: 10px 7px 7px;
            border-bottom: 1px solid #d6d6d6;
            margin-bottom: 5px;
        }
        div.single_tribe_block div.tribe_private_icon {
            float: left;
            margin-right: 10px;
        }
        div.single_tribe_block div.tribe_managment {
            display: block; 
            overflow: hidden;
            position:relative;
            top: 1px;
            margin-left: 50px;
            margin-bottom: 2px;
        }

        div.single_tribe_block div.tribe_managment_form {
            height: 31px;             
            float: left;
            width: 100%;
            margin-left: 50px;
        }
div.object_list {
    background: #fff;
}
div.object_list.block_text {
    background:none;
}

    div.tribe_of_week div.object_list div.header {
        margin-left: -0.2em;
    }
div.object_list div.list_members {
    overflow: hidden;
    width: 100%;
}
    div.object_list ul li .user_online, div.object_list ul li .user_offline {
        padding-left: 12px;
        font-size: 11px;
        vertical-align: baseline;
        background: transparent scroll no-repeat 0 0;
    }
    div.object_list ul li .user_online {
        background-image: url(/imgs/user_status_online.png); /** sprite-ref: v; sprite-margin-bottom: 2px; */
    }
    div.object_list ul li .user_offline {
        background-image: url(/imgs/user_status_offline.png); /** sprite-ref: v; sprite-margin-bottom: 2px; */
    }
    div.object_list div.list_members ul li img {
    	width: 16px;
    	margin: 0 2px 0 2px;
    	vertical-align: middle;
    }
    
div.object_list div.message {
    padding: 5px 10px;
}
div.object_list div.subtabs {
    text-align:right;
    border-bottom: 1px solid #D6D6D6;
    padding: 6px 20px 6px 0;
}
    div.object_list div.order_subtabs {
        overflow: hidden;
        border-bottom: 1px solid #D6D6D6;
        font-size: 10px;
        color: #999;
    }
    div.object_list div.userlist_order_subtabs {
       padding: 3px 0;
    }
    div.object_list div.order_subtabs ul.order {
        float: right;
        line-height: 24px;
    }
    div.object_list div.userlist_order_subtabs .search {
        float:left;
        line-height: 28px;
        margin: 0 0 0 10px;
    }
        .search input {
            width: 85px;
            height: 14px;
            padding: 2px 0 0 4px;
            vertical-align: middle;
            color: #000000;
        }
        .search_results input {
            border-right: none;
        }
        .search .empty {
            color: #999999;
        }
            .search a {
                height: 16px;
                margin: 0 2px 0 0;
                padding: 0 4px;
                border: 1px solid #D6D6D6;
                border-left: 0;

                line-height: 14px;
                display: inline-block;
                color: #ff6363;
                font-weight: bold;
                text-decoration: none;
                vertical-align: middle;
            }

	
	div.object_list div.order_subtabs ul.order li {
		float: left;		
		padding: 2px 5px 2px 10px;
	}
	div.object_list div.order_subtabs ul.order li.last {
		padding-right: 15px;
	}
	div.object_list div.order_subtabs ul.order li.active {
		background-color: #F6FBFE;
	}
	div.object_list div.order_subtabs ul.order li.separator {
		color: #d6d6d6;
		margin: 0px;
		padding: 2px 3px;
		width: 1px;
	}

div.object_list div.left {
	text-align: left;
}
	div.object_list div.subtabs ul li{
		display: inline;
		padding: 0 10px;
	}

div.object_list div.subtabs p {
	line-height: 100%;
}

ul.list_members_left {
	margin: 0 0.5em 0 0;
	float: left;
	width: 48%;	
	font-size: 11px;
}

ul.list_members_left li,
ul.list_members_right li{
	height: 23px;
	line-height: 23px;
	padding: 0 13px;
	overflow: hidden;
	zoom: 1;
}
div.list_members a.mutually{
	font-weight: bold;
}

ul.list_members_right {	
	margin: 0 0 0 0.5em;
	text-align: left;
	width: 48%;
	font-size: 11px;
	float: right;	
}

.list_members a.claim {
	color: #9a9a9a;
}

.list_members .claim_user_form .approve,
.list_members .claim_user_form .reject {
    margin-top: 4px;
	float: left;
	border:none;
	background: transparent no-repeat 0 0;
	width: 19px;
	height: 16px;
	cursor: pointer;
}
.list_members .claim_user_form .approve {
	background-image:url(/imgs/claim_approve.png); /** sprite-ref: v; */
	margin-right: 6px;
}
.list_members .claim_user_form .reject {
	float: right;
	background-image:url(/imgs/claim_reject.png); /** sprite-ref: v; */
}
.list_members .claim_user_form a{
	float: left;
}
.list_members a.bann {
	float: right;
	text-decoration: none;
	color: #ff6363;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	width: 20px;
	font-weight: bold;	
}
.list_members form.following_form {
    float: right;
}
    .list_members form.following_form button {
        color: #ff6363;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;	
    }

div.comments {
	margin: 0.5em 1em;
}

div.comments dl dt{
	margin: 0.3em 0em 0em;
}

div.comments dl dd{
	margin: 0em 0em 0.7em;
}

/*	6. Tribes	*/
.backlink {
	float: right; 
	position: relative; 
	bottom: -20px;
}
.tribes_header {
	padding-bottom: 2px;
	border-bottom: 1px solid #d6d6d6;
	margin: 0; 
}
form#edit-tribe {
	background: transparent;
	border-top: 1px solid #d6d6d6;
	padding-top: 10px;
}
#delete-tribe-toggle button.submit {
	cursor: default;
}
#delete-tribe-toggle input.submit.submit_reject {
	cursor: pointer;
}
/*			2.4.4 Tabs */
div.tabs_menu {                
        position: relative;
        border-bottom: 1px solid #68BAEF;
        z-index: 100px;        
    }
    div.tabs_menu ul {
        font-size: 24px;
        list-style: none;
        display: block;
        overflow: hidden;
        position: relative;
        top: 1px;        
        z-index: 102px; 
    }
    div.tabs_menu ul li {
        float: left;        
        margin-right: 10px;
        padding: 2px 12px;
        background: transparent url(/imgs/menu_background_unactive.png) repeat scroll 0 0;
        border: 1px solid #d6d6d6;
        border-bottom: none;
    } 
   div.tabs_menu.white ul li {
        
        background: none;
        
    } 
  
    div.tabs_menu ul li.active {        
        border: 1px solid #68BAEF;        
        border-bottom: 1px solid #8ECDF9;        
        background: #8ECDF9;           
    }
    div.tabs_menu ul li.new {
        background: none;
        border: none;
        padding: 2px 0;
    }
    div.tabs_menu ul li.new a {
        color: #22b346;
    }
    div.tabs_menu ul li a {
        text-decoration: none;
        color: #ababab;
    }
    div.tabs_menu ul li.active a {
        color: #fff;     
    }
    div.tabs_menu ul li.empty_style_tab {
        border: none;
        background: transparent;        
        margin-right: 0;
        padding-right: 5px;        
    }
    div.tabs_menu ul li.empty_style_tab.tribe_managment {
        float: right;
    }
    div.tabs_menu ul li.empty_style_tab.search_tab {
    	padding: 4px 0 0 0;
    	float: right;
    	font-size: 12px;
    }
    div.tabs_menu ul li.empty_style_tab a {
        color: #5BACE2;
        font-size: 12px;        
        text-decoration: underline;  
    }
    div.tabs_menu ul li.tribe_search {
        float: right;
        font-size: 12px;
    }
    .tribes_content .clear_search_terms {
        display: inline;        
        text-align: right;
    }
    div.tabs_menu ul li.tribe_search a {
        color: #ff6363;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;        
    }
    div.tabs_menu_sub_tabs {
        padding-top: 7px;
        background: #8ECDF9;
        border: 1px solid #68BAEF;
        border-top: none;
    }
        div.tabs_menu_sub_tabs ul {
            margin-bottom: -1px;
            margin-left: 11px;
            overflow: hidden;
        }
            div.tabs_menu_sub_tabs ul li {
                border: none;
                font-size: 11px;
                font-weight: bold;
                margin-right: 7px;
                float: left;
            }
            div.tabs_menu_sub_tabs ul li.active {
                border-bottom: #fff;
                background: #fff;
                color: #4e4e4e;
            }
                div.tabs_menu_sub_tabs ul li div {
                    padding: 8px 10px 0;
                    float: left;
                    height: 21px;
                    background: transparent url(/imgs/sub_tabs_background.png) repeat-x 0 0;
                }
                div.tabs_menu_sub_tabs ul li.active div {
                    background: #fff;
                }
                div.tabs_menu_sub_tabs ul li div.left_part {
                    width: 5px;
                    padding: 8px 0 0;
                    background: url(/imgs/sub_tabs_unactive_left.png);
                }
                div.tabs_menu_sub_tabs ul li.active div.left_part {
                    background: url(/imgs/sub_tabs_active_left.png);
                }
                div.tabs_menu_sub_tabs ul li div.right_part {
                    padding: 8px 0 0;
                    width: 5px;
                    background: url(/imgs/sub_tabs_unactive_right.png);
                }
                div.tabs_menu_sub_tabs ul li.active div.right_part {
                    background: url(/imgs/sub_tabs_active_right.png);
                }
                div.tabs_menu_sub_tabs ul li a {
                    color: #5bace2;
                    text-decoration: none;
                }

    div.tabs_menu_sub_tabs ul li.order ul li {
        color: #999;
        border: none;        
    }
    div.tabs_menu_sub_tabs ul li.order{    
        float: right;        
    }        
        div.tabs_menu_sub_tabs ul li.order div {
            padding-left: 0;
            padding-right: 0;            
        }
        div.tabs_menu_sub_tabs ul li.order div ul li {
            font-size: 10px;
            font-weight: normal;
        }
        div.tabs_menu_sub_tabs ul li.order a {            
            text-decoration: underline;
        }
    div.tabs_menu_sub_tabs_content {
        padding-top: 7px;
        background: #fff;
        border: 1px solid #d6d6d6;
        border-top: none;
    }
        div.tabs_menu_sub_tabs_content .search {
            font-size: 10px;
            color: #999;
            padding: 0.3em 0 0.9em 0;
        }
            div.tabs_menu_sub_tabs_content .search * {
                vertical-align: middle;
            }
            div.tabs_menu_sub_tabs_content .search input {
                width: 85px;
                height: 14px;
                padding: 2px 0 0 4px;
                border-right: 0;
                vertical-align: middle;
                color: #999999;
            }
            div.tabs_menu_sub_tabs_content .search a {
                height: 16px;
                margin: 0 2px 0 0;
                padding: 0 4px;
                border: 1px solid #D6D6D6;
                border-left: 0;

                line-height: 14px;
                display: inline-block;
                color: #ff6363;
                font-weight: bold;
                text-decoration: none;
                vertical-align: middle;
            }
            div.tabs_menu_sub_tabs_content .search strong {
                font-weight: normal;
                color: #4e4e4e;
            }
        div.tabs_menu_sub_tabs_content .filter {
            font-size: 10px;
            color: #999;
            padding: 0.3em 0 0.9em 1em;
        }
            div.tabs_menu_sub_tabs_content .filter .dropdown {
                width: 85px;
                margin: 0 1em 0 0;
            }
                div.tabs_menu_sub_tabs_content .filter .dropdown ul {
                    width: 93px;
                }
            div.tabs_menu_sub_tabs_content .filter .filter_type {
            	width: 100px;
            }
                div.tabs_menu_sub_tabs_content .filter .filter_type ul {
                    width: 108px;
                }
        div.tabs_menu_sub_tabs_content .filter input {
                width: 100px;
                color: #999999;
            }
        div.tabs_menu_sub_tabs_content .filter input.radio {
            color: #999;
            margin-left: 1em;
            vertical-align: middle;
        }
        div.tabs_menu_sub_tabs_content .filter input.label {
            vertical-align: middle;
        }
        div.tabs_menu_sub_tabs_content div.order {
            float: right;
            font-size: 10px;
            color: #999;
            padding: 0.3em 1em 0.9em 0;
        }
        div.tabs_menu_sub_tabs_content div.tribe_invite_form {
           overflow: hidden;
        }
        div.tabs_menu_sub_tabs_content div.tribe_invite_form form {
           float: right;
        }

    div.tabs_menu.white {
        border-bottom:none;
    }
    div.tabs_menu.white ul li {
		border:none;
        padding:0;
        font-size: 11px;
    }
        div.tabs_menu.white ul li.active a{
        cursor:text;
            color: #4e4e4e;
        }
        div.tabs_menu.white ul li.settings {
            background:none;
        }
		div.tabs_menu.white ul li.settings a {
			color:#5bace2;
			text-decoration:underline;
			font-weight:normal;
		}
        div.tabs_menu.white ul li.settings.active {
            background:none;        
            border-bottom:none;
        }
        div.tabs_menu.white ul li.active {
            background:none;
            border:none;            
           
        }
        
        div.tabs_menu.white ul li.empty_style_tab {
            padding-top: 1px;
            padding-left: 3px;
        }
    .tabs_menu input.text.goozzy {
        padding: 2px;
        margin-right: 0.2em;
        width: 14em;
    }

    
.object_list {
	margin: 0;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
}

.object_list.block_text {
	margin: 0;
	border-left:none;
	border-right:none;
	border-bottom:none;
}

    .object_list div.header {    
        height: 4px;                
        margin-right: 0;
        background: url("/imgs/tabs_footer.png") repeat scroll 0 0;
    }        
	.object_list p.not_found {
		padding: 0.5em 1em;
	}
	
	.object_list div.sort_by {
		overflow: hidden;
	}
	
	.object_list div.sort_by span {
		float:right;
		
	}
		.object_list div.sort_by span a.first {
			border: none;
		}
		.object_list div.sort_by span a {
			border-left: 1px solid #d6d6d6;
			padding-left: 7px;
			padding-right: 4px;
		}
		div.sort_alpha div.sort_alpha_padding.active {
			background-color: #F6FBFE;
		}
	
div.sort_alpha {			
	display: block;
	margin: 0px;
	padding-left: 0px;	
	height: 24px;
	line-height: 24px;
	width: 100%;
	float: right;	
}

.object_list div.sort_alpha div {
	float: left;	
	padding: 10px; 
}
span.number {
	font-weight: bold;
	color: #22b346;
}
div.form-toggle form#edit-tribe {
	padding-left: 50px;
}
#edit-tribe-toggle {
	margin: 5px 5px 0 8px;
	padding-left: 5px;
	float: right;
	height: 25px;
	background: url('/imgs/edit_tab_left.png') no-repeat scroll 0 0;
	background-image: url('/imgs/edit_tab_left.png'); /** sprite-ref: v; */
	border-bottom: 1px solid #d6d6d6;
}
    	
	#edit-tribe-toggle div {	   
	   background: url('/imgs/edit_tab_right.png') no-repeat 100% 0;
       background-image: url('/imgs/edit_tab_right.png'); /** sprite-ref: v; sprite-alignment: right */
       padding: 5px 12px 4px 7px;
	}
	#edit-tribe-toggle a,
    #edit-tribe-toggle a:hover {
        font-size: 11px;
        border-bottom: 1px dashed #68BAEF;
        text-decoration: none;
    }
ul.tribes_list {
	color: #4e4e4e;	
	margin: 0;
}

ul.tribes_list li {
	padding-bottom: 10px;
}

.tribes_list dd{
	margin-bottom: 1.2em;
}
ul.tribes_list li {
	padding: 1em;	
}

div.tribe_private_icon {
    background: transparent url(/imgs/tribe_private.png) no-repeat scroll 0 0;		
    background-image: url(/imgs/tribe_private.png); /** sprite-ref: v; */
	width: 22px;
	height: 20px;
}

html.best_tribes,
body.best_tribes,
body.best_tribes #wrapper_up {
    background: #dbeffd url(/imgs/top_tribes_bg.png) scroll repeat-x 0 0;
}
html.best_tribes #footer {
    background: #dbeffd;
}
    body.best_tribes .title {
        text-align:center;
        padding:40px 0 50px 0;
    }
        body.best_tribes .title .text {
            font-size:21px;
            color:#999999;
        }
            body.best_tribes .title .text b {
                color:#484848;
            }
                body.best_tribes .title .text b span {
                    color:#999;
                }
div.tabs_menu ul li.days_to_finish_tab {
    background: none;
    border: none;
    padding: 2px 0;
    float: right;
    font-size: 16px;
    font-weight: bold;
    color: #999;
}
    body.best_tribes .bg_content {
        text-align:center;
    }
    body.best_tribes .bg_content a {
        color:#5bace2;
        text-decoration:none;
    }
    body.best_tribes .bg_content .content {
           width:904px;
            margin:0 auto;
            text-align:left;
        }
            body.best_tribes .bg_content .content .buttons {
                overflow:hidden;
                padding:40px 0;
            }
                body.best_tribes .bg_content .content .buttons .col {
                    float:left;
                }
                    body.best_tribes .bg_content .content .buttons .col.bg_arrow {
                        background:url("/imgs/top_tribes_step_div.png") 100% center no-repeat;
                        padding-right:55px;
                        margin-right:14px;
                    }
                body.best_tribes .bg_content .content .buttons .but {
                    display:block;
                    width:250px;
                    background:url("/imgs/top_tribes_but_left.png") 0 0 no-repeat;
                    padding-left:5px;
                }
                body.best_tribes .bg_content .content .buttons .but:hover {
                    text-decoration:none;
                }
                body.best_tribes .bg_content .content .buttons .but span.r {
                    background:url("/imgs/top_tribes_but_right.png") 100% 0 no-repeat;
                    padding-right:5px;
                    display:block;
                }
                body.best_tribes .bg_content .content .buttons .but span.bg {
                    background:url("/imgs/top_tribes_but_bg.png") 100% 0 repeat-x;
                    padding:0 8px;
                    display:block;
                }
                body.best_tribes .bg_content .content .buttons .but span.c {
                    font-size:18px;
                    display:block;
                    font-weight:bold;
                    color:#2fa9e1;
                    height:53px;
                    padding: 15px 0 0 30px;
                    font-family:Arial, Helvetica, sans-serif;
                    line-height:19px;
                }
                body.best_tribes .bg_content .content .buttons .but span.grey {
                    color:#5f6060;
                    padding:0;
                    display:inline;
                    background:none;
                }
                body.best_tribes .bg_content .content .buttons .but.one span.c {
                    background:url("/imgs/top_tribes_one.png") 0 center no-repeat;
                    padding: 15px 0 0 20px;
                }
                body.best_tribes .bg_content .content .buttons .but.two span.c {
                    background:url("/imgs/top_tribes_two.png") 15px center no-repeat;
                    font-size:23px;
                    line-height:22px;
                    height:43px;
                    padding: 25px 0 0 45px;
                }
                body.best_tribes .bg_content .content .buttons .but.three span.c {
                    background:url("/imgs/top_tribes_three.png") 0 center no-repeat;
                }
            body.best_tribes .bg_content .content .read_full {
                background:url("/imgs/top_tribes_but_left_min.png") 0 0 no-repeat;
                padding-left:4px;
                display:inline-block;
                text-decoration:none;
            }
                body.best_tribes .bg_content .content .read_full span {
                    background:url("/imgs/top_tribes_but_right_min.png") 100% 0 no-repeat;
                    padding-right:4px;
                    padding-left:0;
                    display:inline-block;
                }
                body.best_tribes .bg_content .content .read_full span span {
                    background:url("/imgs/top_tribes_but_bg_min.png") 100% 0 repeat-x;
                    padding:0 2px;
                    text-align:left;
                    display:inline-block;
                    color:#2fa9e1;
                    font-size:11px;
                    height:24px;
                    line-height:24px;
                }
                body.best_tribes .bg_content .content .list .bg_white.first td {
                    border-top:1px solid #d6d6d6;
                    background:url("/imgs/tabs_footer.png") repeat-x  0 1px #fff;
                }
                body.best_tribes .bg_content .content .list .bg_white td{
                    background:#fff;
                    border-top:1px solid #eee;
                }
                body.best_tribes .bg_content .content .list tr.first  td {
                    border-top:none;
                }
                    body.best_tribes .bg_content .content .list .bg_white.first_new_list td {
                        border-top:none;
                    }
                body.best_tribes .bg_content .content .list a:hover {
                    text-decoration:underline;
                }
                body.best_tribes .bg_content .content .list td {
                    background:#f6fbfe;
                    border-top:1px solid #fff;
                    vertical-align:middle;
                }
                body.best_tribes .bg_content .content .list td.col1 {
                    font-size:11px;
                    color:#4e4e4e;
                }
                    body.best_tribes .bg_content .content .list td.col1 .caption {
                            background:url("/imgs/tribes_icon.png") 10px center no-repeat;
                            padding: 10px 0 10px 50px;
                    }
                    body.best_tribes .bg_content .content .list td.col1 b {
                        font-size:13px;
                    }
                body.best_tribes .bg_content .content .list td.col2 {
                    width:110px;
                    background:#fff;
                    text-align:center;
                    font-size:24px;
                    color:#4e4e4e;
                }
                body.best_tribes .bg_content .content .list td.col3 {
                    padding:10px 0;
                    font-size:11px;
                    color:#999;
                    width:180px;
                }
                    body.best_tribes .bg_content .content .list td.col3 .amount {
                        float:right;
                        font-weight:bold;
                        color:#22b346;
                        display:block;
                        width:45px;
                    }
                    body.best_tribes .bg_content .content .list td.col3 .users {
                        background:url("/imgs/icon_user.png") 0 1px no-repeat;
                        overflow:hidden;
                        margin:2px 0 2px 10px;
                        padding-left:15px;
                    }
                    body.best_tribes .bg_content .content .list td.col3 .notes {
                        background:url("/imgs/notes_counter.png") 0 1px no-repeat;
                        overflow:hidden;
                        margin:2px 0 2px 10px;
                        padding-left:15px;
                    }
                    body.best_tribes .bg_content .content .list td.col3 .comments {
                        background:url("/imgs/icon_comment.png") 0 1px no-repeat;
                        overflow:hidden;
                        margin:2px 0 2px 10px;
                        padding-left:15px;
                    }
                    body.best_tribes .bg_content .content .list td.col3 .active_us {
                        background:url("/imgs/icon_active_user.png") 0 1px no-repeat;
                        overflow:hidden;
                        margin:2px 0 2px 10px;
                        padding-left:15px;
                    }
        body.best_tribes .bg_content .content.rules {
            margin-bottom:120px;
        }
            body.best_tribes .bg_content .content.rules a {
                text-decoration:underline;
            }
            body.best_tribes .bg_content .content.rules a:hover {
                text-decoration:none;
            }
            body.best_tribes .bg_content .content.rules h2 {
                margin-bottom:20px;
                color:#4e4e4e;
                font-size:20px;
            }
            body.best_tribes .bg_content .content.rules h3 {
                margin-top:25px;
                margin-bottom:0px;
                color:#4e4e4e;
                font-size:14px;
                font-weight:bold;
            }

.counters {
 	display: block;  	
 	margin-bottom: 10px; 	
 	border: 1px solid #d6d6d6;
 	padding: 12px 0 12px 10px;
 	background: #fff;
 	color: #999;
 	font-size: 11px;
 	line-height: 10px;
 	overflow: hidden;
}
    .counters div {        
        padding-left: 13px;    
        margin-right: 20px;
        float: left;   
    }
	.counters .members {
        background: transparent url("/imgs/population.png") no-repeat 0 0;
        background-image: url("/imgs/population.png"); /** sprite-ref: v; */
	}
    .counters .users {
        background: transparent url("/imgs/icon_user.png") no-repeat 0 0;
        background-image: url("/imgs/icon_user.png"); /** sprite-ref: v; sprite-margin-top: 13px; sprite-margin-bottom: 13px; */
    }
    .counters .active_users {
        background: transparent url("/imgs/icon_active_user.png") no-repeat 0 0;
        background-image: url("/imgs/icon_active_user.png");  /** sprite-ref: v; sprite-margin-top: 13px; sprite-margin-bottom: 13px; */
            
    }
    .counters .notes {
	    background: transparent url("/imgs/notes_counter.png") no-repeat 0 0;
        background-image: url("/imgs/notes_counter.png");  /** sprite-ref: v; sprite-margin-top: 13px; sprite-margin-bottom: 13px; */
	}
    .counters .avg_comment_count {
        background: transparent url("/imgs/icon_comment.png") no-repeat 0 0;
        background-image: url("/imgs/icon_comment.png");  /** sprite-ref: v; sprite-margin-top: 13px; sprite-margin-bottom: 13px; */
    }


div.tribe_icon {
    background: transparent url(/imgs/tribes_icon.png) no-repeat scroll 5px 0;
    background-image: url(/imgs/tribes_icon.png); /** sprite-ref: v; sprite-margin-left: 5px; sprite-margin-bottom: 32px; sprite-margin-bottom: 200px */
    position: relative;        
}
    div.single_tribe_block div.tribe_icon div.tribe_item {
        padding-bottom: 10px;
    } 
    div.tribe_icon div.tribe_item {
        padding-left: 50px;        
    }
    div.tribe_icon div.tribe_item .description{
    	margin-top: 10px;     	
    }
    div.tribe_icon div.tribe_item div.tribe_controls {
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
    div.tribe_icon div.tribe_item div.tribe_date_creation {
        padding-right: 5px;
    }
    div.tribe_icon div.tribe_name {
        margin: 0.2em 0em;
        font-weight: bold;
    }
    div.tribe_icon div.tribes_description {
        margin-bottom: 5px;
        margin-top: 5px;
        width: 250px;
    }
    div.tribe_icon div.tribe_controls {
        margin: 1em auto 0;
    }
        div.tribe_icon div.tribe_controls .inviters {
            font-size: 11px;
            color: #999999;
            padding: 0 0 7px 2px;
        }
    div.tribe_icon div.project_stats {
        color: #999;
        font-size: 11px;
        border: none;
        padding: 0;
        background: transparent;
    }
        div.tribe_icon div.project_stats div {
            margin: 6px 0;
            float: none;            
        }
    div.tribe_icon div.tribe_date_creation {
        color: #999;
        font-size: 11px;	
        text-align: right;
    }
    
	div.tribe_icon div.tribe_private_icon {
		position: absolute;
		top: 43px;
		left: 8px;		
	}
	
/*	7. Events	*/
.event {
	font-size: 16px;
	margin: 0.2em;
}

.event a{	
	margin: 3em 0.3em;
}

.event .event_list ul {
	margin: 0.2em 1em;
}

	.event .event_list ul li {
		margin: 1em 0em;
	}

.event .event_list table {
	margin: 0em 1em;
}
	.event .event_list table tbody tr td {
		width: 2em;		
	}
	.event .event_list table tbody tr{
		height: 2em;
	}
.event .event_list .key_count {
	font-weight: bold;
	margin: 1em 0em;
}

.event .create_invite .f_row label {
	width: 10em;
}
.event .create_invite .f_row .f_input {
	padding: 0;
	width: 5em;	
}
.event .create_invite input[type="submit"] {	
	padding: 0;
	margin: 0;
}

/*  8. Feedback page */
.feedback p {
    font-size: 120%;
    margin: 1em 0;
}

/*  9. User list page */
.users_stats {
    width: 100%;
    margin: 1em auto;
}

.user_list li {
	margin: 0.8em 0;
}


/* 10. Notes list */
.last_notes ul {
    font-size: 85%;
}

.notes_search {
    float: right;
}
    .notes_search * {
        vertical-align: middle;
    }
    .notes_search a {
        color: #ff6363;
        font-weight: bold;
        text-decoration: none;
        margin: 0 0.5ex 0 0;
    }

.notes ul li {
    margin: 0;
    padding: 1em 0;
}
	.notes ul li.record_note .content {
		text-indent: 15px;
		background: transparent none no-repeat 0 3px;
		background-image: url(/imgs/icon_note.png);
	}
	.notes ul li.record_comment .content {
		text-indent: 15px;
		background: transparent none no-repeat 0 3px;
		background-image: url(/imgs/icon_comment.png);
	}
    .notes ul li div.date {
        width: 70px;
        color: #999999;
        margin-right: 10px;
        float: left;
    }
        .notes ul li div.date p.time {
            font-size: 16px;
            text-align: right;
            line-height: 1em;
        }
        .notes ul li div.date p.date {
            font-size: 11px;
            font-family: Tahoma;
            text-align: right;
        }
    .notes ul li .avatar {
        display: block;
        float: left;
        width: 25px;
        margin: 0.1em 10px 0 0;
    }
    .notes ul li div.content {
        margin: 0 0 0 115px;
        font-size: 11px;
    }
    .notes ul li .info {
        margin: 0 0 0 115px;
        white-space: nowrap;
        font-size: 11px;
        font-family: Tahoma;
        color: #d6d6d6;
    }
    .notes ul li .content.no_avatar, .notes ul li .info.no_avatar {
        margin-left: 80px;
    }
        .notes ul li .info .comments,
        .notes ul li .info .rating,
        .notes ul li .info .tribe,
        .notes ul li .info .user {
            display: inline-block;
            padding: 0 0 0 14px;
            background: transparent no-repeat 0 50%;
            line-height: 10px;
        }
        .notes ul li .info .comments {
            background-image: url(/imgs/icon_comments.png); /** sprite-ref: v */
        }
        .notes ul li .info .rating {
            background-image: url(/imgs/icon_rating.png); /** sprite-ref: v */
        }
        .notes ul li .info .tribe {
            padding: 0 0 0 17px;
            background-image: url(/imgs/icon_tribe.png); /** sprite-ref: v */
        }
        .notes ul li .info .user {
            background-image: url(/imgs/icon_user.png); /** sprite-ref: v */
        }
            .notes ul li .info .user.online {
                background-image: url(/imgs/icon_user_online.png); /** sprite-ref: v */
            }
        .notes ul li .info .comments .positive {
            color: #5bace2;
        }
        .notes ul li .info .rating .positive {
            color: #22b346;
        }
        .notes ul li .info .rating .negative {
            color: #ff6363;
        }
        .notes ul li .info .urlprefix {
            font-weight: bold;
        }


/* 11. Autocomplete box */
.ac_results {
    padding: 0px;
    border: 1px solid WindowFrame;
    background-color: Window;
    overflow: hidden;
}
    .ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
    }
        .ac_results li {
            margin: 0px;
            padding: 2px 5px;
            cursor: pointer;
            display: block;
            width: 100%;
            font: menu;
            font-size: 12px;
            overflow: hidden;
        }
    .ac_results iframe {
        position:absolute;
        top:0;
        left:0;
        z-index:-1;
        filter:mask();
        width:3000px;
        height:3000px;
    }
.ac_over {
    background-color: Highlight;
    color: HighlightText;
}

/* 12. Announcements list */
.announcement {
    margin: -0.25em 0 2em 80px;
}
	.announcement dt {
	   font-size: 165%;
	}

/* 13. Demopage */
.demo_first .step, .demo_second .step, .demo_third .step {
    float: left;
    width: 121px;
    height: 146px;
}
.demo_first {
    text-align: right;
    padding-bottom: 2em !important;
}
    .demo_first .step {
        background: transparent url('/imgs/demo/first.png') no-repeat scroll 0 0;
        background-image: url('/imgs/demo/first.png') /* sprite-ref: demo-v; sprite-margin-bottom: 40px */;
        width: 125px;
    }
.demo_second {
    text-align: right;
}
    .demo_second .step {
        background: transparent url('/imgs/demo/second.png') no-repeat scroll 0 0;
        background-image: url('/imgs/demo/second.png') /* sprite-ref: demo-v; sprite-margin-bottom: 40px */;
    }
.demo_third {
    height: 180px;
    padding-left: 200px;
    margin-top: 7px;
} 
    .demo_third .step {
        background: transparent url('/imgs/demo/third.png') no-repeat scroll 0 0;
        background-image: url('/imgs/demo/third.png') /* sprite-ref: demo-v; sprite-margin-bottom: 40px */;
        height: 148px;
        margin-left: -200px;
    }
a.demo_download img { 
    margin-top: 35px;
}
div.demo_download .opera_instruction {
    padding-top: 25px;
}

.opera_instruction {
	margin: 0;
	padding: 0;
}
	.opera_instruction ol li {
		list-style: decimal;
		padding-bottom: 0.3em;
	}
div.demo_page .js_no_mozilla, .js_mozilla {
    display: none;
}
div.demo_page p.no_mozilla {
    font-size: 120%;
    margin: 1em 0;
}
div.demo_page .demo_div {
    width: 50%;
    height: 374px;
    margin-bottom: 3em;
}
div.demo_page a {
	height: 74px;
	vertical-align: top;	
}
div.demo_page div.demo_download {
	padding-top: 35px;
}
div.demo_page #opera_other {
	padding-top: 0;
}
div.demo_page div.demo_download a.download {	
	height: 87px;
	width: 263px;	
	display: block;	
}
div.demo_page #download_firefox a {
	background: transparent url("/imgs/download_firefox_big.png") no-repeat scroll 0 0;
}
div.demo_page #opera_win a {
	background: transparent url("/imgs/download_opera_big.png") no-repeat scroll 0 0;
}
div.demo_page #opera_other a {
	display: inline;
}
div.demo_page #download_ie a.download {
	background: transparent url("/imgs/download_ie_big.png") no-repeat scroll 0 0;
}
div.demo_page div.demopage_download_button a {
	background: transparent url("/imgs/demo/drei-download.png") no-repeat scroll 0 0;
	display: block;	
	width: 480px;
	height: 88px;
	position: relative; 
	top: -130px; 
	left: 250px;
}
div.demo_page h4.to_main {
	float:right; 
	margin-top:-1em;
}

/* 14. User wall */
.user_wall {
    text-align: center;
}
	.user_wall a {
        font-size: 61px;
	    margin: 0 .55em;
	    line-height: 5em;
        text-decoration: none;
	}
		.user_wall a:hover {
		  text-decoration: underline;
		}


/* 15. IE protected mode page */
.ie_protected_mode {
}
    .ie_protected_mode img {
        margin: 22px;
    }


/* 16. Download toolbars page */
p.goozzy_download_button, div.goozzy_download_button {
    padding-left: 0px;
    padding-top: 17px;
    text-align: center;
    overflow: hidden;
}
p.goozzy_download_button a.download, 
div.goozzy_download_button a.download {
    width: 168px;
    height: 56px;
    display: block;
    margin: 0 auto;
    background: transparent url('/imgs/download_firefox_small.png') no-repeat 0 0;
    background-image: url('/imgs/download_firefox_small.png'); /** sprite-ref: v */
}

#download_ie.goozzy_download_button a.download {
    background: transparent url('/imgs/download_ie_small.png') no-repeat 0 0;
    background-image: url('/imgs/download_ie_small.png'); /** sprite-ref: v */          
}

#opera_win.goozzy_download_button a {
    background: transparent url('/imgs/download_opera_small.png') no-repeat 0 0;
    background-image: url('/imgs/download_opera_small.png'); /** sprite-ref: v */
}

#download_chrome.goozzy_download_button a {
    background: transparent url('/imgs/download_chrome_small.png') no-repeat 0 0;
    background-image: url('/imgs/download_chrome_small.png'); /** sprite-ref: v */
}

#opera_other.goozzy_download_button a {
    background: none;
}

div.browsers_list {
    
}
    div.browsers_list a {
        color:#5bace2;
        text-decoration:none;
    }
    div.browsers_list a:hover {
        text-decoration:underline;
    }
    div.browsers_list h1.title {
        font-size:24px;
        color:#3b4146;
        font-weight:normal;
        margin:0;
        padding:0 0 8px 0;
    }
    div.browsers_list h2.title {
        background:url("/imgs/toolbars_download_title_gradient.gif") 0 0 repeat-x;
        border-bottom:1px dotted #d6d6d6;
        font-size:18px;
        color:#343434;
        font-weight:normal;
        margin:0;
        padding:10px 0;
    }
    div.browsers_list ul.list_download_plugin {
        margin-bottom:20px;
    }
        div.browsers_list ul.list_download_plugin li {
            margin:20px 0 0 0;
        }
            div.browsers_list ul.list_download_plugin li h3 {
                margin:0;
                font-size:18px;
                font-weight:normal;
                padding:0 0 10px 5px;
            }
    div.browsers_list ul.list_download_plugin_alpha {
        margin-top:15px;
    }
        div.browsers_list ul.list_download_plugin_alpha li {
            float:left;
        }
        div.browsers_list ul.list_download_plugin_alpha li.center {
            padding:0 55px;
        }
            div.browsers_list ul.list_download_plugin_alpha li h3 {
                margin:0;
                padding:0 0 5px 5px;
                font-size:18px;
                font-weight:normal;
            }
    div.browsers_list .button_firefox {
        width:168px;
        height:56px;
        font-size:11px;
        background: url("/imgs/download_firefox_big.png") 0 0 no-repeat;
        display:block;
        padding:29px 15px 0 87px;
    }
        div.browsers_list .button_explorer {
            width:170px;
            height:61px;
            font-size:11px;
            background: url("/imgs/download_ie_big.png") 0 0 no-repeat;
            display:block;
            padding:24px 15px 0 85px;
        }
        div.browsers_list .button_firefox:hover,
        div.browsers_list .button_explorer:hover {
            text-decoration:none;
        }
            div.browsers_list .button_explorer .version,
            div.browsers_list .button_firefox .version {
                display:block;
                padding-left:95px;
                color:#535353;
                margin-bottom:3px;
            }
    div.browsers_list .button_opera_alpha {
        background:url("/imgs/download_opera_small.png") 0 0 no-repeat;
        width:96px;
        height:19px;
        display:inline-block;
        padding:27px 15px 10px 55px;
        font-size:11px;
        color:#61696d;
    }
    div.browsers_list .button_chrome_alpha {
        background:url("/imgs/download_chrome_small.png") 0 0 no-repeat;
        width:96px;
        height:19px;
        display:inline-block;
        padding:25px 15px 10px 55px;
        font-size:11px;
        color:#61696d;
    }
    div.browsers_list .button_explorer_alpha {
        background:url("/imgs/download_ie_small.png") 0 0 no-repeat;
        width:96px;
        height:19px;
        display:inline-block;
        padding:27px 15px 10px 55px;
        font-size:11px;
        color:#61696d;
    }
    div.browsers_list .button_opera_alpha:hover,
    div.browsers_list .button_explorer_alpha:hover, 
    div.browsers_list .button_chrome_alpha:hover {
        text-decoration:none;
    }

/* new style */

.block_text {
	margin-left:110px;
	position:relative;
	z-index:1;
}
.block_text .top span.left {
	background:url(/imgs/ugolki.png) 0 0 no-repeat;
	height:4px;
	width:4px;
	display:block;
	float:left;
}
.block_text .top{
position:relative;
}

.block_text .bottom{
position:relative;
}


.block_text .top span.right {
	background:url(/imgs/ugolki.png) 100% 0 no-repeat;
	height:4px;
	width:4px;
	display:block;
	float:right;
}
.block_text .top span.center {
	background:#ffffff;
	height:3px;
	display:block;
	border-top:1px solid #d6d6d6;
	margin:0 4px;
}
.block_text .bottom span.left {
	background:url(/imgs/ugolki.png) 0 100% no-repeat;
	height:4px;
	width:4px;
	display:block;
	float:left;
	position:absolute; bottom:0; left:0;
}
.block_text .top span.active_tabs-first {
	background-image:none;
	border-top:1px solid #d6d6d6;
	height:3px;
}
.block_text .bottom span.active_tabs-last {
	background-image:none;
	border-bottom:1px solid #d6d6d6;
	height:3px;
}
.block_text .bottom span.right {
	background:url(/imgs/ugolki.png) 100% 100% no-repeat;
	height:4px;
	width:4px;
	display:block;
	float:right;
}
.block_text .bottom span.center {
	background:#ffffff;
	height:3px;
	display:block;
	border-bottom:1px solid #d6d6d6;
	margin:0 4px;
}
.block_text .middle {
	border:1px solid #d6d6d6;
	border-width:0 1px;
	background:#FFF;
	
	color:#808080;
	font-size:11px;
	padding:5px 15px 5px 25px;
}
.block_text .middle .col1 {
	float:left;
	width:160px;
}
.block_text .middle input {
	height:15px;
	font-size:11px;
	width:145px;
	margin:3px 0;
}
.block_text .middle .invite_form_facebook input {
	width:350px;
}
.block_text .middle label {
}
.block_text .middle .col2 {
	float:left;
	width:180px;
}
ul.tabs {
	float:left;
	width:110px;
	position:relative;
	z-index:2;
}
ul.tabs li {
	height:24px;
	margin-bottom:3px;
	font-size:11px;
	line-height:22px;
	padding-left:5px;
}
ul.tabs li span {
	display:block;
}
ul.tabs li a {
text-decoration:none;
	color:#808080;
	padding-left:4px;
	display:block;
	height:22px;

}

.link {
	position:relative;
	font-size:11px;
	font-weight:bold;
	color:#5bace2;
	display:block;
	padding:0 0 10px 0;
}
.link span {
	background: url(/imgs/arrow.png) 0 -4px no-repeat;
	width:8px;
	height:4px;
	position: absolute;
	top:5px;
	margin-left:5px;
}
.link_active span {
	background: url(/imgs/arrow.png) 0 0 no-repeat;
}
.invite_friend {
	display: none;
	margin-bottom:10px;
}
.ui-tabs .ui-tabs-hide {
	display: none;
}
ul.tabs li.ui-state-active {
	background:url(/imgs/tab_l_bg.png) 0 0 no-repeat;
}
ul.tabs li.ui-state-active span {
	height:22px;
	background:#FFF;
	border:1px solid #d6d6d6;
	border-width:1px 0;
}
ul.tabs li.ui-state-active a {
	background:#FFF;
	width:110px;
}
.tabs_menu.white {
	border-top:1px solid #d6d6d6; padding-top:5px;
	}

br.clear {
	height: 0;
	font-size: 0;
	overflow: hidden;
	clear: both;
}
.clear {
	height: 0;
	font-size: 0;
	overflow: hidden;
	clear: both;
}

.js_show .value p {padding:0; margin:0;}



.blog_list {
	background:none repeat scroll 0 0 #F2F9FE;
}

.blog_list a {
	text-decoration:none;
}

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

.blog_list .blog_post_box .tags {
    float:right;
    padding:0;
}
.blog_list li {
    border-left:1px solid #fff; 
    background:url("/imgs/bord.png") 0 100% repeat-x;
}
.blog_list .bord_top {
    background:url("/imgs/bord.png") 100% 0 repeat-x;
}
.blog_list .bord_bottom {
    background:url("/imgs/bord.png") 0 100% repeat-x;
    padding:10px 20px;
}
.blog_list li.nobord,  .blog_list li.nobord .blog_box {
    background-image:none;
    
}
.blog_list .blog_box {
    margin-left:80px;
    background:#FFF;
}
.blog_list .blog_box {
background:url("/imgs/bord.png") 0 100% repeat-x #fff;   
}
.blog_list .date_box {
    float:left;
    width:80px;
    color:#999999;
    font-size:11px;
    text-align:right;
}
.blog_list .day {
    font-size:18px;
    display:block;
	line-height:14px;

}
.blog_list .year {
    font-family:Tahoma, Geneva, sans-serif;
    display:block;
}

.blog_list .caption {
    font-size:21px;
    line-height:25px;
}

.blog_list .caption a {
    color:#4e4e4e;
}
.blog_list .content {
    font-size:12px;
    line-height:18px;
    padding:5px 0px;
}
.blog_list .tags {
    color:#999999;
    font-size:11px;
    padding:5px 0px 10px;
}
.blog_list .tags a {
    color:#999999;
    font-size:11px;
    padding:5px 0px 10px;
}
.blog_list .info {
    color:#d6d6d6;
    font-size:11px;
}
.blog_list .comments {
    padding-left:15px;
    background:url("/imgs/icon_comments.png") left 1px no-repeat;
}
.blog_list .author {
    padding-left:13px;
    background:url("/imgs/icon_user.png") left 1px no-repeat;
}
.blog_list .gradient_left {
    background:url("/imgs/gradient_left.gif") repeat-y;
    padding-left:4px;
}
.blog_list .blog_padding {
    color:#4e4e4e;
    padding:17px 20px 20px;
    font-family:Verdana, Geneva, sans-serif;
}
.blog_list .date_padding {
    padding:22px 20px 0 0;

}
.blog_list .date_padding img {
	margin-bottom:4px;
}
.comments_box  {
	padding-top:20px;
    font-family:Verdana, Geneva, sans-serif;    
}
.comments_box h3 {
    padding:0 20px 5px 15px;
    font-weight:normal;
    background:url("/imgs/icon_comments.png") left top no-repeat;
    font-size:18px;
    color:#999;
    margin-left: 20px;
}
.comments_container {
    padding:15px 20px;
    padding-left: 20px;
}
.comments_container .avatar {
    float:left;
    margin:0 10px 0 0;
}
.comments_container .date {
    float:none;
    font-size:10px;
    color:#eaeaea;
}
.comments_container .date span {
    color:#b2b2b2;
}
.comments_container .username {
    font-size:11px;
    font-weight:bold;
}
.comments_container .content {
    font-size:12px;
    color:#4e4e4e;
}
.comments_container .reply {
    font-size:12px;
}
.comments_container .reply a {
    margin-right:5px;   
}
.comments_container .show_replies {
	display: none;
}
.comments_box ul li ul {
    background:url("/imgs/comments_gradient.png") 0 0 repeat-x;
}
.comments_box li.nobord {
    background:url("/imgs/comments_gradient.png") 0 0 repeat-x;
    border-left:none;
}
.comments_box ul li ol textarea {
    width: 100%	
}
.comments_new {
    padding:10px 40px 20px 40px;
    margin: 20px 0 0 0;
    border:1px solid #5bb2ef;
    background:#8ecdf9;
}
.comments_new .box_shadow {
	margin-bottom:10px;
}
.comments_new .submit {
	margin-left:0px;	
}
.comments_reply {
    margin: 0;
}

.comments_new h3 {
    color:#fff;
    font-size:18px;
    font-weight:normal;
    margin:0 0 13px 3px;
    padding:0;
    line-height:1;
}
.comments_reply h3 {
	background: none;
    color:#fff;
    font-size:18px;
    font-weight:normal;
    margin: 9px 0 20px 0;
    padding-left: 0;
}
.box_shadow {
}
.box_shadow .top {
    background:url("/imgs/ug-l-t.png") no-repeat 0 0;
    padding-left:5px;
}
.box_shadow .top div {
    background:url("/imgs/ug-r-t.png") no-repeat 100% 0;
    padding-right:5px;
}
.box_shadow .top div div {
    background:url("/imgs/bord-t.png") repeat-x 0 0;
    height:4px;
}
.box_shadow .bottom {
    background:url("/imgs/ug-l-b.png") no-repeat 0 100%;
    padding-left:6px;
}
.box_shadow .bottom div {
    background:url("/imgs/ug-r-b.png") no-repeat 100% 100%;
    padding-right:5px;
}
.box_shadow .bottom div div {
    background:url("/imgs/bord-b.png") repeat-x 0 100%;
    height:6px;
}
.box_shadow .bord-l {
    background:url("/imgs/bord-l.png") repeat-y 0 0;
    padding-left:4px;
}
.box_shadow .bord-r {
    background:url("/imgs/bord-r.png") repeat-y 100% 0;
    padding-right:4px;
}
.box_shadow .center {
background:#fff;
overflow:hidden;
}
.box_shadow textarea {
    width: 100%
}

/* login page style */

.object_list .wrapper a.more {
    background:url("/imgs/arrow_more.png") 100% 3px no-repeat;
    padding-right:15px;
    font-size:12px;
    display:inline-block;
    margin:10px 30px 10px 0;
    text-decoration: none;
}
.object_list .wrapper a.more:hover {
	text-decoration: underline;
}
.object_list .wrapper .mainpage {
    font-size:12px;
    color:#47473d;
    padding:25px;
    line-height:20px;
}
.object_list .wrapper .mainpage a {
    text-decoration:none;
}
.object_list .wrapper .mainpage h2 {
    margin-bottom:15px;
    color:#d6d6d6;
    font-size:32px;
    font-weight:normal;
}

.object_list .wrapper .mainpage .comment_site {
    background: url("/imgs/comment_site.png") 0 0 no-repeat; 
    width:564px;
    height:323px;
    margin:10px 0 0 0;
    position:relative;
    color:#343434;
    font-size:11px;
    line-height:normal;
}
.object_list .wrapper .mainpage .comment_site .note1 {
    position:absolute;
    width:165px;
    height:140px;
    top:130px;
    left:38px;
    padding:10px 15px;
}
.object_list .wrapper .mainpage .comment_site .note2 {
    position:absolute;
    padding:10px 15px;
    width:165px;
    height:140px;
    top:55px;
    left:320px;
}
.object_list .wrapper .mainpage .comment_site .autor {
    font-weight:bold;
    font-size:13px;
}
.object_list .wrapper .mainpage .comment_site .n {
    float:right;    
}
.object_list .wrapper .mainpage .comment_site .text {
    padding:5px 0;  
    height:60px;
    margin:10px 0;
}
.object_list .wrapper .mainpage .comment_site div#play_button {
    background:url('/imgs/play_tutorial.png') 0 0 no-repeat;
    position:absolute;
    left:202px;
    top:82px;
    width:159px;
    height:159px;
}
.object_list .wrapper .mainpage div#tutorial_video {
    width:564px;
    height:323px;
    margin:10px 0 0 0;
    position:relative;
    text-align:center;
    display:none;
}
.object_list .wrapper .mainpage div#tutorial_video object {
    padding:0
}
.object_list .wrapper .mainpage .delete {

    color:#fe5556;
}

.object_list .wrapper .title {
    text-align:center;
    background:url("/imgs/bg_title.png") 0 100% repeat-x;
    padding:25px 0;
}
.object_list .wrapper .title p {
    font-size:12px;
    color:#47473d;
    padding:10px 0;
}
.object_list .wrapper .title h2 {
    color:#d6d6d6;
    font-size:32px;
    font-weight:normal;
}
.object_list .wrapper .title h2.complete_registration {
    font-size:24px;
}

.object_list .wrapper .list {
    margin:10px 30px 0 -1px;
}
.object_list .wrapper .list li {
    font-size:12px;
    color:#47473d;
    overflow:hidden;
    line-height:16px;
    padding:8px 0;
}
.object_list .wrapper .list .text {
    display:block;
}
.object_list .wrapper .list .numbering {
    background:url("/imgs/bg_numbering.png") 0 0 no-repeat;
    height:34px;
    width:53px;
    display:block;
    float:left;
    text-align:right;
    line-height:32px;
    font-size:24px;
    color:#fff;
    margin-right:10px;
    padding-right:20px;
}
.object_list .wrapper .list li:last-child .numbering {
   height: 50px;
}
.object_list .wrapper .title .register {
    height:50px;
    padding:10px 181px;
}
.object_list .wrapper .title .register li {
    float:left;
    width:50px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#5bace2;
    cursor: pointer;
}
.object_list .wrapper .title .register li a {
    color:#5bace2;
}
.object_list .wrapper .title .register img {
    margin-bottom:5px;
}
.object_list .wrapper .register_form form {
    margin-left:100px;
    height: 170px;
}
.object_list .wrapper .register_form form#complete_registration_form {
    height:250px;
}
.object_list .wrapper .register_form #oid_form {
    display: none;	
}
.object_list .wrapper .register_form .input_info {
    text-align:center;
    font-size:12px;
    color:#47473d;
    padding:10px 0 20px;
}
.object_list .wrapper .register_form .input_info span {
    display:block;
    padding:10px 0;
    font-size:18px;
    color:#d6d6d6;
}
.object_list .wrapper .register_form .f_row {
    overflow:hidden;
    margin: 0;
    padding:8px;
}
    .object_list .wrapper .register_form .f_row.top {
        padding-top:0px;
    }

.object_list .wrapper .register_form .input_left {
    background: url("/imgs/input_left.png") 0 0 no-repeat;
    padding-left:2px;
    float:left;
    margin-right:10px;
}
.object_list .wrapper .register_form .input_left .help_text {
    font-size:80%;
    color:#47473d;	
}
.object_list .wrapper .register_form .input_right {
    background: url("/imgs/input_right.png") 100% 0 no-repeat;
    padding-right:2px;
}
.object_list .wrapper .register_form .input_right div.button {
	margin-top: 30px;
	text-align: right;
}
.object_list .wrapper .register_form input {
    height:18px;
    border:1px solid #c9c9c9;
    border-width:1px 0;
    width:145px;
}
.object_list .wrapper .register_form #id_register-password,
.object_list .wrapper .register_form #id_register-confirmpassword {
	height: 22px;
	width: 150px;
}
.object_list .wrapper .register_form .error .input_left {
    background: url("/imgs/input_error_left.png") 0 0 no-repeat;
}
.object_list .wrapper .register_form .error .input_right {
    background: url("/imgs/input_error_right.png") 100% 0 no-repeat;
}
.object_list .wrapper .register_form .error input {
    border:1px solid #ef595b;
    border-width:1px 0;
}
.object_list .wrapper .register_form label {
    width:120px;
    text-align:right;
    margin-right:10px;
    color:#484848;
    float:left;
    line-height:20px;
    font-size:12px;
}
.object_list .wrapper .register_form .error_list {
    font-size:12px;
    color:#ef595b;
    padding-top:3px;
    display:block;
}
.object_list .wrapper .register_form .error_list ul {
    margin-top: 2px;	
}
.object_list .wrapper .register_form .checkmark {
    padding:0;
    margin: 0;
    display:none;
}

div.video_tutorial {
	padding: 30px 0 30px 0;
	text-align: center;
}
div.video_tutorial_nav {
	padding: 10px 0 10px 0;
}
div.video_tutorial_nav span {
    padding-left: 10px;
}

div.video_tutorial_nav a {
    text-decoration: none;
    font-size: 85%;
}

div#goozzy_bar_top {
    background:url("/imgs/tutorial_bg_top.png") repeat-x 0 0;
    height:41px;
    padding:7px 10px 0 20px;
    line-height:32px;
    display:none;
}
    div#goozzy_bar_top .text {
        color:#FFF;
        font-size:12px;
    }
        div#goozzy_bar_top .text.warning {
            display:none;
        }
            div#goozzy_bar_top .text.warning a {
                color:#FFF;
            }
        div#goozzy_bar_top .text.msie {
            display:none;
            font-size:80%;
        }
    div#goozzy_bar_top .logo, div#goozzy_bar_top .text {
        display:inline;
        padding:0 5px;
    }
        div#goozzy_bar_top .logo img {
            margin-bottom:-5px;
        }
    div#goozzy_bar_top .version {
        display:none;
    }
        div#goozzy_bar_top .version a {
            width:196px;
            display:block;
            height:35px;
            color:#5d6163;
            font-size:12px;
            text-decoration:none;
            text-align:right;
            line-height:32px;
        }
            div#goozzy_bar_top .version a span {
                font-size:90%;
                padding-right:7px;
            }
        div#goozzy_bar_top .version.firefox a {
            background:url("/imgs/tutorial_goozzy_bar_firefox.png") 0 0 no-repeat;
        }
        div#goozzy_bar_top .version.msie a {
            background:url("/imgs/tutorial_goozzy_bar_ie.png") 0 0 no-repeat;
        }
        div#goozzy_bar_top .version.chrome a {
            background:url("/imgs/tutorial_goozzy_bar_chrome.png") 0 0 no-repeat;
        }

/* Gmail contacts invitation */

div.log {
    font-size:12px;
    color:#4e4e4e;
}
    div.log a {
        text-decoration:none;
    }
        div.log a:hover {
            text-decoration:underline;
        }
    div.log h1.caption {
        font-size:24px;
        color:#4e4e4e;
        padding-bottom:5px;
        margin-bottom:10px;
        border-bottom:1px solid #d6d6d6;
        font-weight:normal;
        line-height:normal;
    }
    div.log ul.list_log {
        border-top:1px dashed #d6d6d6;
        margin:10px 0;
    }
        div.log ul.list_log li {
            border-bottom:1px dashed #d6d6d6;
            overflow:hidden;
            padding:10px 0 5px 0;
        }
        div.log ul.list_log li.noborder {
            border:0;
            padding-bottom: 0px;
        }
            div.log ul.list_log li .photo {
                float:left;
                margin-right:9px;
            }
            div.log ul.list_log li .name {
                font-size:11px;
                line-height:11px;
            }
            div.log ul.list_log li .e_mail {
                font-size:11px;
            }
            div.log ul.list_log li div.following {
                float: right;
            }
div.choose_contact {
    font-size:12px;
    color:#4e4e4e;
    margin-top:25px;
}
    div.choose_contact .checkbox {
        padding:10px 0;
        font-size:11px;
        border-bottom:1px dashed #d6d6d6;
    }
    div.choose_contact .checkbox input[type=checkbox] {
        float:left;
        margin: 0 10px 0 0;
    }
    div.choose_contact .row {
        padding: 9px 0 0 0;
        overflow:hidden;
    }
    div.choose_contact .row.first {
        padding:0 0 0 0;
    }