/* [Table of contents]

-General -- styling for the basic html elements
-Globals -- includes all commonly and globally effective styling
-Official Image sizes
-Official Netcycler Copy Styles -- styling for written context
-Base --
-Home -- 
-Browse -- in browse.css
-Full Card page -- TODO: full-card.css 
-Trade -- in Trade.css
-Static pages - TODO: static.css
-Community -- 
-Info --
-No invite static --
-User account --
-Admin
-Widgets
-Check-out Wizard -- in wizard.css
-Acquire item Wizard -- in acquire.css

[Color Codes]

N - 'new' red: #c60C30
AL - active link blue: #269DD4
VL - visited link blue: #1B749C

H - 'Have' yellow: #F9EC00
W - 'Want' blue: #64D3F2

GREYS (from light to dark)
TG1 - tinted grey 1: #EAF3F8
TG2 - tinted grey 2: #C9E2E9
TG3 - tinted grey 3: #AABDC7
TG4 - tinted grey 4: #414B5B

MB - Mud black: #3C3625

GREENS:
G1 - Spring green: #A0CD16
G2 - Pine: #2C9114
G3 - Moss: #83BC14
G4 - Birch: #53AC20
G5 - Grass: #52B01C

Font examples 
.lapland24 { 
    font-size: 24px; color:#3C3625; line-height:normal; font-family: 'LaplandRegular', sans-serif;
} 
.lapland-bold24 { 
    font-size: 24px; color:#3C3625; line-height:normal; font-family: 'LaplandBold', sans-serif;
} 
.lapland-bold-italic24 { 
    font-size: 24px; color:#3C3625; line-height:normal; font-family: 'LaplandBoldItalic', sans-serif;
} 

*/


/** 
 * 1. General 
 */

*{
    margin: 0;
}

html{
    height: 100%;
}

body {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 12px;
    height: 100%;
    margin: 0;
    color:#3C3625;
}

body #sticky-footer {
        background: url("../images/green_background.png") repeat scroll 0 -3px transparent;
        border-color:#2C9114;
        border-style:solid;
        border-width:1px 1px 0px 1px;   
        bottom:0;
        height:20px;
        margin:0;
        overflow:auto; 
        position:fixed;
        width:100%;
        z-index:99;     
        }
        body #sticky-footer #notification-wrapper{        
            margin:0 auto;
            min-height:100%;
            width:990px;
            text-align: center;
        }

            body div#sticky-footer div#notification-wrapper div{        
                float:left;
                border-right:1px solid #EAF3F8;
                color:#3C3625 !important;
                float:left;
                padding:0 10px;
                text-align:center;
                width:auto;  
                }
                body div#sticky-footer div#notification-wrapper div span,
                body div#sticky-footer div#notification-wrapper div a{        
                    color:#3C3625 !important;
                    font-size:16px;
                    font-weight:normal;
                    line-height:normal;
                    font-family: 'MuseoSlab500',  sans-serif;
                    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/offsite/i/hIEfix.png,sizingMethod=crop);
                    zoom:1;
                }

fieldset {
    border: none;
}

fieldset .collapsed {
    display: none;
}

a, a:visited, .fake-link {
    color: #269DD4;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}

a:visited {
    color: #1B749C;
}

a:FOCUS, .fake-link:FOCUS { 
    /* outline: none; */
}

a:HOVER, .link:HOVER, .fake-link:HOVER {
    text-decoration: underline;
    color: #53ac20;
    cursor: pointer;
}

a img {
    border: 0px;    
}

ul { 
    list-style-type: none;
    margin:0;
    padding: 0;
}

hr {
    margin: 5px 0 10px;
    color: #424C5B;
    background-color:#424C5B ;
    height: 1px;
    border: none;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

 /* not in use yet.
h4 {}
*/

/* Netcycler input elements
 * Note: all this elements needs style class, that's just for not mess the existing layouts
 *  */
input.text, input.password { 
    background-color:#ffffff;
    border:2px solid #c9e2e9;
    height: 17px;       
    padding: 1px 0;
    display: block;
    text-indent: 6px;         
    width: auto;
    font-size:12px;
}
input.long{
    width:300px;
}
input.medium{
    width:200px;
}
input.short{
    width:100px;
}


select.select, textarea.textarea {
    background-color:#ffffff;
    border:2px solid #c9e2e9;
    font-size: 12px;
    font-family:arial,verdana,helvetica,sans-serif;
    padding:2px 2px 2px 6px;
    width:160px;
}
select.select{
   height: 25px;
}
input.password:focus, 
textarea.textarea:focus, 
select.select:focus, 
input.text:focus{
    border: 2px solid #53AC20 !important;
    background-color:#fff !important;
    outline: none;

}

input.invalid{ border: 0.083em solid red ; padding:0.25em; padding-bottom:0.167em;}

textarea.textarea {overflow: auto;}

label.label{
   font-size: 12px;
   font-weight: normal;
   color: #3C3625;
   text-transform: uppercase;
}  

label.label, input.submit, input.image {cursor: pointer;}




/**
 * 2. Globals
 */

.bold {
    font-weight: bold;
}

.hide {
    display:none;
}

.block {
    display: block;
}

.inline {
    display: inline;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}
.jst {
    display: none;
}
.clear-both{
    clear:both;
}

.clickable {
    cursor: pointer;
}
/* small grid block */
.small-margin {
    margin-left: 20px;
}
/* big grid block */
.big-margin {
    margin-left: 35px; 
}

/* Attention blocks */
.mild-attention {
    background: #EAF3F8;
    color: #3C3625;
    text-align: center;
}

.strong-attention {}

.crit-attention {}

/* Summary of some details. E.g. item, trade, purchase order. */
table.details_summary {
    font-size: smaller;
    margin-bottom: 2em;
}

table.details_summary td {
    vertical-align: top;
}
table.details_summary td.field {
    color: #aabdc7;
    padding-right: 1em;
    text-transform: uppercase;
}

table.details_summary td.value {
}
/** 
/* Official Netcycler image sizes
 *
 * Items:
 * 50x50
 * 139x139
 * 304x0
 * 
 * users:
 * 50x50
 * ~100x0 (account padding/margin etc?)
 * 139x0
 * 
 * TODO: adjust image sizes in DB.
 */
 
.thumb-size {
    width: 50px;
    height: 50px;
}
.user-medium-size {
    width: 100px;
    height: auto;
}

.user-large-size {
    width: 139px;
    height: auto;
}

.item-grid-size {
	width: 139px;
	height: 139px;
}

.item-card-size {
    width: 304px;
    height: auto;
}

/** 
/* Typography
 */

/* Official Netcycler Copy Styles */
.main-headline, .headline {
    border-top:2px solid #C9E2E9;
    color: #414B5B; /* TG#4 */
    font-weight: bold;
    padding: 5px 0;
}

h3.headline {
    border-top: none;
}

.item-name {
    font-size:14px;
    font-weight:bolder;
    padding-top: 11px;
    color: #3C3625;
}

.parameter-name {
    color: #414B5B;
    font-size: 11px;
    text-transform: uppercase;
}

.parameter-value {
    font-weight: bold;
    color: #3C3625;
    font-size: 12px;
    line-height: 14px;
}

.grid-card .parameter-value, .card_data .parameter-value {
    font-weight: normal;
}

.additional {
    font-family: georgia, serif;
    font-size:  12px;
    font-style: italic;
    
}

/* END official netcycler copy styles*/

img.main_title{
    padding-bottom: 10px;
}

.announce{
    font-family: georgia, serif;
    font-style: italic;
    font-weight:normal;
    font-size:  12px;
}

.strong-announce{
    font-family: georgia, serif;
    font-style: italic;
    font-weight:bold;
}

.announce a{
    font-weight:bold;
    color:#269DD4;
}

.announce a:hover{
    color:#53AC20;
    text-decoration:underline
}

.announce-green{ /* for green background... */
    color: #FFF;
    font-family: georgia, serif;
    font-style: italic;
}

.alert{
    color: #c60C30;
    font-family: georgia, serif;
    font-style: italic;
}

/*** error messages **/

#big-error-image {
    margin:0 auto;
    text-align:center;
}
#big-error-image h1{
    color:#C60C30;
}

#name-error, #email-error{
    margin-left:101px;
}

#login-error{
    float:right;
    position:relative;
    right:339px;
    top:-25px;
}


.error, .field-error, .form-error, .errorlist {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color:#FF9999;
    border:1px solid red;
    clear:both;
    font-weight:bolder;
    text-align:left;
    overflow:auto;
    padding:0 5px;
    line-height:19px;
    font-size:12px;
}

.field-error, .form-error {
    display: none;
}

.headline{
    /*font-size: 14px;*/
    font-weight: bold;
}

.detail_card_headline {
    font-size: 18px;
    font-weight: bold;
    border-top: 1px solid #AABDC7;
}

.text_link:hover {
    text-decoration: underline;
}

.text_link {
    font-size: 14px;
}

/* additional communication as a link */

a.additional {
    font-weight: normal;
}

a.additional_bold{
    font-weight: bold;
    font-family: georgia, serif;
    font-size:  12px;
    font-style: italic;
}
a.additional_bold:hover{
    font-weight: bold;
}

a.additional_bold:visited{
    font-weight: bold;    
}

.additional_bold{
    font-weight: bold;
    font-family: georgia, serif;
    font-size:  12px;
    font-style: italic;
}

.green_arrow{
    color: #53ac20;

}

.white_arrow {
    color: #FFFFFF;
    font-size: 14px;
    font-weight:bold;
}

.green_headline {
    color: #52b01c;
    font-family:arial, sans-serif;
    font-size: 14px;
    font-weight:bold;
   
}

.fake-button {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background:#023546 url(../images/buttons.png) repeat-x scroll 0 -194px;
    border:medium none;
    color:#FFFFFF;
    padding:4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    font-family: arial, sans-serif;
    /*margin-top: 2px; */
    margin: 2px 2px 2px 5px;
    position:relative;
    /*top:6px; */
    padding-left: 1.2em;
    padding-right: 1.2em;
}
div.fake-button {
    display: inline-block;
}

a.fake-button:visited,
a.fake-button:hover {
    color:#FFFFFF;
    text-decoration: none;
    font-weight: normal;
}

/*use this to clear buttons*/
button.clear-button {
    clear:both;
}

/* layout */

#content-wrapper {
    background: #FFF;
    margin-right:0;
    margin-top: -7px;
    margin-bottom: 0;
    overflow:hidden;
    width:990px;
    padding-bottom: 100px;
}

span.tab {
    margin: 2px 6px;
}

span.alterable {
    color: #C60C30;
    cursor: pointer;
}

span.alterable:hover {
    text-decoration: underline;
}

span.altered {
    color: #52B01C;
}

.clear {
    clear: both;
}

.loading {
    margin-bottom: -7px;
}

/** Buttons**/

.not_button{
    background: #FFF;
    color: #000;
    margin:0 0 0 8px;
    padding:0;
}

input[type=submit],
button {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background:#023546 url(../images/buttons.png) repeat-x scroll 0 -194px;
    border:medium none;
    color:#FFFFFF;
    padding:4px;
    cursor: pointer;
    margin: 2px 2px 2px 5px;
    font-size: 14px;
    font-family: arial, sans-serif;
}


input[type=submit] .disabled,
input[type=submit].disabled,
input.disabled,
.fake-button.disabled,
button.disabled {
    color: #4C5E63;
    background:#678087 url(../images/disabled_button_bg.png) repeat-x;
    border:solid 0px #FFF;
    font-size: 14px;
}


button.offer {
    background: #EADF00 url(../images/offer_button_bg.png) repeat-x;
    color: #394A58;
    border:solid 0px #FFF;
    font-size: 14px;
}

button[disabled="disabled"].offer {
    color: #4C5E63;
    background:#678087 url(../images/disabled_button_bg.png) repeat-x;
    border:solid 0px #FFF;
    font-size: 14px;
}

/* selector not working in IE6, height is invalid because of green and red button images are different sized */
input[type=submit].positive,
.fake-button.positive,
button.positive {
    background: #2C9114 url(../images/buttons.png) repeat-x scroll 0 -394px;
    padding: 4px;
    font-size: 14px;
}

input[type=submit].negative,
button.negative {
    background: #C60C30 url(../images/red_button_bg.png) repeat-x;
    padding: 4px;
    font-size: 14px;
}

.acquire-button {
    background: #2C9114 url(../images/buttons.png) repeat-x scroll 0 -394px;
    display: inline-block;
    margin-left: 0px;
}

.x {
    float: right;
    background:transparent url(../images/close_x.png) no-repeat scroll 0 0;
    width:18px;
    height: 18px;
	margin-top:3px;
    
}

/* please use other similar buttons */
/*#login_form .login_button {
    height:24px;
    padding:2px 6px 5px 5px;
    background: url(../images/green_button_bg.png) repeat-x;
    margin-left:-10px;
    font-size: 1.2em;
} */

.top_button {
    background:#FFFFFF none repeat scroll 0 0;
    font-size:14px;
    color: #3C3625;
}

/**  infobox **/

.infobox-green, 
.infobox-light {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 10px 20px;
    font-size: 12px;
    display: inline-block;
}

.infobox-green {
    background: #52B01C;
    color: #FFF;
}

.infobox-green a,
.infobox-green .fake-link,
.generic-dialog .fake-link {
    color: #394A58;
} 

.infobox-light {
    background: #EAF3F8;
    color: #414B5B;
}
.infobox-light .heading,
.infobox-green .heading {
    font-size: 14px;
    font-weight: bold;
}

.infobox-light .heading {
    color: #007AC9;
}

.infobox-light .attention {
    color: #C60C30;
}

/** layout **/

.spaced_property{
    padding-top:10px;
}

/******* google map *********/
.infoTitle {
    color:#3C3625;
    text-align: left;
    font-weight:bold;
}

.infoStats {
    color:#3C3625;
    text-align: left;
}

/*
 * Emulating windows titlebars
 */

.titlebar {
    background: #A4AEB5;
    padding: 2px 5px 2px 5px;
    border-bottom: 1px solid #8996A0;
    overflow: auto;
}

.titlebar h2 {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.titlebar h3 {
    font-size: 16px;
}

.close {
    float: right;
    color: #3C3625;
    background:transparent url(../images/close_x.png) no-repeat scroll 0 0;
    border: none;
    margin: 5px 0 0;
    padding: 0;  
    width:23px;
    height: 25px;  
}

/**
* 3. Base 
*/

div#body-wrapper {
    margin: 0 auto;
    width: 990px;
    height: auto !important;
    min-height: 100%; 
    height: 100%;  
}

body > #body-wrapper{
    height: auto; 
    min-height: 100%;
}

/**peekaboo message dino**/

#peekaboo {
    position: fixed;
    z-index: 3000;
    right: 0;
    top:55px;
    /*padding-top: 40px;*/
    /*cursor: pointer;*/
}

#bubbles-wrapper {
    float:right;
    position: relative;
    z-index: 100001;
    font-size: 120%;
    font-weight: bold;
    margin-top:20px;
}

#pab-bubble {
    position: relative;
    display: none;
    overflow:auto;
    width: 329px;
}    

/* PaB message severity from weak to strong */
.message-info {
    padding-right: 10px;
}

.message-suggestion {
}

.message-instruction {
}

.message-notification {
    color: #F69837;
    padding-right:10px;
}

.message-warning {
    width: 160px;
    color: #C62032;
}

/*** peekaBoo bubble shape ***/

#pab-bubble-spike{
    float:right;
    height: 66px;
    width:21px;
    background:transparent url(../images/peekaboo_bubble_spike.png) no-repeat scroll 0 8px;
}

#pab-bubble-top {
    background: url(../images/peekaboo_bubble_t.png) no-repeat;
    height:38px;
}

#pab-bubble-content, #pab-bubble-close {
    background: url(../images/peekaboo_bubble_mid.png) repeat-y;
    padding-left:14px;
    padding-right:20px;
    width:280px;
}

.close-bubble {
    float: right;
    margin-right: 15px;   
}

.close-bubble:hover {
    text-decoration: underline;
}

#pab-bubble-bottom {
    background: url(../images/peekaboo_bubble_b.png) no-repeat;
    height: 38px;
}


div#pab-himself {
    /*margin-top: 20px; */
    float: right;
    width: 45px;
    height: 145px;
    background: transparent url(../images/dino_peek.png) no-repeat 0 0;
}

#pab-loading {
    position: relative;
    overflow:auto;
    width: 308px;
    background:transparent url(../images/peekaboo_thinking.png) no-repeat scroll 0 0;
    height:67px;
    padding-top:22px;

}
#pab-loading p{
    color: #333;
    padding: 2px;
    display: inline;
    margin-left:33px;
    font-family: georgia, serif;
    font-style: italic;
    font-size:  12px;
    font-weight: normal;
}

/** FEEDBACK TAB **/

.feedback-dialog-button {
    background: transparent;
    right: -3px;
    position: fixed;
    height: 111px;
    top: 155px;
    width: 38px;
    z-index: 201; /* 1 bigger than search tabs 200 */
    cursor:pointer;
}




/*** header with logos and menu **/


.header {
    background: #FFF;
    height:auto;
    width: 984px; 
    

}

.header-menus{
	border-top:3px solid #52B01C;
	margin: 0 4px 0 10px;
}

#alpha {
    float:left;
    margin-left:-52px;
    width:62px;
}



@media screen {
    #netcycler-logo {
        float: left;
        padding-top: 32px;
        padding-left: 54px;
        width: 114px;
        height: 50px;
        overflow: hidden;
    }

    #main-menu {
        float:right;
        line-height:1.8em;
        overflow:visible;
        text-align:center;
        height:auto;
        width: 761px;
    }

}

@media print {
    #netcycler-logo {
        padding-top: 32px;
        padding-left: 55px;
        width: 112px;
        height: 50px;
        overflow: hidden;
    }

    #main-menu {
        display:none; 
    }
}


/** main menu**/




#navigation {
    float: left;
    overflow: visible;
    padding-top: 10px;

}

div#navigation {
    display: block;
}

#navigation a {
    color: #3C3625;
}

#navigation a:visited {
    color: #3C3625;
}

div#navigation span {
    color:#3C3625;
    float:left;
    font-size:16px;
    height:23px;
    padding:0 10px;
    text-align:center;
    width:auto;
    border-right: solid 1px #c9e2e9;
}

div#navigation span:hover {
    text-decoration: underline; 
}


#navigation .current{
    color: #53ac20;
}


/* Dropdown menus in main menu */
div#navigation .nav-menu {
    clear:left; 
    padding:0; 
    margin:0; 
    list-style:none; 
    height:26px; 
    position:relative;
    z-index: 999;
}
    div#navigation .nav-menu li {
        float:left;
        z-index: 999;
    }

        
        div#navigation .nav-menu li .friends {          
            margin:0;
            padding:0 0 0 10px;
            width:30px;
            height:20px;
            overflow:visible;
        } 
        div#navigation .nav-menu li .friends:hover{
            text-decoration: none;
        }   
        div#navigation .nav-menu li #friends-icon{
            position:relative;
            right:0px;
            top:0px;
            width:20px;
            height:20px; 
            background:transparent url(../images/notification_icons.png) no-repeat scroll 0px -40px;
            border: none;
        }
        div#navigation .nav-menu li #friends-icon:hover{
            text-decoration: none;
        }   
        div#navigation .nav-menu li #no-friends-icon{
            position:relative;
            right:0px;
            top:0px;
            width:20px;
            height:20px; 
            background:transparent url(../images/notification_icons.png) no-repeat scroll 0px -60px;  
        }
        div#navigation .nav-menu li #no-friends-icon:hover{
            text-decoration: none;
        } 
         div#navigation .nav-menu li #numberbubble {
            background: none;
            background-color:#f9ec00;
            font-size:9px;
            padding:0px;
            position:relative;
            right:-20px;
            top:-30px;
            width:20px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
        }
        
        
        div#navigation .nav-menu li a.topLevel {
           padding:0; 
        }
        /* Following 2 rules just for IEs */
        div#navigation .nav-menu li a.topLevel:hover {
            height:26px; 
        }
        div#navigation .nav-menu li:hover > a.topLevel {
            height:26px; 
        }
            div#navigation .nav-menu li a.topLevel span{
                background:url("../images/arrow.png") no-repeat scroll 8px -30px transparent;
                height:26px; 
                padding: 0 15px 0 25px;
            }
            
        .dropdown-menu {
            width:auto; 
            background: #fff; 
            position:absolute; 
            visibility:hidden;
            left:0px;
            top:20px; 
            border:1px solid #c9e2e9; 
            border-top:0px solid #fff; 
            -webkit-border-bottom-right-radius:5px;
            -webkit-border-bottom-left-radius:5px;
            -moz-border-radius-bottomright:5px;
            -moz-border-radius-bottomleft:5px;
            border-bottom-right-radius:5px;
            border-bottom-left-radius:5px;
            z-index: 999;
        
        }
        
            .dropdown-menu .container {
                width:300px; 
                background:none repeat scroll 0 0 #fff;
                padding:10px;
                text-align:left;
                z-index: 999;
                /*
                -moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
                -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); 
                box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
                */
            }
            
                div#navigation .nav-menu .dropdown-menu .container p,
                div#navigation .nav-menu .dropdown-menu .container div {
                    line-height:130%;
                    padding-bottom:3px;
                    color: #3C3625;
                    text-decoration:none;
                }
                div#navigation .nav-menu .dropdown-menu .container a {
                    color: #1B749C;
                }
                div#navigation .nav-menu .dropdown-menu .container .clear {
                    clear:left;
                }

                /* For IE6 */
                div#navigation .nav-menu .dropdown-menu .container table {
                    border-collapse:collapse; width:0; height:0; margin:-1px;
                }

/** login  **/

.input_hint {
    color: #65767f;
}

.user {
    color: #3C3625; 
}

.logout {
    color: #3E3E3E;
    margin: 2px;
    font-weight: bold;
    cursor: pointer;
}

.logout:hover {
    color: #c60C30; /* New Red */
    text-decoration: underline;
}

#login {
    margin:0;
    text-align:right;
    width: 715px;
    clear: right;
    height:auto;
    font-size: 12px;
    overflow: hidden;
    padding-bottom:10px;
}

/* New Login styles for form on the top of the page 
 * (because old ones weren't working in IE6 and in general ruined by using same style-classes 
 * both with JS and css-styles causing result I'm not able to follow)
 * TODO: clean the old ones when sure those are not used somewhere else
 * */
#login_form {
    margin:0;
    padding:0 0 0;
    display: inline;
    float: right;
}
#login_form #login-column {
    float: left;
}
#login_form #register-column {
    float: left; 
    text-align:right
}

#login_form #login-input-fields {
    float: left;
    margin:0;
    padding:0 0 0 0px;
    line-height:1em; 
}

#login_form #login-error-fields{
    float: none;
    position:relative;
    line-height:1em;
    right:0;
    text-align:right;
    margin: 10px 0 0 5px;
    padding:0 0 0 0px;
}

#login_form #login-error-fields #login-error {
    float:none; 
    position:relative;
    right:0px;
    top:-10px;
     text-align:right;
  }
 

    #login_form #login-input-fields .button {      
        background: url(../images/buttons.png) repeat-x 0 -394px;
        border:2px none;      
        color:#FFFFFF;
        cursor:pointer;
        height:24px;
        font-family:arial,sans-serif;
        font-size:14px;
        margin:0 0 0 -20px;
        padding:1px 4px 3px 4px; 
        max-height: 26px;
        vertical-align: middle;
        width:auto;
    }
    
    
    #login_form #login-input-fields input{
        background:#EAF3F8;
        font-size: 12px;
        /* padding:0 3px; */
        padding: 3px;
        border: 1px solid #c9e2e9;
        color: #53ac20;
        margin: 0 0 0 3px;
        /*
        height:24px;
        min-height: 26px;
        */
        vertical-align: middle;
        width:auto;
    }
    #login_form #login-input-fields input:focus, 
    #login_form #login-input-fields input:focus{
       
        outline: none !important;
    
    }
    
    #login_form #login-input-fields #email_entry{
        width:170px;
    }
    #login_form #login-input-fields #pwd_entry,
    #login_form #login-input-fields .pwd_entry{
        width:120px;
    }
    
    #login_form #remember-me-fields{
        clear:both;
        float: left;
        background-color:#fff;
        font-size: 12px;
        color: #53ac20;
        margin: 0px 0 0 3px;
        padding:0px 3px 0px 3px;
        display:none; 
        z-index:1021;
        text-align: right;
    }
    #login_form #login-registration{
        display:block;
        line-height:12px;
        margin:0;
        padding:15px 0 0 15px;
        text-align:left;
        width:auto;
    }
        #login_form #login-registration div{
            padding-top: 10px;
        }
        
        #login_form #login-registration #forgot_pw{
            font-size:10px;
			font-weight:normal;
			position:relative;
			top: 9px;
        }
        
        #login_form #login-registration .fake_link{
            float:none;
            color: #3C3625;
            font-weight: bold;
            font-size: 14px;
        }



/* Old login fields - maybe used on some other login dialog?*/
/*#login_form .login_button {
    height:24px;
    padding:2px 6px 5px 5px;
    background: url(../images/green_button_bg.png) repeat-x;
    margin-left:-10px;
    font-size: 1.2em;
} */

#login [type="text"], .login-form [type="text"],
#login [type="password"], .login-form [type="password"] {
    background: #EAF3F8 none repeat scroll 0 0;
    border:medium none;
    font-size: 12px;
    padding:3px;
    height: 18px;
    color: #53ac20;
    -moz-border-radius:3px 3px 3px 3px;
    -webkit-border-radius: 3px;
    border-radius:3px;
    
}

#login .additional-fields {
    margin-left: 5px;
}

#login a.user{
    color: #52B01C;
}

#login a.user:visited{
    color:#52B01C;
}



input.pwd_entry{
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.email_entry, .login-form [name="email"] {
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft:3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    width: 210px;
    margin-left:0;
}

.pwd_entry, .login-form [name="password_hash"] {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-left:0;
    width: 100px;
    margin-right: 0;
    padding-right: 0;
    margin-left:0;
}

#existing_user {
    margin: 0px;
    padding: 2px; 
}

#register_top, .signup-top{
    display: inline;
    margin-top:2px;
    background:#FFF;
    font-weight:bold;
    float: right;
    color:#3C3625;
}

#forgot_top{
    background-attachment:scroll;
    background-color:transparent;
    background-image:none;
    background-position:0 0;
    background-repeat:repeat;
    clear:both;
    float:left;
    font-size:10px;
    font-weight:normal;
    left:274px;
    margin-top:0;
    position:relative;
    top:-6px;

}

/** register / login **/

.login-required {
    display: none;
}


.login-required .login-form {
    
}
.login-required input {
    
}

/** functions menu **/

div#nav-supplement{
    overflow:auto;
    width:auto;
}
#supplement-layout {
    float: right;
}


#languages li {
    float: left;
    padding: 1px 5px 1px 5px;
    font-weight: bold;
    cursor: pointer;
}

#languages {
    color:#52B01C;
    font-size:10px;
    line-height: 1.0em;
    padding-bottom: 4px;
    overflow: auto;
    float: right;
    height: 17px;
    text-transform: uppercase;
}

.language-selector {
    color: black;
}

.language-selector:hover {
    text-decoration: underline;
}

.current-language {
}

.current-language:hover {
    text-decoration: underline;
}

.right_border {
    padding-right: 5px;
    border-right: 1px solid black;
}

/* FOOTER */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* this breaks safari - lets see if inline-block works for the footer
.clearfix {
    display: inline-block;
}*/

/* Hides from IE-mac \*/
* html .clearfix { 
    height: 1%;
}

.clearfix {
    display: inline-block;
}

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

/* End hide from IE-mac */
#footer-wrapper {
    background: url(../images/footer.png) repeat;
    margin-top: -100px; /* negative value of footer height */
    height: 100px;
    clear:both;
}

#footer-center {
    margin: 0 auto;
    width: 970px;
    color: black;
}
#footer-background {
    width: 970px;
    height: 100px; 
}

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

#footer-menu a, #footer-menu a:visited {
    margin: 15px;
    color: white;
    font-size: 16px;
    font-weight: normal;
}   

/**
 * form stuff
 */
 
div#form_message {
    width: 250px;
}

form .additional-fields, .form .additional-fields {
    position: absolute;
}

.additional-fields label {
    vertical-align: top;
}

label.mandatory {
    font-weight: bold;
}

/* A table that can be used to layout a form. */
table.form {
}

table.form td label {
    padding-right: 1em;
    font-size: small;
}

/*** instruction tab styling ***/

.instructions-button {
    background: transparent;
    right: -3px;
    position: fixed;
    height: 126px;
    cursor:pointer;
    top: 320px;
    width: 37px;
    z-index: 201; /* 1 bigger than search tabs 200 */
}

#instructions {
    position: fixed;
    display: none;
    height: 500px;
    width: 600px;
    margin-left: 10%;
    margin-top: 90px;
    z-index: 1002;
    background: #EBF3F8;
    border: 1px outset #ACC0C6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/*** instructions content styling ***/
.index {
    display: none;
}


#instructions .titlebar {
    background: #EBF3F8;
    color: #269DD4;
}

#instructions-content {
    overflow: auto;
    padding: 10px;
    height: 440px;
    font-size: 12px;
}

#instructions-content ul {
    list-style:circle outside none;
    margin-bottom:10px;
    padding-left:20px;
}

#instructions-content li {
    margin-bottom: 2px;
}
#instructions-content p {
    padding-bottom: 10px;
}

#instructions-content ol {
    padding-bottom: 10px;
}

#instructions-content h3 {
    color: #269DD4;
    font-size: 16px;
}

/**
* 4. Home 
**/

#no_intro {
    margin-bottom: 5px;
}

/** home layout **/



#content_map {
    float:right;
    width:640px;
    margin-top: 20px;
    margin-right:10px;

}


/**
 *  Complete items
 * for example missing postage
 */
div#complete-my-items {
    font-family: georgia, serif;
    font-style: italic;
    padding:0px;
    height:120px;
    overflow:hidden;
    margin:0px;
    display: none;
}
    div#complete-my-items-wrapper{
        loat: left;
        padding: 10px 0 0 10px;
        margin:10px 0px 20px 10px;
        width: 660px;
        height:100%;
        overflow: hidden;
    }
    div#complete-my-items h2{
        font-size:14px;
        padding: 0px;
    }
    div#complete-my-items div.item-rows{
        background: #F0EFEA;
        font-size:12px;
        font-weight:bold;     
        margin:10px 0;
        width:600px;

    }

            div#complete-my-items div.item-rows div.item-wrap{
                margin:10px 0;
                padding:0px;
                clear:both;
                background:#fff;
                border: 1px solid #fff;
            }
            div#complete-my-items div.item-rows div.item-img{
                margin: 5px;
                max-height:60px;
                max-width:50px;
                float:left;
            }
                div#complete-my-items div.item-rows img.item-icon{
                    max-height:60px;
                    max-width:50px;
                }
            div#complete-my-items div.item-rows div.item-info{
                margin: 5px 10px;
                float:left;
                font-family:arial,verdana,helvetica,sans-serif;
                font-size:14px;
                font-weight:bold;
                font-style: normal;
                width: 500px;
            }
                div#complete-my-items div.item-rows div.item-info span.item-additional-info {
                    padding-left: 5px;
                    font-size:12px;
                    font-weight:normal;
                }

            div#complete-my-items div.item-rows form{
                margin:5px 0;
                width:400px;
            }


/**
 *  Recent actions
 */
div#recent-actions {
    font-family: georgia, serif;
    font-style: italic;
    float: left;
    width: 340px;
    padding:0px;
    height:120px;
    overflow:hidden;
    margin:0px;
}
    div#recent-actions-wrapper{
        loat: left;       
        padding: 10px 0 0 10px;
        margin:10px 0px 0 10px;
        background:url("../images/recent-actions.png") no-repeat scroll 0px 0px transparent;
        width: 100%;
        height:100%;
        overflow: hidden;
    }
    div#recent-actions h2{
        font-size:14px;
        padding: 0px;
    }
    div#recent-actions div.action-rows{
        font-size:12px;
        font-weight:bold;
    }

        div#recent-actions div.action-rows div{
            padding:2px 0 0;
            clear: both;

        }
            div#recent-actions div.action-rows div div.date{
                clear: none;
                float:left;
                font-family: arial,verdana,helvetica,sans-serif;
                font-weight:normal;
                font-style:normal;
                font-size: 12px;
                color: #414b5b;
                width:75px;
            }
            div#recent-actions div.action-rows div div.msg{
                clear: none;
                float:left;
                font-family: arial,verdana,helvetica,sans-serif;
                padding-left:5px;
                font-size: 12px;
                font-weight:normal;
                font-style:normal;
                width:210px;
            }

#content_functions {
    float: left;
    width: 330px;
    padding-top: 20px;
    padding-left:10px;
}

#product-picks {
    float:right;
    width:660px;
    margin-top: 20px;
    margin-right:-10px;
}

#product-picks .img-tag-offer,
#product-picks .img-tag-wish {
    height: 0;
}

#product-picks .img-tag-offer img,
#product-picks .img-tag-wish img {
    left: 6px;
    top:-29px; /* yes we need this - it fixes the position on the front page - if you see something
    different can you show me on your screen - tara*/
}

#product-picks .img_tag_free img, 
#product-picks .swap-tag img {
    top: -151px;
    left: 88px;
}

#product-picks .price-tag img {
    top: -151px;
    left: 64px;
}

#product-picks .something_content .parameter-value a {
    padding: 0
}

/**
 * home - search
 */

.search-form .form-wrap {
    padding: 10px 5px 10px 10px;
    background: #F9EC00 none repeat scroll 0 0;
    -moz-border-radius-topright:5px;
    -webkit-border-radius-topright:5px;
}

.search-form .instructions-popup {
    float: left;
    margin-right: 3px;
}

.search-form .full-instructions {
    margin-left: -350px;
}

input.query {
    border: none;
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    float:left;
    height:25px;
    padding-bottom:0;
    padding-left:5px;
    padding-top:5px;
    width:auto;
}

.search-form .tabs {
    overflow: hidden; 
    height:30px; 
}

.tabs .offer {
    background: url(../images/tabs_offer.png) no-repeat;
    z-index: 200;
    float: left;
    height: 25px;
    width: 150px;
    padding-top: 10px;
    text-align: center;
    position: relative;
}

.tabs .wish {
    background: transparent url(../images/tabs_wish.png) no-repeat 0 -35px;
    z-index: 195;
    float: left;
    height: 20px;
    width: 150px;
    margin-left: -10px;
    margin-top: 5px;
    padding-top: 5px;
    text-align: center;
    position: relative;
}

.tabs span {
    font-family: arial, sans-serif;
    font-weight: bold;
    padding: 2px 0;
    font-size: 16px;
}

.tabs span:hover {
    color: white;
    cursor: pointer;
}

.search-form .button {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background:#134859 url(../images/buttons.png) repeat-x scroll 0 -194px;
    border:medium none;
    color:#FFFFFF;
    padding:4px;
    cursor: pointer;
    margin:-2px 0 0 10px;
    min-width: 100px;
}

.search-form form {
    float: left;
    padding: 4px 15px;
}

/* offers search  specific*/

.search-form > .offer {
    margin: 0;
}


/* wishes search specific*/


.search-form > .wish {
    display: none;
}

.wish .tabs .wish {
    background:transparent url(../images/tabs_wish.png) no-repeat scroll 0 0;
    height:53px;
    margin-top:0;
    padding-top:10px;
    text-align:center;
    z-index:205;
}

.wish .tabs .offer {
    background:transparent url(../images/tabs_offer.png) no-repeat scroll 0 -35px;
    height:20px;
    margin-top:5px;
    padding-top:5px;
    z-index:2;
}

.wish .form-wrap {
    -moz-border-radius-topright:5px;
    -webkit-border-radius-topright:5px;
    display: block;
    background: #65CFE9;
    margin: 0;
    padding-left: 10px;
}

.wish .tab span {
    margin-left: -9px;
}

/**
 * home - what you can get ?
 */
#what-you-can-get {
    clear: left;
    overflow: auto;

}
    #what-you-can-get div.something_content{
        float: left;
        margin-top: -3px;
        cursor: default;
    }

        #what-you-can-get div.something_content li.picture img{
           background: transparent url(../images/sprite_item_bgs.png) no-repeat scroll 0 -211px;
           
        }
        #what-you-can-get div.something_content li.item-name {
            padding:15px 0 2px 3px;
        }
        #what-you-can-get div.something_content li.parameter-value {
            font-weight:normal;
            line-height:14px;
             padding:0 0 0 3px;
        }

    #what-you-can-get div.arrow-mark{
        float: left;
        border-color:transparent transparent transparent green;
        border-style:solid;
        border-width:10px 0 10px 10px;
        float:left;
        height:0;
        margin:70px 0;
        width:0;
    }
    #what-you-can-get div.getting{
        font-size:12px;
        float: left;
        margin:0;
        width:140px;
        overflow:hidden;
        
    }
        #what-you-can-get div.getting ul{

        }
        #what-you-can-get div.getting li{
            clear:both;
            line-height: 1em;
            padding-top:5px;            
        }
        #what-you-can-get div.getting li.list-header{
            font-weight:bold;
            color:#414b5b;
            text-align:center;
        }

        #what-you-can-get div.getting ul li div.amount{
            float:left;
            text-align:right;
            color:#414b5b;
            font-weight:normal;
            padding: 0;
            width:35px;
            overflow:hidden;

        }
        #what-you-can-get div.getting ul li div.cat{
            float:left;
            text-align:left;
            color:chocolate;
            font-weight:bold;
            padding: 0 0 0 5px;
            width:80px;
        }
        #what-you-can-get div.getting ul li div.summary{
            clear: both  ;
            font-weight:bold;
            margin-right: 20px;
            
        }

/**
 * home - featured swapper ?
 */
#featured-swapper {
    float:right;
    margin-right:-10px;
    margin-top:20px;
    width:660px;
}
    #featured-swapper div.profile{
        float:left;
        width:315px;

    }
    #featured-swapper div.things{
        float:left;
        width:330px;
        margin-left: 15px;

    }
    #featured-swapper div.profile div.profile-content{
        margin-top: 8px;
        text-align:left;
        width:100%;

    }
        #featured-swapper div.profile div.profile-content div.profile-image{
           overflow:hidden;
           position: relative;
        }
        #featured-swapper div.profile div.profile-content div#profile-image-border{
            float:left;
            margin:0 10px 0 0;
            width:140px;
        }
            #featured-swapper div.profile div.profile-content .border{
                -moz-border-radius:0 0 5px 5px;
                -webkit-border-radius: 0 0 5px 5px;
                border: solid #C9E2E9 2px;
                padding: 3px;
                margin: 1px;
            }
            #featured-swapper div.profile  div.profile-content .shadow{
                -moz-box-shadow: 2px 2px 2px #7d92a0;
                -webkit-box-shadow: 2px 2px 2px #7d92a0;
            }

        #featured-swapper div.profile div.profile-content div#profile-info{
            float:left;
            text-align:left;
            width:150px;
            padding: 0 0 20px 0px;
        }
            #featured-swapper div.profile div.profile-content div#profile-info .label{
                clear:both;
                float:left;
                font-weight:bold;
                padding: 0;
                text-align:left;
            }
            #featured-swapper div.profile div.profile-content div#profile-info .amount{
                float:right;
                padding:0 5px 0 5px;
                text-align:right;
                width:20px;
            }
        #featured-swapper div.profile div.profile-content div.quotation{
                padding: 5px 5px 0 10px;
                text-align:left;
                
         }
    #featured-swapper div.profile div.profile-header,
    #featured-swapper div.things div.things-header{
        font-size:14px;
        font-weight:bold;
    }
    #featured-swapper div.things div.things-header{
        margin-left:-1px;
    }

    #featured-swapper div.things div.things-wrapper{
        margin-left: -5px;
    }

    #featured-swapper div.something_content{
        cursor: default;
    }

    #featured-swapper div.something_offer li.picture img{
           background: transparent url(../images/sprite_item_bgs.png) no-repeat scroll 0 -211px;
    }
    #featured-swapper div.something_wish li.picture img{
           background: transparent url(../images/wished_item_bg_140.png) no-repeat scroll 0 0;
    }
        #featured-swapper div.something_content li.item-name {
            padding:15px 0 2px 5px;
        }
        #featured-swapper div.something_content li.parameter-value {
            font-weight:normal;
            line-height:14px;
             padding:0 0 0 5px;
        }

        #featured-swapper div.something_offer .tag-offer span,
        #featured-swapper div.something_wish .tag-wish span {
            background-color: #f9ec00;
            display:inline;
            left:6px;
            padding:2px;
            position:relative;
            top:-29px;
            width:43px;
            font-variant:small-caps;
        }
        #featured-swapper div.something_wish .tag-wish span {
            background-color: #64d3f2;
        }


/**
 * home - quick categories
**/

#product-picks a:hover{
    text-decoration: none;
}


.item_count {
    float: left;
    font-size:  12px;
    clear: left;
    display:none;
}


#quick_categories_list {
    clear: left;
    overflow: auto;

}

#quick_categories_list li {
    float: left;
    padding-right:20px;
    padding-bottom: 15px;

}

#quick_categories_list a {
    font-size: 12px;
    font-weight: bold;
    /*
    float:left;
    clear:left;
    */
    display: block;
    text-align: center;
}

#quick_categories a {
    color: #3C3625;
}

.quick_category {
    width:90px;
    height: 120px;
}

.cat_img{
    display: block;
    cursor: pointer;
    
}

.cat_details{
    margin-top: 7px;
}

.quick_category .additional {
    padding-top: 10px;

}

.quick_category p {
    cursor: pointer;
    margin: 0px;
}

.additional a:visited{
    font-weight: normal;

}

/** product picks **/

div#product-picks ul{
    margin:0 0 0 -3px;

}


/**
 * home - things near you


.tradepoint-bubble .title {
    font-weight: bold;
}

.tradepoint-bubble .address p {
    padding: 0;
    margin: 0;
}



#playback_controls{
    float:left;
}

#button_explanation{
    padding-left: 25px;
}

.things .buttons {
    width:160px;
}

div.latest_something {
    display: none;
    text-align: left;
}

div.active_something {
    display: block; 
}

.latest_something ul {
    text-align: left;
}

.donor{
    color:#134859;
    font-style:italic;
    font-weight:bold;
}
**/






/**
* 5. Browse
**/

/***browse - category tree ***/

.browse-categories-column {
    float:left;  
    margin:25px 50px 0 0; 
    width:220px;
    padding-left: 10px;
}

    .browse-categories-column h2{
        color: #394a58;
        font-size: 21px;
        line-height:normal;
        font-family: 'MuseoSlab500',  sans-serif;
        font-weight: normal;
        padding: 5px 0 20px 5px;
        border-top: 2px solid #C9E2E9;
        letter-spacing: 0;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/offsite/i/hIEfix.png,sizingMethod=crop);
        zoom:1;
    }

     
/***browse - search ***/
.search-column{
    float:left;
    margin:0;
    width: 970px;
    margin-top: 10px;
    margin-left:10px;

}
/***browse - search when Recent activity shown on left column ***/
.recent-action-search-column{
    float:left;
    margin:0;
    width:635px;
    padding:0

}
.recent-action-search-column-wrapper{
    float:left;
    margin:0;
    width: 100%;
    margin: 10px 0 0 0px;

}
 .margin-reset{
     margin:0 !important;
 }
.browse-search-column{   
    float:left; 
    margin:25px 0 0; 
    width:690px
}
    .search-form {
        margin: 0;
        padding-bottom: 10px;
    }
    
        .search-form .form-wrap {
            height:50px;
        
        }
        .search-form .search-input-wrapper {
            float:left;
            padding:0 3px 0 0;
        }
        
            .search-form .search-input-wrapper .search-input {
                clear: left;
                float:left; 
                padding:0px 5px 5px 0;
            }
                input#search-input-field{
                    float:left;
                    padding:2px;
                }
                div.search-input select#city{
                    width:135px;
                }
                div.search-input ul.city-selection{

                    padding:5px 20px 0 5px;
                    float:left;
                    list-style:none outside none;
                    position:relative;
                    z-index:899;
                }
                    div.search-input .container {
                        height:250px;
                        overflow:auto;
                        margin-top:-2px;
                    }
                    div.search-input ul.city-selection .info {
                        font-family:georgia,serif;
                        font-size:12px;
                        font-style:italic;
                        padding: 0px 0 10px 0;
                    }
                    div.search-input ul.city-selection .nav-menu li {
                        float:left;
                        z-index:899;
                    }


        
        .search-form  .search-check-box-input {
            clear: left;
            float:left; 
            padding:3px 5px 5px 1px;
           
            font-size: 14px;
            font-weight: bold;
        }
            
        .search-form  .search-button {
            float:left; 
            padding:3px 3px 0 0;
        }
        .search-form  .browse-loading{
            background: transparent url(../images/loading.gif) no-repeat scroll 0 -1px;
            float:left; 
            display:none;
            font-family:georgia,serif;
            font-size:12px;
            font-style:italic;
            padding:5px 0 0 30px;
            
        }
        
    
    .browse-search-column  #results_wrap{
        float:left;
    }

    #results_wrap div.no-results{
        background-color: #eaf3f8;
        padding: 10px;
        margin: 0px 0pt 10px;
        width: 670px;
    }

.browse-search-column div.spacer{clear:both; height:1px; display:block;}

.browse-search-column .check-box, .radio-button{
    position: absolute;
    left: -999em; 
}
.browse-search-column .check-box-label{
    padding: 0 0 0 25px;
    background: transparent url(../images/radio-check.png) no-repeat scroll 0 -2px;
    color: #414B5B;
}
.browse-search-column .check-box-selected{
    background:transparent url(../images/radio-check.png) no-repeat scroll 0 -38px;
    color: #3C3625;
}





#results_wrap {
    overflow: auto;
    /*margin-right: 210px;*/
}


form#search_filter_offers .input_search_terms{
    float:left;
    height:20px;
    margin-top:3px;
    width:415px;
}

form#search_filter_wishes .input_search_terms{
    float:left;
    height:20px;
    margin-top:3px;
    width:415px;
}

/**suggest a category **/

#suggest_category{
    padding-top: 10px;
    margin-left: 10px;
}

#suggest_category button{
    margin-left: 0;
    margin-top: 7px;
}

/** browse - results **/

.results_help{
    padding-top:6px;
    line-height:18px;
}

.results_help a.additional{
    color:#3C3625;
}

.results_help a.additional_bold:visited{
    font-weight:bold;
    color:#3C3625;   
}

.results_help a.additional_bold:hover{
    font-weight:bold;
    color:#53AC20;   
}


#results {
    overflow: auto;
 
}
#results .item-name{
    padding-left:3px;
}

.grid-card .item-name {
    padding-left:3px;
}

#results .parameter-name{
    padding-left:3px;
}

#results .announce {
    margin: 0 0 0 8px;
}

#results li.announce {
    margin:0;
}

#results_wrap h1 {
    margin-right: 20px;
    font-size: 16px;
}

#results p {
    margin-right: 20px;
}

.results-loading {
    display: none;
    margin: 50px 0 0 208px;
}

.chunk {
    overflow: auto;
}

.no-matches-found, .results-header {
    display: none;
}

div#hint-card,
.empty-card {
    height:161px;
    width:161px;
    padding-right:4px;
    width:161px;
    overflow:hidden;
}

.something_wish .picture:hover .grid-card-image {
    background: transparent url(../images/sprite_item_bgs.png) no-repeat scroll 0 -633px;
}

.something_offer .picture:hover .grid-card-image {
    background: transparent url(../images/sprite_item_bgs.png) no-repeat scroll 0 -211px;
}

.something_offer, .something_wish{
    cursor: pointer;
}

#content_functions div.something_content,
#product-picks div.something_content{
    height:230px;
}

.something_offer, 
.something_wish, 
#hint-card,
.empty-card {
    background:transparent;
    float:left;
    margin:0;
    padding-right:2px;
    width:163px;
    overflow:hidden;
}
   
.something_offer .grid-card-image, .something_wish .grid-card-image {
    background:transparent url(../images/sprite_item_bgs.png) no-repeat scroll 0 0;
    width:139px;
    height:139px;
    padding:11px 12px 9px 6px;
}

#results .something_offer,
#results .something_wish, 
#results #hint-card {
    height: 210px;
}

/*
#results .selected {
    color:#C60C30;
}
*/

.something_content .item-name a, .something_content .parameter-value a, .something_content .parameter-name a{
    padding-left: 5px;
    
}
.something_content .parameter-name a{
    color:#414B5B;
    font-size:11px;
    font-weight:bold;
}

.something_content .parameter-value a {
    color:#3C3625;
    font-size:12px;
    font-weight:normal;
}

li.parameter-name{
    float:left;
}

.something_content li.picture {
    height: 147px;
}

.something_offer .item-name a{
    background:transparent none repeat scroll 0 0;
    font-size: 14px;
    padding:10px 0 2px 2px;
    color: #3C3625;
}

.something_wish .item-name a{
    background:transparent none repeat scroll 0 0;
    font-size: 14px;
    padding:10px 0 2px 5px;
    color: #3C3625;
}

a.something_offer, a.something_wish {
    display:block;
}

a.something_wish .item-name {
    background:transparent none repeat scroll 0 0;
    font-size: 14px;
    padding:10px 0 2px 11px;
    text-decoration:none;
    color: #3C3625; 
}

.full-card-tag img {
    height:19px;
    width: 23px;
    position:relative;
    top:-43px;
    left: 130px;
    display:inline;
    background: transparent none;
    padding:0;
}

li.picture .full-card-tag  a:hover {
    text-decoration: none;
}

.full-card-tag a {
    outline: none;
}

.something_offer .img-tag-offer img {
    position:relative;
    top:-29px;
    left: 6px;
    display:inline;
    background: transparent none;
    padding:0;
}

.something_wish .img-tag-wish img {
    position:relative;
    top:-29px;
    left:6px;
    display:inline;
    background: transparent none;
    padding: 0;
}

/* swap and price tag parent divs */
.swap-tag, 
.price-tag, 
.full-card-tag,
.image-overlay {
    height: 0;
}

/* show only on browse page*/
.full-card-tag,
#items-grid-wrapper .full-card-tag {
    display: none;   
}

.browse-search-column .full-card-tag {
    display: block;
}

.something_offer .swap-tag img, .something_wish .swap-tag img{
    width:57px;
    height:57px;
    top:-171px;
    left:88px;
    padding:0;
    position:relative;
    display:inline;
    background: transparent none;

}

.something_offer .price-tag img, .something_wish .price-tag img{
    width:81px;
    height:81px;
    top:-172px;
    left:64px;
    padding:0;
    position:relative;
    display:inline;
    background: transparent none;

}

.something_offer .for-friends-tag img,
.something_wish .for-friends-tag img{
    position:relative;
    background: transparent none;
    display:inline;
    top:-231px;
    left:124px;
    width:21px;
    height:20px;
    padding:0;

}

.something_offer .img_tag_free img,
.something_wish .img_tag_free img{
    position:relative;
    background: transparent none;
    display:inline;
    top:-171px;
    left:88px;
    width:57px;
    height:57px;
    padding:0;

}

/* peekaboo offer tag */
div.something_wish li.picture div.img-tag-peekaboo img, .something_offer li.picture div.img-tag-peekaboo img {
    height:34px;
    left:110px;
    padding:0;
    position:relative;
    top:-173px;
    width:35px;
    display:inline;
    background: transparent none;

}



#results .something_offer li.picture div.img-tag-peekaboo img, #results div.something_wish li.picture div.img-tag-peekaboo img {
	top: -171px;
}

/* Details Card */

/* top arrow on the detail card*/

.selected div.something_content {
    background:transparent url(../images/detail_card_arrow.png) no-repeat scroll 85px 172px;
    padding-bottom:83px;
    position:relative;
    z-index: 199; /* old value: 999 - changed to 199 so it goes underneath the feedback tab. */
}

/* detail card background */

.detail_card_t {
    background: url(../images/detail_card_t.png) no-repeat;
    height:11px;
    margin-left:-7px;
}
div.detail_card_mid {
    background: url(../images/detail_card_mid.png) repeat-y;
    overflow:auto;
    margin-left:-8px;
}
.detail_card_b {
    background: url(../images/detail_card_b.png) no-repeat;
    height:20px;
    margin-left:-8px;
}

/* proposal panel */
/* Copied detail-card styles here, because I was unsure
   about their usage and had to fix this part. */

.proposal-panel {
    width: 580px;
    margin-left:291px;
    margin-top:6px;
    overflow: visible;
    position: absolute;
    z-index: 1000;
    display: none;
}

.proposal-panel-content {
    float: left;
    color: #333;
    line-height:1.5em;
    overflow:auto;
    padding:7px;
}

/* details container* * DO NOT MOVE THIS TO TRADE CSS * IT IS NEEDED HERE*/

.detail_card_mid .x{
    margin-right:17px;
}

.wish_details, .offer_details{
    width: 640px;
    padding-left: 8px;
    overflow: auto;
}


.detail-card-container {
    width: 653px;
    float: left;
    display: none;
    margin-top:-14px;
}

.detail-card {
    background:#c9e2e9 none repeat scroll 0 0;
    border:3px solid #FFF;
    width: 580px; /* was 200px */
    margin-left:291px; /* was 722px */ 
    margin-top:6px;
    overflow: visible;
    position: absolute;
    z-index: 1000;
    display: none;
}

.detail-card-content {
    float: left;
    color: #333;
    /* height:513px; */
    /*width: 566px; */
    line-height:1.5em;
    overflow:auto;
    padding:7px;
}

.detail-card-image {
    margin:15px 10px 14px 17px;
    float: left;
}

.detail-card-data {
    overflow: hidden;
    margin-right: 10px;
}

.something_thumb {
    background: #E0E6E6;
    border:3px solid #F9EC00;
    /*
    max-height:150px;
    max-width: 180px;
    */
}

.detail-card-image .something_thumb {
    background: #E0E6E6;
    border:3px solid #F9EC00;
    /*
    max-height:304px;
    max-width: 304px;
    */
}

.offer_details .something_thumb {
    background: #E0E6E6;
    border:3px solid #F9EC00;
}

.wish_details .something_thumb {
    background: #E0E6E6;
    border:3px solid #64D3F2;
    /* height:150px; */
}

.detail-card-content .item-name {
    text-align: center;

}

.tag {
    display: none;
}

span.full_card{
    background:#023546 url(../images/large_dark_button_bg.png) repeat-x scroll 0 0;
    color:#FFFFFF;
    cursor:pointer;
    float:left;
    font-weight:normal;
    height:60px;
    margin:0 10px 0 0;
    padding-top:15px;
    padding-bottom:15px;
    text-align:center;
    width:90px;
    -moz-border-radius:8px;
    -webkit-border-radius: 8px;
    font-size: 14px;
}

a:visited span.full_card{
    color:#FFFFFF;
}


/** images widget **/

.detail-view .item_details p{
    float: left;
    margin: 0;
    padding: 0;
}

.choose_item {
    float: left;
    width:400px;
    padding-left:5px;
}

.wish-side .item_details {
    background: #F9EC00;
}

.item_details {
    display: none;
    margin: 0;
    background: #65CFE9;
    padding: 2px 2px 10px 2px;
    overflow: auto;
}

.item_details.detail-view-blank {
    display: block;
}

.item_details p {
    margin:  2px 0 2px 50px;
}

.name_of_something {
    margin: 0;
    padding: 0;
}

.item_details .card_thumb {
    width: 50px;
    height: 50px;
}

.offer_details .img-tag-wish {
    display:none;
}

.wish_details .img-tag-offer {
    display:none;
}

.offer_details .img-tag-offer img{
    background:transparent none repeat scroll 0 0;
    display:inline;
    left:3px;
    padding:0;
    position:relative;
    top:-23px;
}

.offer_details .price-tag {
    height:0;
    left:226px;
    position:relative;
    top:2px;
}
.offer_details .swap-tag, wish_details .swap-tag {
    height:0;
    left:250px;
    position:relative;
    top:3px;
}
.wish_details .img-tag-wish img {
    background:transparent none repeat scroll 0 0;
    display:inline;
    left:3px;
    padding:0;
    position:relative;
    top:-23px;
}

.detail-card-image .img_tag_free {
    height:0;
    left:250px;
    position:relative;
    top:3px;
}


.detail-card-image .img-tag-peekaboo {
    height:0;
    left:272px;
    position:relative;
    top:3px;
}

.detail-card-buttons {
    border-top: 1px solid #AABDC7;
    margin-top: 12px;
    overflow: visible;
    padding-top: 12px;
}

/* TODO: different kind of buttons defined in many places: merge and limit amount of them */
.detail-card-buttons input[type="submit"] {
    /* 
    background:#023546 url(../images/dark_button_bg.png) repeat-x scroll 0 0;
    -moz-border-radius: 8px;
    -webkit-border-radius:8px;
    border:medium none;
    color:#FFFFFF; 
    font-family:arial,sans-serif;
    cursor:pointer; 
    clear:left;
    float: left;
    font-size:14px;
    */
    margin:6px 2px 0 0;
    padding:4px;
}

#trade_wrapper .i-want-this, #trade_wrapper #card_button_explain,.search.categories .propose-a-trade  {
    display: none;
}

.user-details {
    float:left;
    padding-top: 12px;
    margin-top: 12px;
    width:303px;
    border-top: 1px solid #AABDC7;
}

.detail_card_headline ul{
    padding-bottom: 5px ;
}

div.detail-card-container hr{
    color:#aabdc7;
    background-color: #aabdc7;
    clear:both;
    margin:15px 0 10px;
}

/* General admin data */
.admin {
    background: transparent url(../images/ui-stripes.png);
    border: 2px solid transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* admin panel for detail cards*/
div.admin-panel {
    margin: 4px;
    padding: 4px;
    float: left;
    border: 2px solid transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: transparent url(../images/ui-stripes.png);
    
}

div.admin-panel-titlebar {
    width: 273px;
}

div.admin-panel-titlebar .x {
    margin-right: 4px;    
}

div.admin-panel-titlebar h3 {
}

div.admin-panel-titlebar span {
}

div.admin-panel button {
    display: block;
}
/* End - admin panel */

/**user info**/

/*the max-width set here will squash some photos until we have a crop tool but we
need to have it here otherwise it breaks the layout. */
.mugshot {
    border: solid 2px #FFFFFF;
    /* max-width:99px; */
}

.mugshot-link {
    float: left;
}

.user-details .additional{
    float:left;
    padding-left:10px;
    width:90px;
    margin-bottom: 10px;
}

.link-to-full-card{
    background:none repeat scroll 0 0 #EAF3F8;
    display:block;
    font-size:16px;
    margin:0;
    padding:10px;
    text-align:center;
}
/** additional text hided as the description is not accurate */ 
.link-to-full-card .additional{
    display:none;    
}

.detail-card-container .announce{
    margin:0;
}

/** browse - detail-card - text styling */



.something_description{
    font-size:  12px;
    padding-bottom: 10px;
}

.detail-card-data .announce{
    color: #269DD4;
}

.detail-card-data .announce a:hover{
    color: #269DD4;
}

.trade_this{
    float:left;
    margin: 0 0 15px 0;
    
}

#card_button_explain{
    float:left;
    width:303px;
}

/**
* 5.1 Full Card Page
**/


.full-card {
    padding:25px 0 0;
    width:970px;
}

.full-card-left {
    float: left;
    width: 310px;
    margin-right: 20px;
}

.full-card-right {
    float: left;    
    margin-right:-10px;
    width:650px;
}

.full-card .announce {
    margin: 0 0 0 0px;
}

.full-card .parameter-name {
    /*margin-right: 5px;*/
}

.full-card p{
    padding-bottom: 10px;
    font-size: 12px;
}

.full-card .more{
    color:#269DD4;
    font-size:14px;
    font-weight:bold;
    padding-top:10px;
    display: none; 
}

.full-card .more a:hover{
    color: #53AC20;
    text-decoration: underline;
    display: none;
}

.full-card .something_description {
    font-style: italic;
    font-size: 15px;
    color: #666;
}
.full-card #translated-info {
    font-style: italic;
    font-size: .9em;
    color: #666;
    float: right;
}

.full-card-right > .detail-card-data {
    float:left;
    margin:0;
    padding:0 20px 0 10px;
    width:310px;
}

.full-card-right > .detail-card-data li {
    margin: 5px 0;
}

/*
.full-card-right > .detail-card-data .parameter-value {
    font-size: 14px;
}
*/

.full-card-right > .detail-card-data .parameter-value a {
    font-size: 12px;
}


.full-card .selected div.something_content{
    background: transparent url(../images/detail_card_arrow.png) no-repeat scroll 85px 166px;                                       
}

.full-card div.image-slideshow {
    float: left;
    margin-left:10px;
}

.something_offer .full-card-image {
    cursor: default;
}

.full-card .parameter-value a{
    font-weight: bold;
}
/* Full card - send-link-to-friend*/

.full-card .send-link-to-friend {
    margin-left:0px;
    width:auto;
    overflow: hidden;
}

.full-card .send-link-to-friend div{
    padding: 5px 0;
}

/*
.full-card label{
   font-size: 12px;
   font-weight: normal;
   color: #3C3625;
   text-transform: uppercase;
} 
*/

/* Full card - Image Slideshow snippet */
div.image-slideshow {
    position: relative;
    width: 310px;
    height: 500px;
}
div.image-slideshow > a {
    position: absolute;
    width: 33px;
    height: 42px;
    top: 100px;
    z-index: 100;
    display: none;
}
div.image-slideshow > a.next {
    right: -15px;
    background-image: url(../images/image-slideshow-next.png);    
}
div.image-slideshow > a.prev {
    left: -10px;
    background-image: url(../images/image-slideshow-prev.png);    
}
div.image-slideshow div.clipper {
    position: relative;
    width: inherit;
    height: inherit;
    overflow: hidden;
}
div.image-slideshow div.image-strip {
    position: absolute;
    width: 5000px;
    height:auto;
}

div.image-slideshow .something_offer img, 
div.image-slideshow .something_wish img {
    width: 304px;
    float: left;
    background: transparent none;
    padding: 0;
}
    
div.image-slideshow .something_offer img {
    border: 3px solid #F9EC00;
}

div.image-slideshow .something_wish img {
    border: 3px solid #64D3F2;
}

/* End - Image Slideshow snippet */

/*trying to fix the height and width for img slideshow */

.width-setter{
	width:310px;
	float:left;
}

/* full card - image slideshow tags */
.full-card div.img-tag-offer{
    height:0;
    left:13px;
    position:relative;
    top:3px;
    z-index:1;
}

.full-card div.img-tag-peekaboo{
    height:0;
    left:282px;
    position:relative;
    top:3px;
    z-index:1;
}

.full-card div.img-tag-wish{
    height:0;
    left:13px;
    position:relative;
    top:3px;
    z-index:1;
}

.giveaway{
    height:0;
    left:260px;
    position:relative;
    top:3px;
    z-index:1;
}

.giveaway .img-tag-peekaboo{
	height:0;
    left:282px;
    position:relative;
    z-index:1;
}

.full-card-left .swap-tag, .full-card-left .price-tag {
    position: relative;
    z-index: 1;
    top: 3px;
}

.full-card-left .price-tag {
    left: 236px;
    top: 2px;
}

.full-card-left .swap-tag {
    left: 260px;
    top: 3px;
}

/***  Full Card - comments and questions **/
.item-comments{
	width: 310px;
	margin-left:10px;
	overflow: auto;
}

.item-comments textarea{
	width: 290px;
	float:left;
	resize:none;
}

.item-comments input[type='submit']{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background: #023546 url(../images/buttons.png) repeat-x scroll 0 -194px;
	border:medium none;
	clear:both;
	color:white;
	cursor:pointer;
	float:left;
	margin:10px 0 0 0;
	padding:4px;
}

.hide-comments{
	float:left;
	font-size:12px;
	font-weight:normal;
	padding-top:10px;
}

.comments-teaser {
    position: relative;
    top: 15px;
    left: 25px;
    cursor: pointer;
    max-width: 200px;
}


/** full card - item-comment **/

.item-comment {
    /*clear:both; */
	float:left;
	margin:10px 0;
	padding: 7px 0 0 0;
	width: 100%;
	border-top:1px solid #C9E2E9;
	clear: both;
}

	.item-comment .image{
	    float: left;
	}
		.item-comment .image img{
		    margin: 0 5px 0 0;
            width: 35px;
		}
	
	.item-comment .author{
		color:#414B5B;
		font-size:12px;
		padding:3px; 
		font-weight:bold;
		text-transform:uppercase;
		margin: 0;
        float:left;
        width:260px;
	}
	.item-comment .own-comment{
		background:#A0CD16 none repeat scroll 0 0;
		-moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	}
    .item-comment .admin-comment{
		background:#64d3f2 none repeat scroll 0 0;
		-moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	}
	
	.item-comment .stamp{
		color:#414B5B;
		font-size:12px;
		float: right;
		clear:both;
	}
	.item-comment .message{
		font-size:14px;
		padding:5px 0 0 5px;
		font-family:georgia,serif;	
		font-style:italic;
		float: left;
		clear: both;
	}
/** End - item-comment **/

/** full card - map and data**/

#map_and_data{
    float:left;
    width: 300px; /* This was jumping around. TODO: Have to figure a better way of solving this.*/
}

.full-card .headline{
	/*border-top:2px solid #C9E2E9;*/
	/*color:#3C3625;*/
	/*font-size:16px; */
	margin-right:3px;
	margin-top:20px;
	padding-bottom:5px;
	padding-top:5px;
}

.full-card #thing-tp-map {
    float: left;
    border: 0;
    padding-bottom: 10px;
}

#thing-tp-map .map_wish{
    border: 3px solid #AABDC7;
    height: 175px;
    width: 304px;

}

#thing-tp-map .map_offer{
    border: 3px solid #AABDC7;
    height: 180px;
    width: 304px;
    overflow:hidden;

}

.tp-name{
    margin-top: 4px; 
}
.tp-address {
    font-weight: normal;
}

#thing-tp-map .donor{
    float:left;
    clear:both;
}

#address{
    clear:both;
}
#address p{
    margin-top: 0;
    
}

.full-card .donor{
    padding: 25px 0 0 0;
    overflow: auto;

}

.full-card .donor img{
    float: left;
    padding-top: 5px;
    
}

.full-card .donor_info{
    float: left;
    padding-left:15px;
    padding-top:0;
}

.full-card .donor_name{
    color:#414B5B;
    font-family:georgia,serif;
    font-size:12px;
    font-style:italic;
    font-weight:bold;
}

.full-card #have_want_buttons{
    float:right;
    width: 100px;
}

#have_want_buttons .additional{
    clear:left;
    float: left;
    padding-top: 5px;
    color: #269DD4;
}


/**  Full card - how to get this item **/

.how-to-get {
    clear: both;
    overflow: auto;
    width: 660px;
    margin-right: -10px;
    padding-top: 50px;
    padding-left: 10px;
}

.full-card .how-to-get .side-action{
    border-top:2px solid #C9E2E9;
    float: left;
    margin:0;   
    padding: 8px 0px 0 20px;
    width:300px;
}

.full-card .how-to-get .side-action div{
    padding: 0 0 10px 0;
}

.full-card .how-to-get .grid{
    clear: both; 
    float:left;
}


/** Full card - grid card **/

.how-to-get .grid-card {
    height:  210px;  
}

.full-card li.picture div.img-tag-offer, 
.full-card li.picture div.img-tag-wish {
    left:0;
    position:relative;
    top:0px;
    z-index:1;
    height: 0px;
}

.full-card li.picture div.giveaway{
    height:0;
    left:0px;
    position:relative;
    top:3px;
    z-index:1;
}

.how-to-get .price-tag img {
    top: -152px;
}
.how-to-get .swap-tag img {
    top: -151px;
}


.how-to-get .swap-tag img, 
.how-to-get .price-tag img {
    display: none;
}
/** Full card - detail card **/

.full-card .detail-card-container{
    margin-top: -20px;
}

.full-card .wish_details, .full-card .offer_details {
    overflow: hidden;
}

.full-card .detail-card-image .img-tag-offer img,
.full-card .detail-card-image .img-tag-wish img {
    left: -10px;
    top: -26px;
}

/** full card help box **/

.htg-teaser {
    position: relative;
    top: 20px;
    left: 110px;
    cursor: pointer;
    max-width: 400px;
}

#help-96{
    margin:0;
}

/**
* 8. Info pages
**/

#info_menu ul{

}

.static-content .diagram{
    padding-bottom: 20px
}


#info_menu li{
    float:left;
    padding: 5px 5px 10px;
    border: solid 1px #BFA479
}

#info_menu{
    padding: 1px;
    height: 20px;
}
    
.static-content {
    font-size:  14px;
    line-height: 1.25em;
    padding: 25px 10px 0 10px;
}

img.email{
    margin-bottom: -3px;
}

.static-content h2 {
    color: #394A58;
    margin-bottom: 6px;
    padding-bottom: 2px;
}

.static-content ul{
    list-style-type:none;
}

.static-content li{
    padding: 0;
}

.static-content h4 {
    padding-bottom: 5px;
}

.static-content hr {
    margin: 3em 0;
}

.static-content ul{
    padding-bottom: 10px;
}

.static-content ul li, .static-content ol li {
    margin-bottom: 0.6em;
}

.static-content ul li {
    list-style: disc;
    list-style-position: inside;
    margin-left: 16px;
}

.static-content blockquote p {
    font-style: italic;
}

.static-content p{
    margin-bottom:20px;
    margin-top:-6px;
}

.static-content h2 img{
    margin-bottom: -2px;
}

.static-content .no_bullets ul li {
    list-style-type: none;
}

.login-form .form-error{
    margin-left:90px;
}


#column_1{
    width: 310px;
    padding-right: 20px;
    float:left;
}

#column_2{
    width: 310px;
    float:left;
}

#column_3{
    width: 310px;
    padding-left: 20px;
    float:left;
}

#full_width {
    width:auto;
    clear:left;
    padding: 0;
}

/** vision page**/

.chart{
    float:left;
}

.chart_text{
    float:left;
    width: 310px;
    margin-right: 20px;
}

.static-content ol{
    padding-left: 20px;
}

/**
* 9. No invite & req invite static
**/

#body-wrapper div.req-invite {
    margin-left: 10px;
    margin-top: 0;
    
}

div .req-invite{
    padding-top: 15px;
}

.invitation_only {
	margin-left: 10px;
}

.invitation_only .header-without-navigation #alpha{
	margin-left: -52px;
}

.header-without-navigation #alpha{
	margin-left: 0;
}


/*
 float: left;
    width:500px;
    text-align:center;
 */
 #campaign-content{
    position:relative;
    text-align:center;
    top:0px;
    left: 400px;
    float: none;
    width: 300px;
}


#campaign-text{
    background:none repeat scroll 0 0 #F9EC00;
    -moz-border-radius: 0 0 8px 8px; /* FF1+ */
    -webkit-border-radius: 0 0 8px 8px; /* Saf3+, Chrome */
    border-radius: 0 0 8px 8px; /* Opera 10.5, IE 9 */
    color:#3C3625;
    font-family:georgia,serif;
    font-size:14px;
    font-style:italic;
    font-weight:bold;
    text-decoration:none;
    text-transform:none;
    margin: 0px 0px 0 0px;
    padding: 0px 10px 3px 10px;

}
#campaign-text a, #campaign-text a:visited{
    color:#269dd4;
}
#campaign-text a:hover, #campaign-text a:active{
    color:#2c9114;
}

a.forgot_password{
    cursor: pointer;
}

.req-invite p{
    font-size: 14px;
    padding-bottom:15px;
    width: 400px;
}
.req-invite .error{
    font-size: 14px;
    
}

.req-invite h3{
    font-size: 16px;
    padding-bottom: 0;
}

.req-invite h3.announce{
    padding-bottom: 15px;
}

.req-invite .errorlist {
    display: inline-block;
}

#invitation_request{
    font-size: 14px;
    padding-bottom:35px;
    overflow: auto;
}

#main-menu.header-without-navigation{
    width:970px;
}

.invitation_only .login-form div.input-row{
    /*
    clear:left;
    float:left;
    */
    padding:0 0 10px;
    overflow: auto;
}

.invitation_only #main-menu.header-without-navigation{
    width:761px;
}

.invitation_only .login-form label{
    clear:left;
    float:left;
    padding: 5px 10px 0 0;
    width:70px;
}

.login-prompt input {
    float: left;
    width:auto;
}

.invitation_only .label {
    width: 265px;
}

.invitation_only .login-form [name="email"], .invitation_only .login-form [type="password"], .invitation_only .login-form [type="text"]{
    margin-left: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.invitation_only .login-form [type="password"], .invitation_only .login-form [type="text"]{
    width: 183px;
	border: 1px solid #C9E2E9;
}

.invitation_only a{
    clear: both;
    cursor:pointer;
}

.invitation_only a:hover{
    color:#269DD4;
}
.invitation_only .additional-fields{
    clear: none;
    float: none;

}

.invitation_only .forgot_password {
    clear:both;
    float: left;
    margin:10px 0 10px 90px;
}

.invitation_only .remember-me{
    clear:both;
    float: left;
    padding:0 0 0 90px;
}

.invitation_only .remember-me label{
    clear:none;
    color:#53AC20;
    font-size:12px;
    margin-left:5px;
    padding:0;
    width:auto;
}

.invitation_only button {
    clear:both;
    float: left;
}

.login-prompt button {
    margin:10px 0 10px 90px;
}

.invitation_only p{
    width: 400px;
    padding: 10px 0;
    font-size: 14px;
}

.login-form{
	padding-top: 15px;
}

#body-wrapper.invitation_only  {
    width: 970px;
}

.invitation_only .header{
    border-top: 3px solid #52b01c;
    width: 970px;
    margin:0 4px 0 -8px;

}

.invitation_only  div#content-wrapper {
    width:970px;
}

.invitation_only #netcycler-logo {   
    padding:32px 0 30px 55px;
}

.invitation_only div#navigation  {
    padding-left:55px;
    width: 710px;
}

.invitation_only div#nav-supplement {
    width: 773px;
}

.invitation_only .explain {
    margin-left:55px;
    margin-top:20px;
}
/**text styles**/

.no-invite-text {
    display: block;
    font-size:14px;
    line-height:1.313em;
}

.invitation only a .strong-announce {
    color: #64D3F2;
    font-weight:bold;   
}

a:visited .invitation_only {
    font-size: 12px;
    color: #64D3F2;
}

.invitation_only a:hover .strong-announce{
    font-size: 12px;
    color: #64D3F2;
}

.no-invite-text .alert{
    font-size: 14px;
    font-weight:bold;
}

.invitation_only img{
    margin: 0px 0 0 0 ;
}




/*
 * User account 
 */

#account-page{
    padding-top: 25px;
    margin-left:10px;
}

#account-page .additional, #account-page .additional_bold{
    font-size: 16px;
}

#account_image{
    float:left;
    margin:20px 0 0;
    width:255px;
}

#account-page p{
    padding-bottom: 5px;
}

#account_image .mugshot{
    border:2px solid #C9E2E9;
    float:left;
    height: auto;
}



#my_details{
    float:left;
    margin: 20px 20px 0 20px;
    width: 255px;
}

#my_details input[type="text"]{
    width: 251px;
}

#change_password{
    float:left;
    margin: 20px 20px 0 55px;
    width: 255px;
}

#change_password form > div{
    margin: 5px 0;
    font-size: 14px;
}

#account-page button {
    margin-left: 0;
    margin-top:6px;
}

#account-page input[type="submit"]{
    background:#023546 url(../images/buttons.png) repeat-x scroll 0 -194px;
    -moz-border-radius: 8px;
    -webkit-border-radius:8px;
    border:medium none;
    color:#FFFFFF;
    cursor:pointer;
    font-family:arial,sans-serif;
    margin:6px 2px 0 0;
    padding:4px;
    clear:left;
    float: left;
    font-size:14px;
}

#account-page button a, #account-page button a:visited{
    color:#ffffff;
    font-weight: normal;
}

/** upload user image **/

.upload-form p.instructions{
   font-size: 14px;
}

.upload-form p{
   float:left;
   width: 90%; 
}

#uploadstatus.announce-green{
    font-size: 12px;
    padding-left:5px;
}

ui-dialog-title-1{
    font-size:12px;
}

/**
* 11. Admin
**/

#category_panel {
    float: left;
}

/* The Administration panel at the top of the page */
/* TODO: rename the other .admin-panel */
#admin-panel {
    overflow: auto;
    margin: 0 20px 5px 20px;
    padding: 5px;
    border: 1px solid #2C9114;
    border-width: 0 1px 1px;   
    -moz-border-radius: 5px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-radius: 5px;
    background: transparent url(../images/ui-stripes.png);
}

#admin-panel > div {
    float: left;
    margin-left: 20px;
}

#admin-panel > #close-admin-panel {
    float: right;
    cursor: pointer;
}

#admin-panel > #close-admin-panel:hover {
    text-decoration: underline;
}

/****************************************************************************************/
/********************************************** debug css *******************************/
/*                                     TODO: Can we get rid of this?                    */
/****************************************************************************************/


/***page content**/


/***guide seems to go in my things not browse**/

.guide {
    display: none;
}

.guide-tooltip {
    display: none;
    position: absolute;
    z-index: 1021;
    padding: 4px 8px;
    font-size: 12px;
    -moz-border-radius:8px;
    -webkit-border-radius: 8px;
    background-color:#EAF3F8;

}

.guide-container .guide:FIRST-CHILD {
    display: block !important;
}

.user_img{
    border: 2px solid #FFF;
}

/**
 * home - users & groups
 */



.thumb {
    margin: 2px 16px;
    text-align: center;
}

/**
 * CATEGORY TOOLS
 */


/* Another temp hack while jquery doesn't support ie7 with :filters */
.visible_hack {
    display: block;
}


/*** ie6 upgrade box **/

#upgrade{
    position: absolute;
    top: 5%;
    right: 5%;
    z-index: 100002;
    display: block;
    height: auto;
    width: auto;
}

#upgrade_mid{
    background-color: #3C3625;
    padding: 10px 10px 50px 10px;
    font-size: 14px;
    color: #FFF;
    width: 680px;
}

#upgrade_t{
    background: transparent url(../images/upgrade_t.gif) no-repeat 0 0;
    height:42px;
    width: 727px;
}

#upgrade_b{
    background: transparent url(../images/upgrade_b.gif) no-repeat 0 0;
    height: 18px;
    width: 700px;
}

#upgrade h3 {
    font-size: 18px;
    padding-bottom: 10px;
    color: #C60C30;
}

#upgrade p  {
    padding: 5px 0;

}

#upgrade a{
    color: #FFF;
}

#upgrade a:visited{
    color: #FFF;
}


.instructions-popup {
    display: inline;
    cursor: pointer;
}

.full-instructions {
    position:absolute;
    display: none;
    background: #EAF3F8;
    border: 1px solid #8996A0;
    margin:0 40px 0 80px;
    max-width:350px;
    z-index:1000;
}

.full-instructions p {
    padding: 5px 13px;
    margin: 0;
    font-size: 12px;
    font-weight: normal;
}

.full-instructions .titlebar {
    background: transparent;
    border: none;
    width:333px;
}

.full-instructions .titlebar h2 {
    font-size:16px;
    margin:0;
    padding:0 0 0 8px;
    color:#269DD4;
}

.full-instructions .titlebar .close {
    background:transparent url(../images/close_x_small.png) no-repeat;
    height:16px;
    width:15px;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    position:relative;
    top:-2px;
    
}

.fb_share_opts img{
    margin: 8px 4px -4px 20px;
}
.fb_share_opts .item_mid{
    padding-bottom: 4px;
}
.fb_share_opts .login_info{
    margin: 20px;
}
.fb_share_opts a.fb_button{
    margin: 4px 0 0 20px;
}

.brand {
    position: relative;
    bottom: 132px;
    left: 44px;
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
}