/*    -------------------------------------------------------------
    1. main layout
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td,a,input,textarea {
    margin          : 0;
    outline         : none;
    padding         : 0
}

li {
    list-style-position : inside
}

input,textarea {
    margin          : 0 0 2px
}

.clear-all {
    clear           : both
}

.clear {
    clear           : both;
    font-size       : 0;
    line-height     : 0;
    height          : 0;
    padding            : 0;
}

.spacer {
    clear           : both;
    font-size       : 0;
    line-height     : 0;
    height          : 8px
}

.small-spacer {
    clear           : both;
    font-size       : 0;
    line-height     : 0;
    height          : 1px
}

.m-spacer {
    clear           : both;
    font-size       : 0;
    line-height     : 0;
    height          : 4px
}

.l-spacer {
    clear           : both;
    font-size       : 0;
    line-height     : 0;
    height          : 15px;
    padding            : 0!important;
}

.xl-spacer {
    clear           : both;
    font-size       : 0;
    line-height     : 0;
    height          : 25px
}

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

.clearfix {
    display         : inline-block;
}

html[xmlns] .clearfix {
    display         : block
}

* html .clearfix {
    height          : 1%
}

html,body {
    height          : 100%;
    width           : 100%
}

.float-left {
    float           : left!important
}

.float-right {
    float           : right!important
}

body {
    background      : #f2eee6;
    font-size       : 12px;
    min-width       : 990px
}

#wrap {
    background      : url(../img/bg.png) 0 -50px repeat-x;
    min-height      : 100%;
    height          : auto!important;
    height          : 100%;
    margin          : 0 0 -115px;
/* the bottom margin is the negative value of the footer's height */
}

#footer,#push {
    clear           : both;
    height          : 200px
/* .push must be the same height as .footer */
}

#message {
    color           : #fff
}

#message .status-message {
    display         : none
}

#message .positive {
    background-color: #cfc;
    border          : #070 solid 0;
    border-bottom-width : 2px;
    color           : #070;
    padding         : 5px 0;
    text-align      : center
}

#message .negative {
    background-color: #fff;
    border          : #900 solid 0;
    border-bottom-width : 2px;
    color           : #900;
    padding         : 5px 0;
    text-align      : center
}

.ie6-browsers img {
    vertical-align  : middle
}

#header {
    background      : #fff;
    margin-bottom   : 28px;
    padding         : 2px 0 3px;
}

#title-area {
    display         : block;
    float           : left;
}

#title-area h1 {
    padding-top     : 9px
}

#search-form {
    bottom          : 20px;
    position        : absolute;
    right           : 0;
    z-index         : 20;
}

#spacing-header {
    height          : 31px
}

#title-area h2 {
    font            : 400 13px/20px Helvetica, Arial, Geneva, sans-serif;
    color           : #bbb;
    padding-bottom  : 5px;
    text-transform  : none;
}

#title-area h2 img {
    margin-top      : -4px;
    vertical-align  : middle
}

#subnav.not-logged {
    color           : white;
    font-size       : 13px;
    line-height     : 15px;
    margin-top      : 8px;
}

#subnav.not-logged img {
    margin-right:  5px;
}

#subnav.not-logged a {
    font-size:  14px;
}

#subnav.user-profile {
    font-size:  12px;
    font-weight: 500;
    color:  white;
    margin-top:  8px;
    min-width:250px;
    line-height: 16px;
}

#subnav.user-profile a {
    font-size:  11px;
    font-weight: 500;
}

#subnav.user-profile-menu {
    color: #555;
}

.user-profile-menu {
    display: block;
}

#subnav.user-profile-admin {
    font-weight    : 400;
}

#subnav, #login-side {
    display         : none;
}

#header-content {
    padding-bottom   : 11px;
}

#header-content,
#footer-content,
#content {
    margin          : 0 auto;
    position        : relative;
    width           : 940px
}

#footer {
    background      : #231F20;
    margin-top      : 50px
}

.content-1-2 {
    float           : left;
    width           : 540px
}

#center {
    float          : none;
    margin         : 0 auto;
}

.content-1 {
    float            : left;
    width            : 940px;
}

.content-2-2 {
    float           : left;
    width           : 390px;
    padding-right    : 10px;
}

.content-2-3 {
    float           : left;
    margin-left     : 0px;
    width           : 700px;
}

.content-2-3 h3 {
    line-height     : 24px;
    margin-left     : -20px;
    margin-top      : -19px;
    margin-bottom   : 20px;
    padding         : 16px 20px 15px 20px;
    width           : 100%;
}

.content-1-3 {
    float           : left;
    margin          : 0 25px 0 0;
    width           : 314px;
}

.content-2-4 {
    float           : left;
    width           : 460px
}

.content-1-3.last {
    margin-right    : 0;
}

.side-bar {
    float           : left;
    margin-left     : 20px;
    padding-top     : 0px;
    width           : 220px
}

.facebook-container {
    padding-top: 5px;
}

.side-bar.float-left {
    margin-left     : 0px;
    margin-right    : 20px;
}

.side-bar-n {
    float           : right;
    font-size       : 11px;
    width           : 138px;
}

.side-bar-n img {
    height          : auto;
    width           : 118px;
}

.last-col {
    margin-right    : 0!important;
    padding-right   : 0!important
}

/*    -------------------------------------------------------------
    2. Fonts
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */
body,input,textarea {
    color           : #555;    /* hz - changed body text color */
    font-family     : Helvetica, Arial, Geneva, sans-serif;
    font-size       : 13px;
    line-height     : 1.5em;
}

.nicEdit-main ol li { font-size: 13px; }

textarea {
    -webkit-box-sizing    : border-box;
    -moz-box-sizing       : border-box;
    box-sizing            : border-box;
    resize          : vertical;
    width           : 100%;
}

a {
    color           : #00B0D8;
    text-decoration : none;
    word-wrap       : break-word;
}

a:hover, a:focus, a:active {
    text-decoration : underline;
}

#title-area a img{
    margin-left: -10px;
}

a img {
    border          : none;
}

p {
    padding-bottom  : 10px;
}

#skip-content a {
    font-weight     : bold;
    height          : 1px;
    left            : -1000px;
    overflow        : hidden;
    position        : absolute;
    top             : -1000px;
    width           : 1px;
    z-index         : 2;
}

/*#skip-content a, /* need to remove this to the left after testing */
#skip-content a:active, #skip-content a:focus, #skip-content a:hover {
    background      : #fff;
    color           : #000;
    display         : block-inline;
    font-size       : 13px;
    height          : auto;
    left            : 0;
    padding         : 5px;
    position        : relative;
    top             : 0;
    width           : auto;
    z-index         : 100;
}

.top-nav-menu a {
    background        : url(../img/top-nav_triangle.png) no-repeat 50% 48px;
    color           : #dbdbdb;
    font-weight        : 400;
    line-height        : 50px;
    margin-left     : 10px;
    padding            : 15px 10px 18px 10px;
    position        : relative;
    text-decoration : none;
    text-transform  : capitalize;
    z-index         : 2;

    -webkit-transition: background 300ms;
    -moz-transition    : background 300ms;
    -o-transition    : background 300ms;
    transition        : background 300ms;
}

#nav a:hover,
#nav a:focus {
    color           : #fff;
    background      : #555 url(../img/top-nav_triangle.png) no-repeat 50% 32px;
    text-decoration : none;
    -webkit-transition: background 200ms;
    -moz-transition : background 200ms;
    -o-transition   : background 200ms;
    transition      : background 200ms;
}

h1.challenge-title {
    border-bottom   : solid 1px #e1e1e1;
    color           : #000;
    font-size       : 34px;
    font-weight     : 700;
    line-height     : 36px;
    margin-bottom   : 20px;
    padding-bottom  : 15px
}

h1.challenge-title a {
    color           : #000;
    font-size       : 9px;
    font-weight     : 400;
    text-decoration : none
}

h2 {
    color           : #000;
    font-size       : 34px;
    font-weight     : 700;
    line-height     : 36px;
}

h2.title {
    clear           : both;
    color           : #363636;
    font-family     : georgia, Georgia, "Times New Roman", Times, serif;
    font-size       : 38px;
    font-weight     : 400;
    line-height     : 42px;
    padding-left    : 6px;
    text-transform  : none
}

h2.title a {
    color           : #363636;
    text-shadow: #fffeff 0 2px 0;
}

h2.title a:hover,
h2.title a:focus {
    color           : #00B0D8;
    text-decoration : none
}

h2.title a img {
    background      : url(../img/read-brief.png) 0 0 no-repeat;
    height          : 34px;
    margin-left     : 8px;
    margin-top      : 7px;
    vertical-align  : top;
    width           : 140px;
}

h2.title a:hover img,
h2.title a:focus img {
    background-position : 0 -40px;


}

h2.item-title {
    color           : #231F20;
    font-family     : georgia, Georgia, "Times New Roman", Times, serif;
    font-size       : 24px;
    font-weight     : 400;
    line-height     : 28px;
    padding-bottom  : 15px;
    padding-top     : 5px;
    text-transform  : none
}

h3 {
    background        : #f4f4f4;
    color           : #3b3b3b;
    font-size       : 20px;
    font-weight     : 700;
    margin-bottom   : 8px;
    text-shadow        : #ffffff 0 2px 1px;
}


#featured-challenge h3.graff {
    background      : none;
    color           : #333;
    float           : left;
    font-size       : 33px;
    line-height     : 36px;
    margin-top      : -5px;
    padding         : 0 8px 0 20px;
    text-transform  : none;
    width           : 330px;
}

.content-1 h3 {
    line-height     : 24px;
    padding         : 16px 20px 15px;
    margin-left     : -20px;
    margin-top      : -19px;
    width           : 100%;
}

.content-1-2 h3 {
    padding         : 16px 20px 15px;
    margin-left        : -20px;
    margin-top        : -19px;
    padding-right    : 21px;
    width            : 497px;
    line-height     : 24px;
}

.content-2-2 h3 {
    padding            : 20px;
    margin-left        : -21px;
    margin-top        : -19px;
    padding-right    :30px;
    width            : 100%;
}


.side-bar h3,h3.side-bar-head {
    margin-left     : -20px;
    margin-top      : -19px;
    width           : 100%;
    color           : #555;
    font-size       : 16px;
    padding         : 12px 20px 8px;
}

h3.side-bar-head {
    padding-bottom  : 8px;
    margin-bottom   : 30px
}

h3.sub {
    background      : none;
    font-family     : georgia, Georgia, "Times New Roman", Times, serif;
    font-size       : 24px;
    font-weight     : 400;
    padding-bottom  : 0;
    text-transform  : none
}

.side-bar-n h3,h3.side-bar-n-head {
    background      : url(../img/header.png) 0 100% repeat-x;
    font-size       : 13px;
    line-height     : 16px;
    padding-bottom  : 12px;
}

.top-inspirers h3, .top-concepters h3,
.top-evaluators h3, .top-collaborators h3 {
    margin-bottom   : 13px;
    margin-left     : -20px;
    margin-top      : -19px;
    padding         : 16px 20px 20px 20px;
    width           : 100%;
}

.content-2-4 h3 {
    margin-bottom   : 28px;
}

.future-challenges h3 {
    margin-bottom   : 20px
}

.list-item-future {
    background      : url(../img/header.png) 0 100% repeat-x;
    margin-bottom   : 8px;
}

h3#ra-title {
    background      : none;
    color           : #000;
    font-size       : 14px;
    font-weight     : 700;
    line-height     : 18px;
    text-transform  : uppercase
}

h4 {
    color           : #363636;
    font-size       : 14px;
    font-weight     : 700;
    line-height     : 16px;
}

/*    -------------------------------------------------------------
    3. Navigations
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */
#nav {
    font-size       : 13px;
    list-style      : none;
    height          : 50px;
    margin          : 0 auto;
    width           : 960px;
    overflow        : hidden;
}

#nav li {
    float           : left;
    margin-right    : 2px;
    margin-top      : 0px;
    left            : -10px;
    position        : relative;
    z-index         : 2;
}

li#ideo-link {
    color            : #cccccc;
    font-size       : 10px;
    left            : 0;
    min-width        : 970px;
    min-height        : 50px;
    position        : absolute;
    right           : 0;
    text-shadow     : #222 0 -1px 0px;
    top             : 0;
    z-index         : 1;
}

li#ideo-link span {
    background      : url(../img/vertical-divider.png) repeat-y 0 100%;
    display         : block;
    float           : right;
    min-height      : 50px;
    padding         : 0 10px;
    text-align      : center;
}

#ideo-link-footer {
    color            : #cccccc;
    font-size       : 10px;
    text-align      : center;
}

.bottom-right {
    position        : relative;
    float: right;
    padding:  20px;
    z-index         : 1;
}

#nav .user-header {
    float:  right;
}

@media (max-width:1120px) {
    #nav .user-header {
        float: left;
    }
}

#subnav .user-header img {
    width: 35px;
    height:  35px;
    border: 1px solid #999999
}

#nav .user-header a {
    color           : #00B0D8;
    text-decoration : none;
    background: none;
    font-weight: 500;
}

#nav .user-header a:hover,
#nav .user-header a:focus {
    background: none;
    text-decoration: underline;
}

#nav .user-header a.new-membership {
    color           : #ee5331;
    margin-left     : 5px;
}

.ideo-link a {
    padding            : 0;
}

.ideo-link img {
    margin-right     : 8px;
}

#item-actions {
    list-style      : none
}

#item-actions li {
    border-right    : 1px solid #9f9f9f;
    float           : left;
    font-size       : 9px;
    line-height     : 12px;
    margin-right    : 5px;
    padding-right   : 5px;
    text-transform  : uppercase
}

#item-actions li a {
    color           : #9f9f9f;
    text-decoration : none
}

#item-actions li a:hover,
#item-actions li a:focus {
    text-decoration : underline
}

#item-actions li.last {
    border          : none
}

/* CHALLENGE NAVIGATION */
#challenge-nav {
    border          : solid 1px #000;
    border-left     : none;
    border-right    : none;
    padding         : 5px 0 0
}

#challenge-nav li {
    list-style      : none;
    display         : block;
    margin          : 0 0 5px
}

#challenge-nav li a {
    background      : #9f9f9f;
    color           : #000;
    display         : block;
    padding         : 3px 5px 2px;
    text-decoration : none;
    text-transform  : uppercase
}

#challenge-nav li a:hover,
#challenge-nav li a:focus,
#challenge-nav li a.selected {
    background-color: #000;
    color           : #fff
}

form#ff {
    display         : block;
    float           : right;
    margin          : 30px 0 0
}

/*    -------------------------------------------------------------
    3. Elements
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */
#challenge-actions {
    float           : right
}

ul.menubar li {
    float           : left;
    list-style      : none;
    margin          : 0 10px 0 0
}

/*    -------------------------------------------------------------
    4. jAlerts
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */
#popup_container table {
    color           : gray
}

#popup_title {
    font-size       : 14px;
    font-weight     : 700;
    color           : gray;
    border-bottom   : solid 1px #c7c7c7;
    margin-bottom   : 8px;
    cursor          : default
}

#popup_content {
    padding         : 10px 15px;
    margin          : 0;
    min-width       : 310px;
    max-width       : 600px;
    min-height      : 112px
}

#popup_panel {
    bottom          : 30px;
    margin-left     : 120px;
    position        : absolute;
    text-align      : left
}

#popup_panel input:focus {
    outline         : default;
}

#popup_message {
    font-family     : Helvetica, Arial, Geneva, sans-serif;
    font-size       : 18px;
    line-height     : 24px;
    padding         : 20px 10px 60px 120px;
}

#popup_content {
    background      : url(../img/alerter.png) 5px 50% no-repeat;
    min-height      : 148px
}

#popup_overlay {
    background      : #000!important
}

#popup_container {
    background      : #fff;
    border          : solid 1px #000;
    -webkit-box-shadow  : 5px 5px 7px #333;
    -moz-box-shadow     : 5px 5px 7px #333
}

.j-confirm-v2 #popup_content {
    max-width       : 325px;
}

.j-confirm-v2 #popup_message {
    line-height     : 22px;
    padding         : 10px 10px 72px 120px;
}

.j-confirm-v2 #popup_panel {
    bottom          : 20px;
    margin-left     : 121px;
}

.ordering li {
    border-right    : 1px solid #000;
    float           : left;
    list-style      : none;
    margin-right    : 5px;
    padding-right   : 5px
}

.ordering li a,.ordering li span {
    display         : block;
    padding         : 3px 4px 2px
}

.ordering li a {
    text-decoration : none
}

.ordering li a.selected,
.ordering li a:hover,
.ordering li a:focus {
    background      : #000;
    color           : #fff
}

.large_listing h4 {
    font-size       : 14px;
    font-weight     : 700
}

.unpublished.list {
    background      : #9c9c9c;
    margin-left     : -8px;
    padding         : 8px 8px 0;
    width           : 100%
}

.two-col-listing .unpublished.list {
    margin-top      : -8px;
    margin-left     : 0;
    padding         : 8px 4px;
    width           : 322px
}

.list .image {
    border          : 1px solid #eee;
    background-color: #f8f8f8;
    display         : block;
    float           : left;
    height          : 200px;
    overflow        : hidden;
    position        : relative;
    width           : 295px;
}

.list .textual {
    display         : block;
    padding         : 0 0 0 312px
}

.user-contributions .list .textual {
    padding         : 0;
}

.textual .top-part {
    min-height      : 88px;
    margin-bottom   : 16px;
    overflow        : hidden;
}

.concept-area .top-part, .evaluation-area .top-part, .winner-area .top-part , .content-1 .top-part,.manage-bookmarks .top-part {
    min-height      : 115px;
    margin-bottom   : 16px;
    overflow        : hidden;
}

.user-contributions .top-part {
    min-height      : 106px;
    margin-bottom   : 16px;
    overflow        : hidden;
    padding-left    : 11px;
}

.user-contributions .details {
    margin-left     : -4px;
}

.user-contributions .details br { display : none } /* hide line break */

.user-contributions .details .vote-listing {
    margin          : -4px 0 0 18px !important;
}

.phase-text {
    font-size       : 12px;
    font-weight     : 500;
    line-height     : 20px;
    padding-bottom  : 12px;
}

.phase-text p:last-of-type {
    padding-bottom  : 0;
}

.list .my-type {
    background      : #555;
    color           : white;
    padding         : 4px 20px;
    font-size:  9px;
    text-transform: uppercase;
    font-weight: 500
}

.list .image img {
    height          : auto;
    max-width       : 300px;
}

.list .description {
    max-height      : 70px;
    overflow        : hidden
}

.list .description {
    font-size       : 11px;
    line-height     : 14px;
       color           : #777;
}

.two-col-listing .list table {
    width           : 100%
}

.two-col-listing .list-item-0 {
    clear           : both
}

.two-col-listing .textual {
    clear           : both;
    padding-left    : 0
}

.two-col-listing .textual .top-part {
    padding-top     : 10px;
}

.two-col-listing .list table {
    width           : 100%
}

.listing-item div.description {
    height          : 84px;
    overflow        : auto
}

.listing-item .details {
    font-size       : 12px;
    line-height     : 15px
}

.listing-item .details span {
    display         : block
}

.listing-item .details span.name {
    color           : #000
}

.list h4 {
    font-size       : 14px;
    font-weight     : 700;
    line-height     : 18px
}

.list h5 {
    color           : #363636;
    font-size       : 12px;
    font-weight     : 600
}

.realisation-listing .related {
    display         : block;
    font-size       : 12px;
    font-weight     : bold;
    line-height     : 18px;
    margin          : 0 0 4px;
}

.realisation-listing h4 {
    font            : 24px/29px georgia, Georgia, "Times New Roman", Times, serif;
    margin          : 0 0 10px;
}

.realisation-listing .description {
    line-height     : 18px;
    margin-bottom   : -5px;
}

.realisation-listing .image {
/*    //float           : left;
    //margin          : 4px 12px 0 0;
    //overflow        : hidden;
    //width           : 180px;
*/
}

.realisation-listing .image img {
/*    //display         : block;
    //height          : auto;*/
    max-width       : 280px;
    float:  left;
    padding-right:  10px;
}

.realisation-listing .description-imaged {
/*    //float           : left;
    //width           : 468px;*/
    font-size: 12px;
}

.realisation-listing .details .img {
    overflow        : hidden;
    width           : 50px;
}

.realisation-listing .details .img img {
    height          : auto;
    max-width       : 50px;
}

.realisation-listing .details .float-left {
    width           : 116px;
}

.realisation-listing .details .little-stats {
    width           : auto;
}

.realisation-listing .mid {
    margin-top        : 20px;
    padding-bottom    :  35px;
}

a.view-all-realisations {
    color           : #000;
    font-size       : 12px;
    font-weight     : bold;
    line-height     : 16px;
}

h4.realisation-title {
    font            : 24px/29px georgia, Georgia, "Times New Roman", Times, serif;
    margin          : 34px 0 0;
    padding         : 0 0 5px;
}

span.realisation-date {
    color           : #333;
    display         : block;
    font-size       : 12px;
    line-height     : 16px;
    margin-bottom   : 26px;
}

.realisation-blog-list {
    background      : url(../img/header.png) 0 100% repeat-x;
    margin          : 0 0 11px;
    padding         : 0 0 10px;
}

.realisation-blog-list .date-item {
    color           : #555;
    display         : block;
    font-size       : 11px;
}

.realisation-blog-list a {
    display         : block;
    font-weight     : bold;
    line-height     : 16px;
    margin          : 0 0 1px;
}

.realisation-blog-list .comments {
    color           : #333;
    float           : right;
    font-size       : 10px;
    margin-top:  10px;
}

#listing.realisation-listing .hr {
    background-position : 0 16px;
    height          : 33px;
}

.details td.dater,.details td.statistics {
    color: #aaa;
}

.details .views,.details .votes,.details .comments,span.views,span.votes,span.comments {
    background      : 0 50% no-repeat;
    color           : #888;
    display         : block;
    padding-left    : 25px;
    font-weight:  500;
    font-size:  10px;
    line-height: 16px;
}

span.views,.details .views {
    background-image: url(../img/icons/views.png);
}

span.votes,.details .votes {
    background-image: url(../img/icons/heart.png)
}

span.comments,.details .comments {
    background-image: url(../img/icons/comment.png)
}

.actions span.views,.actions span.votes,.actions span.comments {
    display         : block
}

.contrib-results .listing-item .details {
    font-size       : 10px
}

.contrib-results .listing-item strong {
    display         : block;
    font-size       : 11px;
    line-height     : 13px
}

.two-col-listing .listing-item {
    float           : left;
    width           : 240px
}

.two-col-listing .listing-item .image {
    float           : none;
    margin          : 0 10px 0 0;
    width           : 235px
}

.two-col-listing .listing-item .textual {
    float           : none;
    width           : auto
}

.two-col-listing .listing-item div.description {
    display         : none
}

.two-col-listing .details .img {
    overflow        : hidden;
    text-align      : center;
    width           : 50px
}

.details .img img {
    max-height      : 60px;
    width           : auto;
}

.details .img a {
    height          : 60px;
    display         : block;
    overflow: hidden;
}

.two-col-listing .hr {
    display         : block;
    clear           : both
}

#my-dq dt,#my-dq dd {
    display         : block;
    float           : left;
    font-weight: bold;
    text-transform  : uppercase;
    width           : 150px;
}

#my-dq dd {
    float           : right;
    text-align      : right;
    text-transform  : lowercase;
    width           : 60px
}

#my-dq {
    color           : #fff;
    font-size       : 12px
}

.side-bar #my-dq dd, .side-bar #my-dq dt {
    background: url(../img/separator.png) 1px 100% repeat-x;
}

#my-dq dd.high-coll, #my-dq dt.high-coll,
#my-dq dd.total, #my-dq dt.total {
    background: none;
}

#my-dq .total {
    border          : solid 1px #fff;
    border-bottom   : none;
    border-left     : none;
    border-right    : none;
    padding-top     : 3px;
}

.side-bar-dq #my-dq .total {
    border-color    : #ccc;
    border-width: 3px;
}

.dq-overlay {
    background      : url(../img/dq-overlay.png) 0 0 no-repeat;
    height          : 160px;
    margin          : 2px 0 0 10px;
    position        : absolute;
    width           : 160px;
    z-index         : 10;
}

.fill-dq {
    margin          : 8px 0 0 8px;
}

.dq-overlay.no-dq {
    background-image: url(../img/no-dq-other.png);
    position        : relative
}

.no-dq.self-owned {
    background-image: url(../img/no-dq.png)
}

#dq-panel .dq-overlay {
    margin-left     : 28px;
    margin-top      : 0
}

#dq-panel .dq-overlay.no-dq {
    background-image: url(../img/no-dq-1.png)
}

.side-bar-dq .hr {
    display         : none
}

.side-bar-dq #my-dq {
    color           : #231F20
}

.side-bar-dq #my-dq dt {
    width           : 118px;
}

.my-contribs .ordering {
    font-size       : 9px
}

.my-contribs .ordering li {
    border-right    : none;
    margin-right    : 0
}

.my-contribs .listing-item {
    border          : 0 solid #000;
    border-bottom-width : 1px;
    padding         : 8px 0 32px
}

.my-contribs .listing-item-1 {
    border-top-width: 1px
}

table.details {
    border-collapse : collapse;
    font-size       : 10px;
    line-height     : 13px;
    font-weight:  500;
    color: #777;
}

table.details .name {
    display         : block;
    font-weight     : 600;
    max-height      : 26px;
    overflow        : hidden;
    width           : 80px;
}

.actions span {
    display         : block
}

.actions a {
    display         : block;
    float           : right;
    margin-top      : 8px;
    text-decoration : none
}

#sliders-container {
    display         : none;
    position        : fixed;
    right           : 80px;
    top             : 226px;
    width           : 253px;
    z-index         : 1000
}


#log-in-form,#dq-panel,#challenges-panel,#bookmarks-panel {
    display         : none;
    position        : fixed;
    right           : -300px;
    top             : 231px;
    width           : 240px;
    z-index         : 1200
}

#log-in-form .mid,
#dq-panel .mid,
#challenges-panel .mid,
#bookmarks-panel .mid {
    background: #454547; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #454547 0%, #221e1f 49%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#454547), color-stop(49%,#221e1f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #454547 0%,#221e1f 49%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #454547 0%,#221e1f 49%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #454547 0%,#221e1f 49%); /* IE10+ */
    background: linear-gradient(-45deg, #454547 0%,#221e1f 49%); /* W3C */
/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454547', endColorstr='#221e1f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


    -webkit-box-shadow: -1px 1px 5px 1px rgba(33, 33, 33, 0.6);
    -moz-box-shadow: -1px 1px 5px 1px rgba(33, 33, 33, 0.6);
    box-shadow: -1px 1px 5px 1px rgba(33, 33, 33, 0.6);


    -moz-border-radius      : 4px;
    -webkit-border-radius   : 4px;
    border-radius           : 4px;
    padding         : 10px 15px;
}

#sliders-container .loading-img {
    margin          : 20px 100px;
}

#bookmarks-panel {
    margin-left     : 736px;
    width           : 327px
}

#log-in-form h3 {
    text-shadow     : #000 0 -1px 1px
}

#log-in-form span.remember {
    color           : #fff;
    display         : block;
    font-size       : 8px;
}

#login-form a.forgot-password {
    color           : #00a1c9;
    text-align      : right;
    font-size:  11px;
}

#login-form {
    padding         : 0 8px
}

#login-form h3 {
    background      : url(../img/hr.png) 0 100% repeat-x;
    font            : bold 18px/22px Helvetica, Verdana, Arial, sans-serif;
    margin          : 0 0 10px -5px;
    padding         : 0 5px 8px;
    text-transform  : uppercase;
    width           : 100%;
}

#login-form .facebook-trace {
    display         : block;
    margin-bottom   : 8px;
}

#login-form h3.borderless {
    background-position : 0 0;
    margin-bottom   : 0;
    margin-top      : 8px;
    padding-bottom  : 0;
    padding-top     : 8px;
    text-transform  : capitalize;
    font-size       : 15px;
}

#login-form label {
    color           : #eee;
    display         : block;
    font-size       : 12px;
    line-height     : 16px;
    font-weight     : 400;
    text-shadow     : #000 0 -1px 0px
}

#login-form input.login-inputs {
    height          : 19px;
    margin-bottom   : 4px;
    width           : 192px
}

#login-form .remember label {
    display         : inline;
    font-weight     : 400;
    text-transform  : none;
    font-size       : 11px;
}

#login-form .remember span {
    margin-left     : 4px;
    margin-top      : 8px;
    position        : absolute;
    vertical-align  : top
}

#login-form .button-container {
    padding-top     : 5px;
}

#sign-up-option {
    margin-top      : 20px;
}

#form-remember-me {
    padding-top     : 10px;
}

#dq-chart {
    min-height      : 170px;
    padding         : 6px 0 0;
    position        : relative;
    text-align      : center
}

#bookmark-list {
    overflow        : auto;
}

#bookmark-list table {
    border          : none;
    border-collapse : collapse;
    border-spacing  : 0;
    color           : #fff;
    font-size       : 10px;
    overflow        : auto;
    width           : 100%
}

#bookmark-list .stats td {
    padding         : 3px 8px
}

#bookmark-list .img {
    display         : block;
    float           : left;
    height          : 58px;
    overflow        : hidden;
    position        : relative;
    width           : 85px
}

#bookmark-list .img span {
    background      : #FF971A;
    color           : #fff;
    display         : block;
    font-size       : 7px;
    font-weight     : 700;
    line-height     : 9px;
    height          : 9px;
    margin-top      : 50px;
    overflow        : hidden;
    position        : absolute;
    text-align      : center;
    text-transform  : uppercase;
    width           : 85px
}

#bookmark-list .img span.concept-item {
    background      : #7EBE3D
}

#bookmark-list .img span.winner-item {
    background      : #EB008B
}

#bookmark-list .img span.evaluation-item {
    background      : #00A4D2
}

#bookmark-list .img img {
    max-height      : 50px;
    width           : auto
}

#bookmark-list .text {
    font-weight     : 600;
    padding-left    : 95px
}

#bookmark-list .text a {
    color           : #fff
}

#bookmark-list tr.stats {
    background      : #171616;
    -moz-border-radius      : 6px;
    -webkit-border-radius   : 6px
}

.close-btn {
    background      : url(../img/btn-close.png) 0 0 no-repeat;
    height          : 39px;
    margin          : -20px 0 0 -20px;
    overflow        : hidden;
    position        : absolute;
    text-transform  : capitalize;
    text-indent     : -600px;
    width           : 39px
}

#join-form .close-btn {
    margin          : -30px 0 0 -30px
}

#coverupper {
    display         : none;
}

/*    -------------------------------------------------------------
    1. Boxes
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */
.mid {
    background      : #ffffff;
    margin          : 0 0 20px;
    padding         : 20px 20px 60px 20px;
}

#content .mid {
    border            : 1px solid #e3e3e3;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(160, 160, 160, 0.2);
    -moz-box-shadow: 1px 1px 2px 0px rgba(160, 160, 160, 0.2);
    box-shadow: 1px 1px 2px 0px rgba(160, 160, 160, 0.2);
}

.homepage-banner-not-logged-in {
    background-color: #75c3ef;
    padding: 20px;
    padding-bottom: 10px;
    margin:  6px 0px 20px 1px;
    font-size: 24px;
    color: white;
    font-weight: 600;
    line-height: 27px;
    text-shadow     : #466c85 0 2px 2px

}

.homepage-banner-not-logged-in span {
    display: block;
    font-size: 17px;
    font-weight: normal;
    text-shadow: none;
    padding-top: 35px;
    font-weight: 500;
        color:  #fff;

}

.homepage-banner-not-logged-in span img {
    vertical-align: middle;
    padding-bottom: 4px;
}

.homepage-banner-not-logged-in .winner{
    float: right;
    margin-top:  -45px;
}

.homepage-banner-not-logged-in span a,
.homepage-banner-not-logged-in a.no-underline:hover,
.homepage-banner-not-logged-in a.no-underline:focus {
    color:  #fff;
    text-decoration: underline;
}

.homepage-banner-not-logged-in span img a:hover,
.homepage-banner-not-logged-in span img a:focus {
    text-decoration: none;
}

.homepage-banner-not-logged-in a.no-underline {
    text-decoration: none;
}

.inspiration-area .mid {
    padding-bottom:  58px;
}

.inspiration-area #main-content.mid,
.concept-area .mid, .evaluation-area .mid,
.winner-area .mid, .realisation-area.mid {
    padding-bottom:  20px;
}

#listing .mid, .search-results .mid,
.winner-area #main-content {
    margin-bottom   : 20px;
}

.two-col-listing .mid {
    float           : left;
    min-height      : 374px;
    margin-bottom   : 20px;
    margin-right    : 20px;
    padding-bottom  : 32px;
    width           : 298px;
}

.two-col-listing .even {
    margin-right    : 0;
}

.tight-bottom {
    padding-bottom: 25px;
}

.home-listings {
    padding-bottom: 17px;
}

.side-bar .mid {
    margin-bottom    : 20px;
    padding-bottom    : 30px;
}

.side-bar .mid > form {
    padding-left:20px;
}

.mid.padding-less {
    padding    : 20px 0 50px;
}

.mid.field-notes-feed {
    padding         : 20px 20px 57px; /*edit TT*/
}

.mid.story-so-far {
    padding         : 18px 21px 12px 24px
}

.mid.padding-less h3 {
    background      : url(../img/underlines.png) 0 100% repeat-x;
    *float: none !important;
    margin-left: 0;
    width: auto;
}

.mid.padding-less .buttons {
    margin-top        : 20px;
    padding-left    : 5px;
}

.buttons {
    position        : relative;
}


#tight-top {
    margin-top:  -8px;
}

.side-bar-n .mid {
    margin-bottom    : 20px;
    padding            : 12px 8px 15px;
}

.profile-info {
    color: #777;
    font-weight: bold;
    line-height: 13px;
}

.profile-info p a,
.profile-info p span {
    display         : block;
    overflow        : hidden;
    word-wrap       : break-word;
}

.profile-info .per-admin,
.profile-info .per-edit {
    margin-bottom   : 8px;
}


.side-bar-n .mid.page-info {
    padding         : 8px 9px 6px;
}

.mid.equal-padding {
    padding             : 10px 7px;
}

#featured-data {
    padding          : 20px 20px 30px 0px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    width: 650px;
}

#featured-data a {
    font-weight: 500;
}

h3.graff a {
    color           : #444;
}

h3.graff a:hover,
h3.graff a:focus {
    color           : #00A4D2;
    text-decoration : none
}

.featured-image {
    display         : block;
    position        : relative;
    text-align      : left;
    padding-bottom  : 8px;
}

.featured-image img {
    max-width: 100%;
}

.multi-challenge .featured-image {
    float           : left;
    margin-right    : 8px;
    padding-right   : 7px;
    overflow        : hidden;
    width           : 300px;
}

.featured-bars {
    float           : right;
    margin-bottom   : 0;
    margin-top      : -20px;
    margin-right    : 250px;
    width           : 106px
}

.featured-bars .mini-t-container {
    float           : none
}

#watch-video,.bar-link-img {
    display         : block;
    padding-bottom  : 15px;
    text-align      : right
}

#watch-video img,.bar-link-img img {
    border          : solid 1px #ccc;
    height          : auto;
    margin-right    : 2px;
    width           : 219px
}

#impact-badge {
    margin          : 0 0 20px;
    width           : 219px;
}

#twitter-badge {
    border          : solid 1px #ccc;
    margin          : 8px 0px 0px 0px;
}

.twitter-link {
    display: block;
    width           : 219px;
    height            : 156px;
    background: url(../img/twitter_button.jpg) 0 0 no-repeat;
    text-indent: -99999px;
}

.twitter-link:hover,
.twitter-link:focus {
    background-position: 0 -156px;
}


#impact-badge span {
    color:  #666;
    font-size       : 11px;
    line-height     : 13px;
    display:  block;
    padding:  13px;
    padding-top: 5px;
    padding-bottom: 15px;
}

#impact-badge span:hover,
#impact-badge span:focus {
    color : #00B0D8;
    text-decoration: none;
}

#impact-badge a {
    text-decoration: none;
}

.body-divider {
    background      : url(../img/separator.png) 0 100% repeat-x;
    display         : block;
    margin          : 0 0 0 -18px;
    padding            : 0px;
    padding-bottom  : 16px;
    width           : 540px;
}

.teller {
    background      : url(../img/separator.png) 0 100% repeat-x;
    color           : #333;
    display         : block;
    font-family     : georgia, Georgia, "Times New Roman", Times, serif;
    font-size       : 25px;
    font-style      : italic;
    line-height     : 25px;
    margin          : 0 0 16px 17px;
    padding-bottom  : 16px;
    text-align      : center;
    width           : 150px
}

a.teller:hover,
a.teller:focus {
    color           : #00B0D8;
    text-decoration : none
}

.teller span {
    background: url(../img/teller.png) 50% 7px no-repeat;
    display         : block;
    font-size       : 14px;
    font-style      : normal;
    line-height     : 16px;
    overflow: hidden;
    padding-top     : 4px;
    text-indent: -9999px;
    text-transform  : uppercase
}

.concepts-teller span {
    background-position: 50% -13px;
}

.users-teller span {
    background-position: 50% -33px;
}

.for-three .teller {
    font-size       : 28px;
    margin          : 0 0 12px 11px;
    padding-bottom  : 11px
}

.for-three .teller.borderless {
    margin-bottom   : 0;
    padding-bottom  : 8px
}

.for-three .teller span {
    font-size       : 11px
}

.borderless {
    background      : none;
    border          : none;
    margin-bottom   : 0;
    padding-bottom  : 0
}

.login-button {
    background      : transparent url(../img/btn-login.png) 0 0 no-repeat;
    border          : none;
    height          : 26px;
    margin-left     : 10px;
    overflow        : hidden;
    text-transform  : capitalize;
    text-indent     : -700px;
    width           : 59px
}

.join-button {
    background      : transparent url(../img/btn-join.png) 0 0 no-repeat;
    border          : none;
    float           : left;
    height          : 25px;
    margin-top      : 15px;
    overflow        : hidden;
    text-transform  : capitalize;
    text-indent     : -700px;
    width           : 133px
}

#login-side {
    background      : transparent url(../img/login-side.png) no-repeat 0 0;
    height          : 109px;
    right           : 0;
    overflow        : hidden;
    position        : fixed;
    text-indent     : -800px;
    text-transform  : capitalize;
    top             : 230px;
    width           : 41px;
    z-index         : 40
}

#login-side:hover,
#login-side:focus {
    background-position : 0 -108px;
}

#logged-in-side {
    background      : transparent url(../img/logged-in-side.png) 100% 100% no-repeat;
    height          : 155px;
    right           : 0;
    overflow        : hidden;
    position        : fixed;
    top             : 230px;
    width           : 38px;
    z-index         : 40
}

#logged-in-side a {
    display         : block;
    height          : 51px;
    overflow        : hidden;
    padding-left    : 4px;
    text-align      : center
}

#feedback-btn {
    background      : transparent url(../img/feedback_btn.png) 0 -107px no-repeat;
    cursor          : pointer;
    height          : 106px;
    left            : 0;
    overflow        : hidden;
    position        : fixed;
    text-indent     : -800px;
    text-transform  : capitalize;
    top             : 230px;
    width           : 40px;
    z-index         : 12
}

#feedback-btn:hover,
#feedback-btn:focus {
    background-position : 0 0px
}

.profile-thumb {
    float           : left;
    height          : 50px;
    overflow        : hidden;
    text-align      : center;
}

.profile-thumb img {
    max-height      : 35px;
    max-width       : 35px;
}

.user-profile .profile-thumb {
    margin-right    : 10px;
}

.user-profile {
    line-height     : 14px;
    text-shadow     : #222 0 -1px 0px;
}

.user-profile a {
    font-size       : 11px;
}

.user-profile a:hover,
.user-profile a:focus {
    text-decoration : underline
}

.hr, hr {
    background      : url(../img/separator.png) 0 0 repeat-x;
    border          : none;
    clear           : both;
    display         : block;
    height          : 3px;
    /*
    margin-left     :  -20px;
    margin-right    : -20px;
    */
}

div.sponsor div.hr{
    margin-left     : -9px;
    margin-right    : -8px;
}

#sliders-container .hr {
    margin          : 0;
}

.sponsor .author-info {
    font-size:  12px;
    line-height: 16px;
    font-weight: bold;
    padding-bottom:5px;
}
.sponsor .date-info {
    font-size:  10px;
        font-weight: 500;
    line-height: 14px;
}

div.side-bar div.mid.padding-less div.hr {
    visibility: hidden;
}

.light-box .hr,.light-box-n .hr {
    background      : url(../img/hr.png) 0 0 repeat-x
}

.light-box h3,.light-box-n h3 {
    background      : none;
    color           : #fff;
    font-size       : 18px;
    font-weight     : 400;
    margin-bottom   : 0;
    padding-bottom  : 0;
    text-shadow: #000 0 -1px 0
}

#challenges-panel h3 {
    background      : url(../img/icons/challenges.png) 100% center no-repeat
}

#bookmarks-panel h3 {
    background      : url(../img/icons/bookmarks.png) 100% center no-repeat
}

.item {
    color           : #fff
}

#challenge-follow {
    padding         : 10px 0 15px 4px;
    margin-right    : 8px;
    background: none;
}

#challenge-follow h3 {
    background: none;
    display         : inline;
    padding-bottom  : 8px;
    padding-right   : 20px;
    padding-left: 4px;
}

.followers {
    color: #555;
    font-size       : 12px;
}

.followers span {
    font-size       : 12px
}

button.follow-button,button.share-this {
    background      : url(../img/btn-follow.png) 0 0 no-repeat;
    border          : none;
    cursor          : pointer;
    height          : 19px;
    overflow        : hidden;
    text-indent     : -300px;
    text-transform  : capitalize;
    width           : 115px;
}

button.follow-button{
    position: relative;
    margin-left: 5px;
    top: -2px;
}

button.follow-button:hover,
button.follow-button:focus {
    background-position: 0 -19px;
}

button.share-this {
    background-image: url(../img/btn-share.png)
}

button.unfollow-button {
    background-image: url(../img/following.png);
    cursor          : default;
    width           : 153px;
    position: relative;
    margin-left: 5px;
    top: -2px;
}

button.unfollow-button:hover,
button.unfollow-button:focus {
    background-position: 0 0;
}

button.follow-this:hover,
button.follow-this:focus,
button.share-this:hover,
button.share-this:focus {
    background-position : 0 -19px
}

/* image-less buttons */
.btn {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 18%, rgba(212,211,211,1) 82%, rgba(205,204,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(18%,rgba(249,249,249,1)), color-stop(82%,rgba(212,211,211,1)), color-stop(100%,rgba(205,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 18%,rgba(212,211,211,1) 82%,rgba(205,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 18%,rgba(212,211,211,1) 82%,rgba(205,204,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 18%,rgba(212,211,211,1) 82%,rgba(205,204,204,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 18%,rgba(212,211,211,1) 82%,rgba(205,204,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcccc',GradientType=0 ); /* IE6-9 */

    border      : solid 1px #bfbfbf;
    -webkit-border-radius   : 5px;
    border-radius           : 5px;
    color       : #666;
    cursor      : pointer;
    display     : inline-block;
    font        : bold 13px/16px Helvetica, Arial, Geneva, sans-serif;
    min-width   : 86px;
    padding     : 5px 17px 6px;
    position    : relative;
    text-shadow : #fff 0 1px 0;
    white-space : nowrap;
}

.btn:hover,
.btn:focus,
.btn.inverted {
    background: rgb(0,175,215); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,175,215,1) 0%, rgba(0,167,206,1) 29%, rgba(0,142,176,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,175,215,1)), color-stop(29%,rgba(0,167,206,1)), color-stop(100%,rgba(0,142,176,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,175,215,1) 0%,rgba(0,167,206,1) 29%,rgba(0,142,176,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,175,215,1) 0%,rgba(0,167,206,1) 29%,rgba(0,142,176,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,175,215,1) 0%,rgba(0,167,206,1) 29%,rgba(0,142,176,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(0,175,215,1) 0%,rgba(0,167,206,1) 29%,rgba(0,142,176,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00afd7', endColorstr='#008eb0',GradientType=0 ); /* IE6-9 */

    border-color: #0096bb;
    color: #fff;
    text-decoration: none;
    text-shadow : #666 0 -1px 0;
}

.btn.inverted:hover,
.btn.inverted:focus {
    background: rgb(0,135,166); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,135,166,1) 0%, rgba(0,125,154,1) 23%, rgba(0,86,106,1) 81%, rgba(0,77,95,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,135,166,1)), color-stop(23%,rgba(0,125,154,1)), color-stop(81%,rgba(0,86,106,1)), color-stop(100%,rgba(0,77,95,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,135,166,1) 0%,rgba(0,125,154,1) 23%,rgba(0,86,106,1) 81%,rgba(0,77,95,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,135,166,1) 0%,rgba(0,125,154,1) 23%,rgba(0,86,106,1) 81%,rgba(0,77,95,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,135,166,1) 0%,rgba(0,125,154,1) 23%,rgba(0,86,106,1) 81%,rgba(0,77,95,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,135,166,1) 0%,rgba(0,125,154,1) 23%,rgba(0,86,106,1) 81%,rgba(0,77,95,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0087a6', endColorstr='#004d5f',GradientType=0 ); /* IE6-9 */
}

.btn:disabled,
.btn.disabled,
.btn:disabled:hover,
.btn.disabled:hover,
.btn:disabled:focus,
.btn.disabled:focus {
    background  : #f2eee6;
    border-color: #efefef;
    color       : #999;
    cursor      : default;
    text-shadow : #fff 0 1px 0;
}

.btn.large {
    font-size   : 14px;
}

.btn.small {
    -webkit-border-radius   : 3px;
    border-radius           : 3px;
    font-size   : 9px;
    line-height : 13px;
    min-width   : 69px;
    padding     : 3px 6px 2px;
}

/* buttons in forms positioning */
.form-buttons .button-container .btn {
    float : right;
    margin: 0 0 0 8px;
    padding-left : 22px;
    padding-right : 22px;
}

.share-links {
    display         : block;
    float           : right
}

.share-links a {
    margin-top      : -1px
}

.share-list a,.share-list span {
    color           : #4d4d4d;
    display         : block;
    padding-bottom  : 5px;
}

.clear-digg {
    color           : #4d4d4d;
    font-family     : Helvetica, Verdana, Arial, sans-serif!important;
    font-size       : 10px;
    font-weight     : 400;
    line-height     : 13px;
    padding-left    : 25px;
    white-space     : nowrap
}

.db-digger {
    padding-bottom  : 4px
}

.clear-digg:hover,
.clear-digg:focus {
    color           : #00B0D8
}

.share-list a:hover,
.share-list a:focus {
    color           : #00B0D8;
    text-decoration : none
}

.share-links .clear-digg {
    display         : none
}

.share-links .db-digger {
    padding-bottom  : 0;
    vertical-align  : bottom
}

.share-list a img,.share-list span img {
    margin-right    : 3px;
    vertical-align  : top;
    margin-top: -2px;
    width : auto;
}

.share-links a img,.share-links span img {
    vertical-align  : bottom
}

label,
span.label {
    display         : block;
    font-weight     : 600
}

label.terms-label {
    font-weight     : 400;
    padding-bottom  : 3px
}

.sponsor .s-name {
    color           : #00B0D8;
    font-weight     : 700;
    display         : block;
}

.sponsor span.s-name {
    color           : #bbb;
}

.sponsor div.hr {
    background-position : 100%;
    margin          : 4px 0 6px
}

div.questions {
    background      : #F5F8FA;
    padding         : 25px 20px 20px;
    position        : relative
}

div.questions textarea {
    background      : #fff;
    border            : 1px solid #e3e3e3;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(160, 160, 160, 0.2);
    -moz-box-shadow: 1px 1px 2px 0px rgba(160, 160, 160, 0.2);
    box-shadow: 1px 1px 2px 0px rgba(160, 160, 160, 0.2);
    height          : 76px;
    min-height      : 76px;
    padding         : 4px 5px 2px;
    width           : 99%
}

div.winner-questions {
    background      : none;
    padding         : 0
}

.answer-graphs,
.questions-questionnaire {
    display         : none;
}

.admin-form div.questions {
    padding-bottom  : 30px
}

.follow-challenge,.add-inspiration,.publish-challenge,.follow-blog-button,.start-challenge {
    background      : url(../img/follow-challenge.png) 0 0 no-repeat;
    display         : block;
    height          : 100px;
    margin          : 6px 6px 15px;
    text-indent     : -999px;
    text-transform  : capitalize;
    width           : 220px
}

.follow-challenge:hover,
.follow-challenge:focus,
.add-inspiration:hover,
.add-inspiration:focus,
.publish-challenge:hover,
.publish-challenge:focus,
.follow-blog-button:hover,
.follow-blog-button:focus {
    background-position : 0 -100px
}

.follow-challenge.unfollow-button {
    background-image: url(../img/unfollow-challenge.png)
}

.start-challenge {
    background-image: url(../img/start-challenge.png);
    height          : 102px;
    margin-top      : 5px
}

.start-challenge:hover,
.start-challenge:focus {
    background-position : 0 -102px
}

.add-inspiration {
    background      : url(../img/add-inspiration-2.png) 0 0 no-repeat;
    display         : block;
    height          : 74px;
    margin          : 6px auto 15px;
    text-indent     : -999px;
    text-transform  : capitalize;
    width           : 203px;
}

.add-inspiration-assignment {
    background      : url(../img/add-inspiration-2.png) 0 0 no-repeat;
    display         : block;
    height          : 74px;
    margin          : -58px 0 14px 8px;
    position        : relative;
    overflow        : hidden;
    text-indent     : -999px;
    width           : 205px
}

.add-inspiration:hover,
.add-inspiration:focus,
.add-inspiration-assignment:hover,
.add-inspiration-assignment:focus {
    background-position : 0 -75px
}

.assignment-contribute .mid {
    color           : #333;
    font-size       : 12px;
    line-height     : 16px;
    margin-bottom   : 20px;
    padding-bottom  : 45px;
    padding-top     : 14px
}

.not-current .mid {
    padding-bottom  : 20px
}

#content .assignment-contribute .mid-assignment,
#assignment-page .assignment-header {
    background      : #454545;
    border          : 0px;
    color           : #fff;
    font-size       : 14px;
    font-weight     : 700;
    line-height     : 16px;
    margin-bottom   : 0px;
    padding         : 10px 19px 9px; /* also affects in the listing */
}

#assignment-page .assignment-header {
    margin-bottom   : 23px;
}

.assignment-contribute .mid-assignment span,
.assignment-header span {
    color           : #fff;
    display         : block;
    font-size       : 10px;
    text-transform  : uppercase
}

.assignment-header {
    background      : #333;
    margin-bottom   : 14px;
    padding-left    : 20px
}

.assignment-list {
    background      : #eee;
    border          : 1px #eee solid;
    color           : #999;
    font-size       : 11px;
    font-weight     : 500;
    height          : 22px;
    overflow        : hidden;
    padding         : 2px 6px 0 6px;
    width           : 283px;
}

.user-contributions .assignment-list {
    display         : none;
}

.assignment-list span {
    display         : block;
    float           : right;
    font-size       : 10px;
    text-transform  : uppercase;
}

.assign-in-inspir {
    width             : auto;
}

.assignment-list .assignment-more { font-weight     : normal }

.add-concept {
    background      : url(../img/add-concept.png) 0 0 no-repeat;
    color: #fff;
    display         : block;
    font: bold 18px/19px Arial, sans-serif;
    height          : 60px; /* 80 */
    margin          : 6px 0px 15px -5px;
    padding         : 22px 40px 0 87px;
    text-shadow     : #666 0 -1px 0;
    width           : 104px; /* 229 */
}

.add-concept:hover,
.add-concept:focus {
    background-position : 0 -80px;
    color           : #000;
    text-decoration: none;
    text-shadow     : #ccc 0 1px 0;
}

.publish-challenge {
    background-image: url(../img/publish-challenge.png)
}

.follow-blog-button {
    background-image: url(../img/follow-blog.png)
}

.follow-blog-button.unfollow-button {
    background-image: url(../img/unfollow-blog.png)
}

.side-bar .share-list {
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
}

.participate-options a.participate-links {
    background      : url(../img/header.png) 0 100% repeat-x;
    color           : #363636;
    font-size       : 12px;
    font-weight     : 700;
    display         : block;
    padding         : 5px 0;
    text-decoration : none
}

.participate-options a.participate-links {
    background      : none;
    padding-bottom  : 0
}

.final-concept-list {
    /*padding         : 20px 18px 28px 27px!important*/
}

.final-concept-list a.final-concepts {
    background-repeat : no-repeat;
    border          : 2px solid #ccc;
    display         : block;
    float           : left;
    height          : 75px;
    margin-bottom   : 20px;
    margin-right    : 20px;
    padding         : 0;
    overflow        : hidden;
    text-align      : center;
    width           : 75px;
    background-color: #efefef;
}

.final-concept-list a.final-concepts img {
    max-height      : 83px;
    width           : auto
}

.final-concept-list a.final-concepts:hover,
.final-concept-list a.final-concepts:focus,
.final-concept-list a.final-concepts.selected {
    border-color: #888
}

div.winner-badge {
    background      : url(../img/winner.png) 0 0 no-repeat;
    height          : 100px;
    margin          : -87px 0 0 447px;
    position        : absolute;
    width           : 100px
}

.final-concept-list a.final-concepts div.winner-badge {
    margin          : 18px 0 0 -17px
}

.final-concept-list a.final-concepts:hover div.winner-badge,
.final-concept-list a.final-concepts:focus div.winner-badge,
.final-concept-list a.final-concepts.selected div.winner-badge {
    margin          : 16px 0 0 -19px
}

.final-concept-list a.final-concepts.odd {
    clear           : both
}

.final-concept-list a.final-concepts.even {
    margin-right    : 0
}

.activity-item, .field-notes-item,
.challenge-listing-small,
.channel-item,
.current-challenges {
    background      : url(../img/separator.png) 0 100% repeat-x;
    left            : -20px;
    min-height      : 50px;
    overflow        : hidden;
    margin-top      : 10px;
    position        : relative;
    padding-left    : 20px;
    padding-right   : 20px;
    width: 100%;
}

.activity-item {
    left: 0;
    width: auto;
}

.activity-text {
    max-height      : 84px;
    overflow        : hidden
}

.mid.padding-less .activity-item {
    padding-bottom    :10px;
}

.admin-list {
    display         : block;
    float           : left;
    margin          : 12px 10px 8px 0;
    min-height      : 80px;
    width           : 230px;
}

.admin-list span.text {
    display         : block;
}

.admin-list span.text a {
    display         : block;
    padding-bottom  : 1px;
}

.admin-list span.text em {
    display         : block;
    line-height     : 14px;
}

.admin-list .img {
    float           : left;
    height          : 80px;
    margin          : 0 10px 0 0;
    overflow        : hidden;
    text-align      : right;
    width           : 80px;
    z-index         : 1
}

.admin-list .img img {
    height          : 80px;
    max-width       : 500px;
    width           : auto
}

.admin-help {
    color           : #b3b3b3;
}

.side-bar-n .admin-help {
    font-size       : 12px;
    line-height     : 16px
}

.channel-item .img {
    float           : left;
    height          : 79px;
    margin-right    : 12px;
    width           : 120px
}

.channel-item .text {
    float           : left;
    font-size       : 12px;
    line-height     : 14px;
    width           : 260px
}

.channel-item h5 {
    display         : block;
    font-size       : 16px;
    font-weight     : 700;
    line-height     : 20px
}

span.styled-file {
    display         : block;
    height          : 26px;
    width           : 420px
}

.styled-file-button input {
    width: 0px !important;
}

span.styled-file-button {
    cursor          : pointer;
    display         : block;
    float           : left;
    overflow        : hidden;
    text-align      : right;
    width           : 120px
}

@-moz-document url-prefix() {
    .styled-file-button input {
        width: 120px !important;
    }
}

span.styled-file-text {
    float           : right;
    display         : block;
    height          : 24px;
    overflow        : hidden;
    padding         : 5px 5px 0;
    width           : 290px;
    white-space     : nowrap
}

.activity-item {
    line-height     : 8px;
}

.activity-item .img {
    float           : left;
    height          : 50px;
    overflow        : hidden;
    text-align      : center;
    width           : 50px;
    z-index         : 1
}

.activity-item .internal-link {
    color           : #4D4D4D
}

.activity-item .upper {
    font-size       : 8px;
    font-weight     : 700;
    padding-top     : 3px;
    text-transform  : uppercase
}

.activity-item a.upper {
    color           : #4D4D4D;
}

.activity-item a.upper:hover,
.activity-item a.upper:focus {
    color           : #00B0D8;
    text-decoration : none
}

.activity-item .img img {
    max-height      : 50px;
    width           : auto
}

.activity-item .text{
    font-size       : 11px;
    line-height     : 12px;
    padding-left    : 58px;
}

.admin-list .text {
    font-size       : 13px;
    font-weight     : bold;
    padding-left    : 55px;

}

.activity-item .larger {
    font-size       : 12px;
    line-height     : 15px
}

.activity-item .text span.action {
    font-weight     : 600
}

.activity-item .text span {
    display         : block;
    font-weight     : 600
}

.user-activities .hr {
    height          : 6px;
}

.user-activities .extra-data {
    color           : #999;
    float           : right;
    font-size       : 11px;
    font-style      : italic;
    line-height     : 14px;
    margin          : 0 6px 2px 0;
}

.user-activities h4 a {
    font-size       : 12px;
    font-weight     : normal;
}

.user-activities h4 {
    background      : url(../img/separator.png) 0 100% repeat-x;
    color           : #666;
    margin-bottom   : 11px;
    padding         : 10px 0 8px;
}

.user-activities .end-links {
    font-size       : 12px;
    line-height     : 14px;
    padding-top     : 5px;
}

.user-activities .end-links h4 {
    background      : none;
}

h4.contributors-h4 {
    background      : none;
    margin-bottom   : 0;
    padding-bottom  : 0;
}

.user-activities .activity-item {
    background      : none;
    clear           : both;
    float           : left;
    left            : 0;
    margin          : 0 20px 20px 0;
    padding         : 0;
    width           : 319px;
}

.user-activities .odd {
    clear           : none;
    margin-right    : 0;
}

.user-activities .activity-item .img {
    padding-top     : 4px;
}

.user-activities .activity-text {
    padding-top     : 3px;
}

.user-activities .activity-text span {
    display         : inline;
    font-weight     : normal;
}

.user-activities .activity-text span.sorted {
    font-weight     : bold;
}

.user-activities .text {
    padding-left    : 62px;
}

.user-activities .internal-link,
.user-activities .activity-text {
    color           : #666;
}

.user-activities .comment-date {
    color           : #999;
    font-size       : 10px;
    font-weight     : normal;
}

.user-activities #listing-pagination {
    clear           : both;
    float           : right;
    margin          : 14px 0 0;
    padding         : 9px 6px 0 5px;
}

.user-activities #listing-pagination .pagination {
    height          : 24px;
}
/* comments re-write */
#comments .comment {
    padding-bottom  : 18px;
}

.reply {
    padding-left    : 65px;
}

.comment-about {
    display         : block;
    float           : left;
    overflow        : hidden;
    position        : absolute;
    text-indent     : -999px;
}

.comment .comment-author {
    background      : url(../img/comment-arrow.png) 100% 0 no-repeat;
    display         : block;
    line-height     : 10px;
    min-height      : 50px;
    position        : absolute;
    text-align      : left;
    width           : 65px;
}

.comment .comment-author img {
    max-height      : 50px;
    max-width       : 50px;
}

.comment .comment-author .btn {
    margin-top      : 5px;
    right           : 11px;
}

.comment .author-name {
    display         : block;
    font-size       : 12px;
    font-weight     : bold;
    line-height     : 20px;
    margin          : 9px 0 0 80px;
    position        : absolute;
    white-space     : nowrap;
    z-index         : 3;
}

.comment .comment-body {
    background      : #efefef;
    color           : #333;
    line-height     : 15px;
    font-size       : 12px;
    margin          : 0 0 0 65px;
    min-height      : 50px;
    padding         : 29px 15px 8px;
    position        : relative;
}

.comment span.comment-date {
    color           : #555;
    display         : block;
    font-style      : italic;
    padding         : 0 0 6px;
}

.comment .comment-message {
    color           : #444;
    padding-bottom  : 6px;
    word-wrap       : break-word
}

.comment .comment-body a {
    color           : #00B0D8;
}

/* comment actions */
.comment .permalink,
.comment .report {
    font-size       : 10px;
    line-height     : 14px;
}

.comment .permalink {
    position        : absolute;
    right           : 12px;
    top             : 12px;
}

.comment .comment-body a.delete-comment {
    color           : #ee5331;
}

.comment .applaud, .comment .report {
    display         : block;
    float           : left;
    font-size       : 10px;
    line-height     : 18px;
}

.comment .comment-body .applauding {
    cursor: default;
    color: #999;
    text-decoration: none;

}

.comment span.applaud {
    background      : url(../img/icons/heart.png) 0 50% no-repeat;
    padding         : 0 8px 0 20px;
}

.comment .report {
    float           : right;
}

.image.flagged {
    background-image: url(../img/comment-arrow-flagged.png);
}

.comment-body.flagged {
    background      : #fcc;
}

#comments fieldset {
    background      : #efefef;
    border          : none;
    margin          : 5px 0 10px 65px;
    padding         : 5px 5px 2px;
}

#comments .submit-button {
    height          : auto;
    margin          : 0 0 8px;
    position        : relative;
}

#comments .anon-reply {
    margin: -8px 0 32px;
}

#comment-form {
    background      : none;
    display         : block;
    margin          : 0 0 0;
    padding         : 0 0 3px;
}

.reply-comment-form {
    margin-bottom   : 32px;
    margin-top      : -12px;
}

#comment-form label,
.reply-comment-form label {
    clip            : rect(1px 1px 1px 1px);
    clip            : rect(1px, 1px, 1px, 1px);
    position        : absolute;
}

#comment-form .comment-body {
    padding         : 5px;
}

#comment-form textarea {
    display         : block;
    min-height      : 91px !important;
}

.comment form textarea, #comments textarea {
    background      : #fff;
    border          : #a1a1a1 solid 1px;
    font-style      : italic;
    line-height     : 16px;
    margin          : 0;
    padding         : 2px 6px;
}

.comment-cover-submit {
    background      : #fff url(../img/feed_load.gif) 95% 50% no-repeat;
    display         : block;
    height          : 100%;
    left            : 0;
    position        : absolute;
    top             : 0;
    width           : 100%;
}

#comments form.not-active textarea {
    height          : 28px !important;
    padding-bottom  : 0;
    padding-top     : 0;
}

#comments form.not-active .submit-button {
    display         : none;
}

#comments form.loaded textarea {
    line-height     : 28px;
}

#comments form.active textarea {
    font-style      : normal;
    line-height     : 16px;
}

#comments form.active .submit-button {
    display                     : block;
}

.bordeless {
    background      : none;
    padding-bottom  : 0
}

.tags a {
    color           : #00B0D8;
    font-family     : georgia, Georgia, "Times New Roman", Times, serif;
    font-size       : 16px;
    font-style      : italic
}

/* scalable textarea */

input.button {
    background-position : 0 0;
    background-repeat   : no-repeat;
    border          : none;
    cursor          : pointer;
    height          : 25px;
    overflow        : hidden;
    padding-top: 0;
    text-indent     : -999px;
    text-transform  : capitalize;
    width           : 134px
}

input.button:hover,
input.button:focus {
    background-position : 0 -25px
}

.post-comment {
    background-image: url(../img/post-comment.png)
}

input.btn-save-tags {
    background-image: url(../img/btn-save-tags.png);
    width           : 108px
}

.submit-button {
    margin-top      : 8px;
    min-height      : 25px;
    position        : relative;
    text-align      : right
}

#timeline {
    cursor          : pointer;
    display         : block;
    height          : 76px;
    margin-bottom   : 1px;
    padding         : 10px 0;
    position        : relative;
    width           : 940px
}

#whole-time-line-container,
#timeline-border {
    background      : url(../img/timeline-bg.png) 0 0 repeat-x;
    border          : 3px solid #fff;
    -moz-border-radius      : 50px;
    -webkit-border-radius   : 50px;
    border-radius           : 50px;
    height          : 70px;
    overflow        : hidden;
    position        : static;
    width           : 940px
}

#timeline-border {
    background      : none;
    cursor          : pointer;
    left            : 0;
    pointer-events  : none;
    position        : absolute;
    top             : 10px;
    z-index         : 20;
}

.opera #timeline-border { display: none }

#timeline .block {
    background-repeat : no-repeat;
    border-right    : 1px solid #fff;
    cursor          : pointer;
    display         : block;
    float           : left;
    height          : 70px;
    width           : 188px
}

#timeline .block-safari.final-pos {
    width           : 184px;
}

#timeline .block-safari {
    width           : 188px;
}

#timeline .block.inspiration {
    background-image: url(../img/timeline-inspirations.png)
}

#timeline .block.concept {
    background-image: url(../img/timeline-concepting.png)
}

#timeline .block.evaluation {
    background-image: url(../img/timeline-evaluation.png)
}

#timeline .block.winner {
    background-image: url(../img/timeline-winner.png)
}

#timeline .block.realisation {
    background-image: url(../img/timeline-realisation.png)
}

#timeline-selection {
    border          : solid 5px #fff;
    height          : 70px;
    margin-top      : -2px;
    margin-left     : 3px;
    pointer-events  : none;
    position        : absolute;
    width           : 184px;
    z-index         : 21;

    -webkit-box-shadow: 1px 1px 3px 1px rgba(00, 00, 00, 0.3);
    -moz-box-shadow: 1px 1px 3px 1px rgba(00, 00, 00, 0.3);
    box-shadow: 1px 1px 3px 1px rgba(00, 00, 00, 0.3);
}

#timeline-selection.select-1 {
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomrleft: 50px;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

#timeline-selection.t-end {
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

/* ie7 requires blocks to have round corners to avoid overflow */
#timeline .first-pos {
    -webkit-border-top-left-radius   : 50px;
    -webkit-border-bottom-left-radius: 50px;
    border-top-left-radius           : 50px;
    border-bottom-left-radius        : 50px;
}

#timeline .final-pos {
    -webkit-border-top-right-radius   : 50px;
    -webkit-border-bottom-right-radius: 50px;
    border-top-right-radius           : 50px;
    border-bottom-right-radius        : 50px;
    border-right-width: 0;
}
/* ie7 requires blocks to have round corners to avoid overflow */

#timeline-selection.select-1 {
    left            : -3px;
}

#timeline-selection.select-2 {
    left            : 186px;
}

#timeline-selection.select-3 {
    left            : 376px;
}

#timeline-selection.select-4 {
    left            : 564px
}

#timeline-selection.t-end,
#timeline-selection.select-5 {
    left            : 752px
}

#timeline-selection.select-1-from-1 {
    left            : -3px;
    width           : 938px;
}

#timeline-selection.select-1-from-2,
#timeline-selection.select-2-from-2 {
    width           : 468px;
}

#timeline-selection.select-2-from-2 {
    left            : 466px;
}

#timeline-selection.select-1-from-3,
#timeline-selection.select-2-from-3,
#timeline-selection.select-3-from-3 {
    width           : 310px;
}

#timeline-selection.select-2-from-3 {
    left            : 312px;
}

#timeline-selection.select-3-from-3 {
    left            : 624px;
}

#timeline-selection.select-1-from-4,
#timeline-selection.select-2-from-4,
#timeline-selection.select-3-from-4,
#timeline-selection.select-4-from-4 {
    width           : 232px;
}

#timeline-selection.select-2-from-4 {
    left            : 230px;
}

#timeline-selection.select-3-from-4 {
    left            : 464px;
}

#timeline-selection.select-4-from-4 {
    left            : 702px;
}

#slide-timeline {
    width           : 1800px;
}

#timeline-selection #curve {
    display         : none;
}

#timeline .block-1-from-4,#timeline .block-2-from-4,#timeline .block-3-from-4 {
    width           : 234px
}

#timeline .block-4-from-4 {
    border          : 0;
    width           : 236px
}

#timeline .block-1-from-1 {
    border          : none;
    width           : 940px
}

#timeline .block-1-from-3,#timeline .block-2-from-3 {
    width           : 313px
}

#timeline .block-2-from-2 {
    border          : none;
    width           : 472px
}

#timeline .block-3-from-3 {
    width           : 324px
}

#timeline .block-1-from-2,#timeline .block-2-from-2 {
    width           : 470px
}

#timeline.opera .block:first-of-type,
#timeline.opera .block.current-pos {
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

#timeline.opera .block:last-of-type {
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

#timeline .block span.h3 {
    color           : #303030;
    display         : block;
    font-family     : Helvetica, Verdana, Arial, sans-serif;;
    background      : none;
    font-size       : 14px;
    font-style      : normal;
    line-height     : 13px;
    margin-bottom   : 0;
    padding-bottom  : 0;
    font-weight     : 600;
    text-shadow     : lightgrey 0 1px 0;
    text-transform  : uppercase;
}

#timeline .block a {
    text-shadow     : #fff 0 1px 1px;
    color           : #4d4d4d;
    display         : block;
    font-family     : georgia, Georgia, "Times New Roman", Times, serif;
    font-size       : 12px;
    font-style      : italic;
    height          : 56px;
    line-height     : 32px;
    padding-top     : 18px;
    position        : relative;
    text-align      : center;
    text-decoration : none;
    z-index         : 5
}

#timeline .block a span {
    font-size       : 24px;
    line-height     : 24px
}

#timeline .block a span.text {
    color           : gray;
    font-size       : 10px;
    font-style      : normal;
    line-height     : 10px
}

#timeline .go-left,
#timeline .go-right {
    background      : url(../img/timeline/arrows.png) 0 0 no-repeat;
    border          : solid 1px #fff;
    height          : 70px;
    margin          : -1px 0 0;
    overflow        : hidden;
    position        : absolute;
    width           : 34px;
    z-index         : 10
}

#timeline .go-left {
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 50px;
/*    -webkit-border-radius: 50px 0px 0px 50px;*/
    border-radius: 40px 0px 0px 40px;

    border-right : 1px solid #e2e2e2;

    left    : 2px;
}

#timeline .go-right {
    background-position  : -34px 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-radius: 0 50px 50px 0;
    border-radius: 0 50px 50px 0;
    border-left     : 1px solid #e2e2e2;
    right           : -4px;
}

#timeline .go-left:hover,
#timeline .go-left:focus {
    background-position  : 0 -70px;
    border-right-color   : #c4c4c4;
}
#timeline .go-right:hover,
#timeline .go-right:focus {
    background-position  : -34px -70px;
    border-left-color   : #c4c4c4;
}

/* small timeline */
.small-timeline #timeline {
    height          : 54px; /* 76px */
    width           : 700px; /* 940px */
}

.small-timeline #whole-time-line-container,
.small-timeline #timeline-border {
    background      : url(../img/timeline-bg.png) 0 0 repeat-x;
    height          : 48px; /* 70px */
    width           : 700px
}

.small-timeline #timeline-border {
    background: none;
    top             : 10px;
}

.small-timeline #timeline .block {
    height          : 48px;
    width           : 140px
}

.small-timeline #timeline .block-safari.final-pos {
    width           : 136px;
}

.small-timeline #timeline .block-safari {
    width           : 140px;
}

.small-timeline #timeline-selection {
    border-width: 3px;
    height: 48px;
    margin-top: 0;
    width : 138px;
}

.small-timeline #timeline-selection.t-end {
    width: 134px;
}

.small-timeline #timeline-selection.select-1 {
    left: -1px;
}

.small-timeline #timeline-selection.select-2 {
    left            : 141px;
}

.small-timeline #timeline-selection.select-3 {
    left            : 282px;
}

.small-timeline #timeline-selection.select-4 {
    left            : 420px
}

.small-timeline #timeline-selection.t-end,
.small-timeline #timeline-selection.select-5 {
    left            : 562px
}

.small-timeline #timeline-selection.select-6 {
    left: 703px;
}

.small-timeline #timeline-selection.select-7 {
    left: 843px;
}

.small-timeline #timeline-selection.select-1-from-1 {
    left            : -3px;
    width           : 698px;
}

.small-timeline #timeline-selection.select-1-from-2,
.small-timeline #timeline-selection.select-2-from-2 {
    width           : 348px;
}

.small-timeline #timeline-selection.select-2-from-2 {
    left            : 348px;
}

.small-timeline #timeline-selection.select-1-from-3,
.small-timeline #timeline-selection.select-2-from-3,
.small-timeline #timeline-selection.select-3-from-3 {
    width           : 230px;
}

.small-timeline #timeline-selection.select-2-from-3 {
    left            : 232px;
}

.small-timeline #timeline-selection.select-3-from-3 {
    left            : 464px;
}

.small-timeline #timeline-selection.select-1-from-4,
.small-timeline #timeline-selection.select-2-from-4,
.small-timeline #timeline-selection.select-3-from-4,
.small-timeline #timeline-selection.select-4-from-4 {
    width           : 172px;
}

.small-timeline #timeline-selection.select-2-from-4 {
    left            : 173px;
}

.small-timeline #timeline-selection.select-3-from-4 {
    left            : 350px;
}

.small-timeline #timeline-selection.select-4-from-4 {
    left            : 525px;
}

.small-timeline #timeline .block-1-from-4,
.small-timeline #timeline .block-2-from-4,
.small-timeline #timeline .block-3-from-4,
.small-timeline #timeline .block-4-from-4 {
    width           : 175px
}

.small-timeline #timeline .block-4-from-4 {
    border          : 0;
}

.small-timeline #timeline .block-1-from-1 {
    border          : none;
    width           : 700px
}

.small-timeline #timeline .block-1-from-3,
.small-timeline #timeline .block-2-from-3 {
    width           : 233px
}

.small-timeline #timeline .block-3-from-3 {
    width           : 234px
}

.small-timeline #timeline .block-2-from-2 {
    border          : none;
    width           : 472px
}

.small-timeline #timeline .block-1-from-2,
.small-timeline #timeline .block-2-from-2 {
    width           : 349px
}

.small-timeline #timeline .block span.h3 {
    font-size       : 14px;
}

.small-timeline #timeline .block a {
    font-size       : 12px;
    line-height     : 12px;
    padding-top     : 8px;
}

.small-timeline #timeline .block a span {
    font-size: 16px;
    line-height: 16px;
}

#timeline .block a span.text {
    font-size: 10px;
    line-height: 10px;
}

.small-timeline #timeline .go-left,
.small-timeline #timeline .go-right {
    height: 48px;
    width: 22px;
}

.small-timeline #timeline .go-left {
    background-position: -5px -10px;
}

.small-timeline #timeline .go-left:hover {
    background-position: -5px -80px;
}

.small-timeline #timeline .go-right {
    background-position: -41px -10px;
}

.small-timeline #timeline .go-right:hover {
    background-position: -41px -80px;
}

/* small timeline end */

#admin-timeline {
    height          : 202px;
    margin          : 3px 0 17px;
    overflow        : auto;
    white-space     : nowrap;
    width           : 500px;
}

#admin-slide-timeline {
    height          : 185px;
    overflow        : hidden
}

#admin-timeline .block {
    background      : #ccc;
    border-right    : 1px solid #fff;
    height          : 185px;
    padding         : 5px 10px;
    float           : left;
    width           : 120px
}

div.mini-t-container {
    float           : right;
}

.mini-t-container {
    width           : 112px;
}

.challenge-list {
    background      : url(../img/separator.png) 0 100% repeat-x;
    margin-left     : -20px;
    width           : 938px;
}

.challenge-list h4 a {
    color           : #00B0D8;
    font-size       : 16px;
}

.challenge-list tr {
    background      : url(../img/separator.png) 0 100% repeat-x;
}

.challenge-list tr td {
    border          : none;
    text-align      : left;
    padding            : 30px 20px 30px 20px;
}

.challenge-list img.sponsor-logo {
    height          : auto;
    max-width       : 100px;
}

.challenge-list tr td:first-of-type {
    padding-right   : 40px;
    width           : 409px
}

.challenge-list tr td:nth-of-type(2) {
    vertical-align  : middle;
    width           : 138px
}

.challenge-list tr td:last-of-type {
    text-align      : left;
    vertical-align  : middle;
    width           : 145px
}

.challenge-list tr td .mini-t-container {
    float           : none;
}

.selected-pointer {
    background      : url(../img/selected-pointer.png) 50% 6px no-repeat;
    color           : #FF971A;
    font-size       : 8px;
    font-weight     : 600;
    min-height      : 19px;
    overflow        : hidden;
    text-align      : center;
    text-transform  : uppercase;
    white-space     : nowrap;
    width           : 110px
}

.selected-pointer.concept {
    color           : #7EBF3D;
    background-position : 50% -44px
}

.selected-pointer.evaluation {
    color           : #00B0D8;
    background-position : 50% -94px
}

.selected-pointer.winner {
    color           : #EB008B;
    background-position : 50% -144px;
}

.selected-pointer.realisation {
    color           : #8f61a2;
    background-position : 50% -182px;
}

.mini-timeline {
    background      : #E6E6E6;
    -moz-border-radius      : 6px;
    -webkit-border-radius   : 6px;
    border-radius   : 6px;
    height          : 10px;
    overflow        : hidden;
    position        : relative;
    width           : 106px
}

.mini-timeline .block:first-of-type {
    -moz-border-radius      : 0 0 0 6px;
    -webkit-border-radius   : 0 0 0 6px;
    border-radius           : 6px 0 0 6px;
}

.mini-timeline .block:last-of-type {
    -moz-border-bottom-right-radius : 6px;
    -moz-border-top-right-radius : 6px;
    -webkit-border-bottom-right-radius : 6px;
    -webkit-border-top-right-radius : 6px;
    border-bottom-right-radius : 6px;
    border-top-right-radius : 6px;
}

.mini-timeline .mini-bg,
.mini-timeline .round-left,
.mini-timeline .round-right {
    background      : url(../img/mini-timeline-bg.png) 0 0 no-repeat;
    height          : 10px;
    position        : absolute;
    width           : 106px;
}

.mini-timeline .round-left,
.mini-timeline .round-right {
    width           : 5px;
}

.mini-timeline .round-left {
    left            : 0;
}

.mini-timeline .round-right {
    background-position : 100% 0;
    right           : 0px;
}

.mini-timeline .block {
    background-repeat            : no-repeat;
    border-right    : 1px solid #fff;
    float           : left;
    height          : 10px;
    width           : 25px
}

#challenges-panel .mini-timeline {
    background      : url(../img/mini-time-line-bg.png) 0 0 repeat-x
}

#challenges-panel .mini-timeline .block {
    border-color    : #4f4f4f
}

#challenges-panel .mini-t-container {
    margin          : 8px 0
}

.mini-timeline .block:last-of-type {
    border-right    : none
}

#challenges-panel .mini-timeline .mini-bg {
    background-image: url(../img/mini-timeline-bg-2.png)
}

#challenges-panel a {
    color           : #fff;
    font-size       : 11px
}

#challenges-panel .item {
    line-height     : 13px;
    padding-top     : 3px
}

#challenges-panel .more,#bookmarks-panel .more {
    background      : url(../img/arrow-more.png) 100% 1px no-repeat;
    color           : #fff;
    font-size       : 8px;
    line-height     : 8px;
    padding-right   : 12px;
    text-transform  : uppercase
}

.mini-timeline .concept {
    background-image: url(../img/time-mini-concept.png)
}

.mini-timeline .inspiration {
    background-image: url(../img/time-mini-inspirations.png)
}

.mini-timeline .evaluation {
    background-image: url(../img/time-mini-evaluation.png)
}

.mini-timeline .winner {
    background-image: url(../img/time-mini-winner.png)
}

.mini-timeline .realisation {
    background-image: url(../img/time-mini-realisation.png)
}


#challenges-panel .mini-timeline .concept {
    background-image: url(../img/time-mini-concept-2.png)
}

#challenges-panel .mini-timeline .inspiration {
    background-image: url(../img/time-mini-inspirations-2.png)
}

#challenges-panel .mini-timeline .evaluation {
    background-image: url(../img/time-mini-evaluation-2.png)
}

#challenges-panel .mini-timeline .winner {
    background-image: url(../img/time-mini-winner-2.png)
}

#challenges-panel .mini-timeline .realisation {
    background-image: url(../img/time-mini-realisation-2.png)
}

.challenge-listing-small, .current-challenges {
    min-height      : 36px;
    padding : 0 20px 6px
}

.current-challenges {
    background-position  : 0 0;
    font-size       : 11px;
    line-height     : 14px;
    margin          : 0;
    padding         : 15px 20px 7px;
}

.home-listings .first-curr-challenges,
.home-listings .current-challenges:first-of-type {
    background      : none;
    padding-top     : 0;
}

.current-challenges h3 {
    background      : none;
    font-size       : 16px;
    font-weight     : bold;
    line-height     : 20px;
    margin-bottom   : 0;
    margin-top      : -12px;
    padding-bottom  : 9px;
}

.latest-submissions-home h3 { display: none }

.current-challenges h4 {
    font-size       : 12px;
    font-weight     : bold;
    line-height     : 14px;
    padding         : 0 0 4px;
}

.current-challenges h3 a {
    color           : #363636;
}

.current-challenges h3 a:hover,
.current-challenges h3 a:focus {
    color           : #00B0D8;
    text-decoration : none;
}

.current-challenges .latest {
    color           : #93918d;
    display         : block;
    font-size       : 9px;
    font-weight     : bold;
    text-transform  : uppercase;
}

.latest-content {
    float           : left;
    width           : 250px;
}

.no-image {
    float           : none;
    width           : auto;
}

.latest-image {
    float           : right;
    width           : 150px;
}

.current-challenges .img {
    display         : block;
    max-height      : 114px;
    margin-bottom   : 11px;
    overflow        : hidden;
    width           : 150px;
}

.current-challenges .img img {
    display         : block;
    height          : auto;
    max-width       : 150px;
}

.current-challenges div.mini-t-container {
    margin          : 0 16px 5px 0;
}

.current-challenges .author {
    font-weight     : bold;
    padding         : 4px 0 0;
}

.current-challenges .author .date {
    color           : #999;
    font-size       : 10px;
    font-weight     : normal;
}

.challenge-listing-small a {
    color           : #363636;
    display         : block;
    font-size       : 16px;
    font-weight     : 700;
    width           : 250px;
}

.challenge-listing-small a:hover,
.challenge-listing-small a:focus,
.participate-options a:hover,
.participate-options a:focus {
    color           : #00B0D8;
    text-decoration : none
}

.challenge-listing-small .mini-t-container {
    float           : right;
}

.side-bar .challenge-listing-small a {
    font-size      : 11px;
    font-weight    : 500;
    line-height    : 12px;
    width          : auto;
}

.side-bar .challenge-listing-small .mini-t-container {
    float          : none;
    padding-top    : 5px;
    padding-bottom : 10px;
}

.high {
    color           : #00B0D8
}

.high-insp {
    color           : #FF971A
}

.high-conc {
    color           : #7EBF3D
}

.high-eval {
    color           : #00A5D3
}

.high-coll {
    color           : #EB008B
}

#my-activities {
    display         : none
}

.status_message {
    border          : none;
    position        : absolute
}

#listing-pagination {
    font-size       : 10px;
    font-weight     : 600;
    margin          : 0 10px;
    text-transform  : uppercase
}

#listing-pagination .numbering {
    float           : left
}

#listing-pagination .pagination {
    float           : right
}

#listing-pagination .pagination li {
    display         : block;
    list-style      : none;
    float           : left
}

#listing-pagination .pagination li,
#listing-pagination .pagination li a {
    -moz-border-radius: 10px;
    border-radius    : 10px;
    color           : #FF971A
}

#listing-pagination .pagination li a,
#listing-pagination .pagination li span {
    display         : block;
    line-height     : 12px;
    margin-top      : 1px;
    padding         : 4px 7px 3px 7px;
    text-align      : center;
    text-decoration : none;
    word-wrap       : normal;
}

#listing-pagination .pagination li a.textual,
#listing-pagination .pagination li a.textual:hover,
#listing-pagination .pagination li a.textual:focus {
    border          : solid 1px #FF971A;
}

#listing-pagination .pagination li span.textual {
    border          : solid 1px #fecc7f;
    border-radius    : 10px;
    color           : #fecc7f;
    -moz-border-radius : 10px;
    margin-top      : -2px;
}

#listing-pagination .pagination li a.previous-link,
#listing-pagination .pagination li span.previous-link {
    margin          : 0 5px 0 3px;
}

#listing-pagination .pagination li a.next-link,
#listing-pagination .pagination li span.next-link {
    margin          : 0 2px 0 3px;
}

#listing-pagination .pagination li a.selected,
#listing-pagination .pagination li a:hover,
#listing-pagination .pagination li a:focus {
    background      : #FF971A;
    border-color    : #FF971A;
    color:  #fff;
}

#listing-pagination .pagination li a.prev-select {
    border-right    : 0
}

#listing-pagination .pagination li.no-link {
    padding         : 4px 8px
}

#challenge-themes {
    margin          : 15px 0 0 0;
}

/* buttons *************************************/
.button {
    background      : url(../img/button.png) 0 0 no-repeat;
    display         : block;
    cursor          : pointer;
    font-size       : 11px;
    font-weight     : 500;
    height          : 26px;
    line-height     : 25px;
    margin-bottom   : 5px;
    width           : 120px;
    text-indent     : 0;
    padding-top     : 2px;
    padding-left    : 5px;
    text-shadow     : #fff 0 1px 0;

}

#wrap .button,
#theme-page .button,
#assignment-page .button {
    color           : #666;
}

.button.lite {
    background      : url(../img/form-button-lite.png) 0 0 no-repeat;
    display         : inline;
    font-family     : Helvetica, Verdana, Arial, sans-serif;
    font-size       : 13px;
    font-weight     : 500;
    height          : 32px;
    text-indent     : 0;
    text-shadow     : #fff 0 1px 0;
    width           : 123px;
    text-transform  : none;
}

.button.lite:hover,
.button.lite:focus,
#wrap .button.lite:focus,
#theme-page .button.lite:focus,
#assignment-page .button.lite:focus,
#wrap .button.lite:hover,
#theme-page .button.lite:hover,
#assignment-page .button.lite:hover{
    background-position: 0 -32px;
    color: #fff;
    text-shadow     : #666 0 -1px 0;
}

a.button.vote {
    background      : url(../img/button-applause.png) 0 0 no-repeat;
}

#wrap a.button.applauding,
#wrap a.button.applauding:hover,
#wrap a.button.applauded,
#wrap a.button.applauded:hover {
    background-position: 0 0;
    color: #999;
    cursor: default;
    text-shadow: #fff 0 1px 0;
}

#wrap a.button.applauding:hover span,
#wrap a.button.applauded:hover span {
    background-position: 0 0;
}

a.button.admin {
    background      : url(../img/button-long.png) 0 0 no-repeat;
    width           :  145px;
    margin-left     : auto;
    margin-right    : auto;
}


#wrap a.button.flag {
    background: none;
    color: #999;
    font-size: 9px;
    font-weight: bold;
    padding-left: 9px;
    margin: -16px auto 0 10px;
    text-shadow: #fff 0 1px 0;
    width: 122px;
}

#wrap a.button.flag:hover,
#wrap a.button.flag:focus {
    color: #00B0D8;
    text-shadow: #fff 0 1px 0;
}

a.button.vote.vote-action {
    margin-top: 10px;
}

#wrap a.button:hover,
#wrap a.button:focus,
#wrap a.button.pressed,
#assignment-page a.button:hover,
#assignment-page a.button:focus,
#assignment-page a.button.pressed,
#theme-page a.button:hover,
#theme-page a.button:focus,
#theme-page a.button.pressed {
    background-position: 0 -28px;
    color           : #fff;
    text-decoration : none;
    text-shadow     : #4b4b4b 0 -1px 0;
}

.button span {
    background      : 0 0 no-repeat;
    display         : block;
    float           : left;
    height          : 25px;
    width           : 25px;
}

a.button:hover span,
a.button:focus span {
    background-position : 0 -25px
}

.button.flag span {
    background-image: url(../img/icons/flag.png);
    width: 23px;
}

.button.bookmark span {
    background-image: url(../img/icons/save.png)
}

.building {
    background-image: url(../img/build-upon.png);
    display     : block;
    margin      :  -2px auto 18px;
    height      :  49px;
    text-align  : center;
    width       :  140px;
}

.on-inspiration {
    background-image: url(../img/build-upon-insp.png);
}

.building:hover,
.building:focus {
    background-position: 0 -50px;
}

.button.vote span {
    background-image: url(../img/icons/vote.png)
}

.button.generic span {
    background-image: url(../img/icons/generic.png)
}

.all-activities {
    background-image: url(../img/btn-activities-all.png);
    width           : 74px
}

.my-activities {
    background-image: url(../img/btn-activities-mine.png);
    width           : 97px
}
/* buttons end *********************************/

.themes {
    border          : solid 3px #ddd;
    float           : left;
    height          : 145px;
    margin-bottom   : 13px;
    margin-right    : 13px;
    overflow        : hidden;
    text-decoration : none !important;
    width           : 145px
}

#challenge-themes:nth-child(4n) {
    margin-right    : 0
}

.themes .img {
    display         : block;
    height          : 145px;
    overflow        : hidden;
    text-align      : center;
    width           : 145px
}

.themes .img img {
    min-height      : 120px;
    width           : auto;
}

.themes .label {
    background      : #000;
    color           : #fff;
    display         : block;
    font-size       : 12px;
    font-weight     : 600;
    height          : 30px;
    line-height     : 14px;
    margin-top      : -30px;
    padding-left    : 6px;
    padding-top     : 2px;
    position        : relative;
    opacity         : .9;
}

/* related content */
.mid.related-items {
    padding-bottom  : 0;
}

.mid.related-themes {
    padding-bottom  : 8px;
}

.related-items a {
    background      : #ededed;
    display         : block;
    height          : 80px;
    margin          : 0 0 8px;
    overflow        : hidden;
    position        : relative;
    width           : 120px;
}

.related-items a span {
    background      : #000;
    bottom          : 0;
    color           : #fff;
    display         : none;
    font-size       : 12px;
    font-weight     : bold;
    left            : 0;
    line-height     : 15px;
    padding         : 2px 5px 3px;
    position        : absolute;
    right           : 0;
    top             : 0;
    z-index         : 2;
}

.related-items a:hover {
    text-decoration : none;
}

.related-items a.related-concept span {
    background      : #7EBE3D;
}

.related-items a.related-inspiration span {
    background      : #FF971A;
}

.related-items a span.image-less {
    background      : none;
    display         : block;
    z-index         : 1;
}

.related-items a.related-concept span.image-less {
    background      : #7EBE3D;
}

.related-items a.related-inspiration span.image-less {
    background      : #FF971A;
}

.related-items a:hover span {
    display         : block;
}

.related-items a img {
    display         : block;
    height          : auto;
/*    min-height      : 80px;*/
    width           : 120px;
}

.related-items .related-theme {
    height          : auto;
    margin          : 0 0 1px;
}

.related-items .related-theme span {
    background      : #ededed;
    color           : #888;
    display         : block;
    position        : relative;
}

.related-items .related-theme:hover span {
    color           : #39a6e2;
}
/* related content end */

#gallery {
    position        : relative
}

#gallery .content-loader {
    border: 1px solid #f0f0f0;
    background-color: #f0f0f0;
    height          : 338px;
    overflow        : hidden;
}

#gallery.admin-reorder-thumbs .content-loader { margin-bottom : 10px }

#gallery .enlarger {
    background      : url(../img/expand-image.png) 0 0 no-repeat;
    display         : block;
    cursor          : pointer;
    height          : 25px;
    margin-top      : -46px;
    position        : absolute;
    right           : 14px;
    width           : 25px
}

#gallery .content-loader div {
    text-align      : center
}

#gallery .content-loader img {
    max-height      : 388px;
    width           : auto
}

#gallery .thumbs a {
    border: 1px solid #f0f0f0;
    background      : #fff url(../img/thumb-bg.png) 0 0 no-repeat;
    float           : left;
    height          : 54px;
    margin-right    : 20px;
    overflow        : hidden;
    text-align      : center;
    width           : 80px
}

#gallery .thumbs a.not-video {
    background      : #fff;
}

#gallery .thumbs a img {
    max-height      : 62px;
    max-width       : 90px
}

#gallery .thumbs {
    margin-bottom   : 20px;
    width           : 500px;
}

#admin-gallery .thumbs {
    margin-bottom    : 0;
}

#admin-gallery .examplary {
    margin-bottom    : 10px;
}

#gallery .thumbs a:nth-of-type(5) {
    margin-right    : 0
}

.admin-reorder-thumbs li {
    background      : #fff;
    border          : solid 1px #888;
    cursor          : move;
    float           : left;
    height          : 54px;
    list-style      : none;
    margin-bottom   : 10px;
    margin-right    : 22px;
    overflow        : hidden;
    width           : 80px
}

.admin-reorder-thumbs li:nth-of-type(5n) {
    margin-right    : 0;
}

#gallery.admin-reorder-thumbs  li a {
    border          : none;
    text-decoration : none;
}

#gallery .thumbs a.selected img {
    opacity         : .5
}

#gallery .caption {
    display         : block;
    clear           : both;
    font-size       : 10px;
    font-weight     : bold;
    line-height     : 12px;
    min-height      : 24px;
    padding         : 5px 0;
}

.disappear {
    color           : #900;
    font-size       : 10px;
    margin-top      : -25px;
    position        : absolute
}

.admin-form input.text {
    background      : #fafafa;
    border          : solid 1px #a3a3a3;
    border-left-color   : #c4c4c4;
    border-bottom-color : #f2f2f2;
    border-right-color  : #f2f2f2;
    border-top      : 2px #a3a3a3 solid;
    display         : block;
    font-size       : 12px;
    line-height     : 20px;
    height          : 20px;
    padding         : 4px 5px 2px;
    width           : 320px;
}

.admin-form input.disabled,
.admin-form textarea.disabled {
    background      : #f1f1f1;
    border          : none;
    border-bottom   : 2px solid #fff;
    line-height     : 20px;
    margin          : 3px 0 15px;
    padding         : 4px 5px 5px 8px;
    width           : 500px;
}

.admin-form textarea.disabled {
    width           : 516px;
}

.admin-form ul.holder {
    background      : #fafafa;
    border          : solid 1px #a3a3a3;
    border-left-color   : #c4c4c4;
    border-bottom-color : #f2f2f2;
    border-right-color  : #f2f2f2;
    border-top      : 2px #a3a3a3 solid;
    margin          : 0 0 2px;
    padding         : 3px 3px 0;
    width           : 490px;
}

.admin-form textarea {
    background      : #fafafa;
    border          : solid 1px #a3a3a3;
    border-left-color   : #c4c4c4;
    border-bottom-color : #f2f2f2;
    border-right-color  : #f2f2f2;
    border-top      : 2px #a3a3a3 solid;
    clear           : both;
    font-size       : 12px;
    line-height     : 20px;
    padding         : 4px 5px 2px;
    min-height      : 184px;
}

.extra-long-rte textarea {
    min-height      : 400px;
}

.admin-form .content-1-2 input.text {
    width           : 487px
}

.admin-form .content-1-2 input.slug {
    display         : inline;
    width           : 326px
}

.admin-form .smaller-textarea textarea {
    min-height      : 80px;
}

noindex:-o-prefocus, .admin-form textarea {
  min-height: 0;
}

#add-challenge textarea[name="challenge.title"],
#edit-challenge textarea[name="challenge.title"] {
    display         : block;
    height          : 29px;
    min-height      : 29px !important;
}

#themes-selection label {
    clear           : none;
    color           : #00B0D8;
    display         : block;
    float           : left;
    width           : 120px
}

#themes-selection label:nth-child(4n+1) {
    clear           : left;
}

.add-item {
/*    background                      : #fff url(../img/drag-to-reorder.png) 20px 27px no-repeat;*/
    border          : 1px solid #d9d9d9;
    min-height      : 90px;
    margin-bottom   : 10px;
    width           : 458px
}

.add-item-padding {
    padding         : 5px 20px 14px
}

.add-item label {
    font-size       : 11px;
    font-weight     : 600;
    text-align      : right
}

#iframe_page .add-item label {
    text-align      : left
}

.add-item label input.text,.add-item label select.text {
    display         : inline;
    margin-left     : 10px;
    width           : 240px
}

.add-item .styled-file {
    background-image: url(../img/upload_item.png)!important;
    width           : 382px
}

.add-item label .styled-file-text {
    text-align      : left;
    width           : 240px
}

.multiple-files .file-item,.multiple-files .video-item {
    background      : #fff url(../img/drag-to-reorder.png) 5px 9px no-repeat;
    border          : 1px solid #d9d9d9;
    list-style      : none;
    min-height      : 90px;
    margin-bottom   : 25px;
    padding-left    : 45px;
    position        : relative;
}

.multiple-files .file-item input.text,.multiple-files .video-item input.text {
    margin-left     : 113px;
    margin-top      : 5px;
    width           : 295px
}

.multiple-files .file-name {
    font-weight     : bold;
    display         : inline-block;
    padding         : 10px 0 0;
}

.multiple-files .video-item textarea {
    height          : 80px;
    margin-left     : 113px;
    margin-top      : 15px;
    min-height      : 80px;
    width           : 306px
}

.multiple-files .video-item select {
    display         : none;
    margin          : 5px 0 5px 102px
}

#multiple-list {
    margin          : 8px 0;
}

#multiple-list li {
    list-style      : none;
    margin-top      : 20px
}

.multiple-files .counter {
    color           : #000;
    height          : 24px;
    line-height     : 24px;
    margin          : 10px 0 0 -40px;
    overflow        : hidden;
    position        : absolute;
    text-align      : center;
    width           : 24px
}

.file-item .close-btn,.video-item .close-btn {
    cursor          : pointer;
    margin          : -20px 0 0 0;
    right           : -20px;
}

.video-item .add-video-place {
    height          : 1px;
    left            : 0px;
    margin          : -100px 0 0;
    position        : absolute;
    width           : 1px;
}

.content-2-2 input.text,.content-2-2 textarea {
    width           : 320px
}

.admin-form select {
    display         : block
}

.admin-form .form-title {
    color           : #ccc;
    font-size       : 30px;
    font-weight     : 500;
    line-height     : 44px;
    margin          : 26px 0 5px -3px;
    padding-top     : 1px;
    position        : relative;
}

.admin-form fieldset {
    border          : none;
    padding         : 0 0 17px;
    position        : relative;
}

.admin-form label,
.admin-form span.label,
legend {
    clear           : both;
    display         : block;
    font-size       : 13px;
    line-height     : 16px;
    padding-top     : 10px;
}

.admin-form legend.admin-gallery-label {
    color: #555;
    font-size: 12px;
    font-weight: normal;
}

.admin-form label em,
.admin-form span.label em {
    font-size: 10px;
    font-weight: normal;
}

legend {
    font-weight     : 600;
    left            : 0;
    padding         : 0 0 10px;
    position        : relative;
    top             : 0;
}

.admin-form .input-container {
    padding         : 0 0 15px;
}

.input-container label {
    padding         : 0 0 3px;
}

.input-container .img {
    height          : 40px;
    left            : 0;
    position        : absolute;
    overflow        : hidden;
    text-align      : center;
    top             : 12px;
    width           : 40px;
}

.input-container .img img {
    max-height      : 100%;
    width           : auto;
}

.admin-form .image-input {
    min-height      : 40px;
    padding-left    : 50px;
    position        : relative;
}

.admin-form legend {
    max-width: 100%;
}

.admin-form label .sub-label,
.admin-form legend .sub-label {
    display         : block;
    font-size       : 12px;
    font-weight     : 400;
    line-height     : 14px;
    max-width       : 100%;
    padding-bottom  : 1px;
    word-wrap       : break-word;
}

.admin-form label .sub-label-num-count {
    clear           : both;
    color           : #999;
    display         : block;
    font-style      : italic;
    font-weight     : 400;
    float           : right;
    margin          : 0 5px 0;
    text-align      : right
}

.err-text {
    color           : #900;
    display         : none
}

.err-text.textarea-err {
    padding-top     : 8px
}

.error .err-text {
    display         : block
}

#iframe_page .err-text {
    text-align      : right
}

.liner {
    background      : url(../img/sony/liner.png) 0 0 repeat-x;
    clear           : both;
    display         : block;
    margin-top      : 15px;
    padding-top     : 10px;
}

.form-buttons #submitter,
.form-buttons #submitter-side {
    background      : #00a4d2;
    border          : none;
    border-top      : solid 1px #7fd1e8;
    color           : #fff;
    cursor          : pointer;
    padding         : 2px 20px;
    text-transform  : uppercase
}

.side-bar-n .form-buttons {
    border          : none;
    margin-top      : 0;
    padding     : 0
}

#submitter {
    float           : right
}

#login-form-large #submitter {
    display         : block;
    float           : none;
    margin          : 10px 0 0
}

.form-buttons #submitter,.form-buttons .cancel-button,.form-buttons #submitter-side,.unpublish {
    cursor          : pointer;
    height          : 25px;
    border          : none;
    overflow        : hidden;
    text-indent     : -999px;
    text-transform  : capitalize;
    width           : 120px;
}

#submitter-side {
    float           : left
}

#edit-sponsor img {
    height          : auto;
    max-width       : 200px;
}

a.delete {
    background-image: url(../img/delete.png);
    width           : 120px
}

#submitter.preview {
    background-image: url(../img/btn-prev-publish.png);
    width           : 164px
}

#submitter.draft-btn,#submitter-side.draft-btn {
    background-image: url(../img/btn-draft.png);
    width           : 122px
}

#submitter-side.draft-btn:hover,
#submitter-side.draft-btn:focus {
    background-position : 0 -25px
}

.side-bar-n #submitter-side.preview {
    background-image: url(../img/btn-prev-publish-2.png);
    height          : 35px;
    margin-top      : 10px;
    width           : 120px
}

.form-buttons .cancel-button {
    background      : url(../img/form-button-cancel.png) 0 0 no-repeat;
    margin-right    : 10px;
    float:          left;
    font-family     : Helvetica, Verdana, Arial, sans-serif;
    font-size       : 14px;
    font-weight     : 500;
    line-height     : 32px;
    width           : 123px;
    height          : 32px;
    padding-top     : 0px;
    text-align        : center;
    text-indent     : 0;
    text-shadow     : #eee 0 -1px 0;
}

.form-buttons a.cancel-button{
    color:  #888;
}
.form-buttons a.cancel-button:hover,
.form-buttons a.cancel-button:focus {
    color:  #fff;
    text-decoration: none;
    text-shadow     : #666 0 -1px 0;
}

.side-bar-n .cancel-button {
    margin-top      : 8px
}

.questions .cancel-button {
    display         : none
}

.questions .form-buttons #submitter {
    float           : right
}

.form-buttons #submitter:hover,
.form-buttons #submitter:focus,
.form-buttons .cancel-button:hover,
.form-buttons .cancel-button:focus,
#submitter-side.publish:hover,
#submitter-side.publish:focus,
.unpublish:hover,
.unpublish:focus {
    background-position : 0 -32px;
}

#submitter-side.preview:hover,
#submitter-side.preview:focus {
    background-position : 0 -35px
}

.error input.text,.error textarea {
    background-color: #fcc;
    border-color    : #900
}

.error select {
    color           : #900
}

.error-counter {
    color           : #900 !important
}

.valid input.text,.valid textarea {
    background-color: #cfc;
    border-color    : #070
}

.valid select {
    color           : #070
}

.patience-msg {
    background      : url(../img/loading.gif) 0 14px no-repeat;
    color           : #090;
    padding         : 12px 0 1px 25px
}

.lb-searchable-field {
    text-align      : right
}

.admin-form table.listings {
    border-collapse : collapse;
    width           : 100%
}

.admin-form table.listings th {
    text-align      : left
}

.field-notes-item {
    padding-bottom  : 10px
}

.field-notes-item h4,
.field-notes-item h4 a {
    color           : #363636;
    display         : block;
    font-size       : 14px;
    font-weight     : 700;
    line-height     : 18px
}

.field-notes-item h4 a:hover,
.field-notes-item h4 a:focus {
    color           : #00B0D8;
    text-decoration : none
}

.field-notes-item img {
    height          : auto;
    margin-bottom   : 10px;
    width           : 180px
}

.field-notes-item .date {
    font-size       : 11px;
    line-height     : 12px;
    padding-bottom  : 12px;
    text-align      : left;
    width            :180px;
    color: #999;
}

.field-notes-item {
    margin-bottom    : 10px;
    padding-bottom    : 20px;
    font-size       : 12px;
    line-height     : 18px;
}

.field-notes-item a {
    font-size       : 9px;
    font-weight     : 500;
    word-wrap       : break-word;
}

/*********/
/* TextboxList sample CSS */
ul.holder {
    margin          : 0;
    border          : 1px solid #999;
    overflow        : hidden;
    height          : auto!important;
    height          : 1%;
    padding         : 2 20px;
}

:first-child+html ul.holder {
    padding-bottom  : 2px
}

* html ul.holder {
    padding-bottom  : 2px
}

/* ie7 and below */
ul.holder li {
    float           : left;
    list-style-type            : none;
    margin          : 0 5px 4px 0;
    white-space     : nowrap
}

ul.holder li.bit-box,ul.holder li.bit-input input {
    font-size       : 11px
}

ul.holder li.bit-box {
    -moz-border-radius      : 6px;
    -webkit-border-radius   : 6px;
    border-radius   : 6px;
    border          : 1px solid #CAD8F3;
    background      : #DEE7F8;
    padding         : 1px 5px 2px
}

ul.holder li.bit-box-focus {
    border-color    : #598BEC;
    background      : #598BEC;
    color           : #fff
}

ul.holder li.bit-input input {
    background      : none;
    width           : auto;
    overflow        : visible;
    margin          : 0;
    border          : 0;
    outline         : 0
}

/* no left/right padding here please */
ul.holder li.bit-input input.smallinput {
    width           : 20px
}

/* Facebook demo CSS */
#add {
    border          : 1px solid #999;
    width           : 550px;
    margin          : 50px;
    padding         : 20px 30px 10px
}

form ol li {
    list-style-type : none
}

form ol {
    font-size       : 11px;
    margin          : 0;
    padding         : 0
}

form .nicEdit-main ol { font-size : 13px; }

form ol li.input-text {
    margin-bottom   : 10px;
    list-style-type : none;
    padding-bottom  : 10px
}

form ol li.input-text label {
    font-weight     : 700;
    cursor          : pointer;
    display         : block;
    font-size       : 13px;
    margin-bottom   : 10px
}

form ul {
    margin          : 0;
}

ul.holder li.bit-box,#apple-list ul.holder li.bit-box {
    padding-right   : 15px;
    position        : relative;
    z-index         : 1000
}

#apple-list ul.holder li.bit-input {
    margin          : 0
}

#apple-list ul.holder li.bit-input input.smallinput {
    width           : 5px
}

ul.holder li.bit-hover {
    background      : #BBCEF1;
    border          : 1px solid #6D95E0
}

ul.holder li.bit-box-focus {
    border-color    : #598BEC;
    background      : #598BEC;
    color           : #fff
}

ul.holder li.bit-box a.closebutton {
    position        : absolute;
    right           : 4px;
    top             : 50%;
    margin-top      : -4px;
    display         : block;
    width           : 7px;
    height          : 7px;
    font-size       : 1px;
    background      : url(../img/close.gif)
}

ul.holder li.bit-box a.closebutton:hover,
ul.holder li.bit-box a.closebutton:focus {
    background-position : 7px
}

ul.holder li.bit-box-focus a.closebutton,
ul.holder li.bit-box-focus a.closebutton:hover,
ul.holder li.bit-box-focus a.closebutton:focus {
    background-position : bottom
}

/* Autocompleter */
.facebook-auto {
    display         : none;
    position        : absolute;
    width           : 300px;
    background      : #eee
}

.facebook-auto .default {
    padding         : 5px 7px;
    border          : 1px solid #ccc;
    font-size       : 11px
}

.facebook-auto ul {
    display         : none;
    margin          : 0;
    padding         : 0;
    overflow        : auto;
    position        : absolute;
    z-index         : 9999
}

.facebook-auto ul li {
    padding         : 5px 12px;
    z-index         : 1000;
    cursor          : pointer;
    margin          : 0;
    list-style-type : none;
    border          : 1px solid #ccc;
    border-width    : 0 1px 1px;
    font-size       : 11px;
    background-color: #eee
}

.facebook-auto ul li em {
    font-weight     : 700;
    font-style      : normal;
    background      : #ccc
}

.facebook-auto ul li.auto-focus {
    background      : #00B0D8;
    color           : #fff
}

.facebook-auto ul li.auto-focus em {
    background      : none
}

.deleted {
    background-color: #4173CC!important;
    color           : #fff!important
}

#wrap .hidden {
    display         : none
}

#demo ul.holder li.bit-input input {
    padding         : 2px 0 1px;
    border          : 1px solid #999
}

.ie6fix {
    height          : 1px;
    width           : 1px;
    position        : absolute;
    top             : 0;
    left            : 0;
    z-index         : 1
}

#profile {
    padding-bottom  :  54px;
}

#profile.recent-area {
    padding-bottom  : 20px;
}

#profile h2 {
    color           : #353535;
    font-size       : 38px;
    padding-top     : 5px;
    padding-bottom  : 8px;
}

#profile h2 a {
    color           : #231F20;
}

#profile h2 a:hover,
#profile h2 a:focus {
    color           : #00B0D8;
    text-decoration : none;
}

#profile h3 {
    background      : none;
    color           : #948e8b;
    font-family     : georgia, Georgia, "Times New Roman", Times, serif;
    font-size       : 18px;
    font-style      : italic;
    font-weight     : 400;
    line-height     : 24px;
    margin          : -16px 0 0;
    padding         : 14px 20px 17px 0;
    text-transform  : none;
    width           : auto;
}

#profile h3 span {
    font-family     : Helvetica, Verdana, Arial, sans-serif;
    font-size       : 10px
}

#bio {
    clear: both;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
}

.user-pic {
    max-height      : 180px;
    overflow        : hidden;
    padding-bottom  : 12px;
    width           : 180px
}

.user-pic img {
    height          : auto;
    max-width       : 180px
}

.user-contributions h3 {
    margin-bottom   : 30px;
    margin-top      : 0;
}

#last-comment {
    background      : url(../img/last-comment.png) 5px 0 no-repeat;
    float           : left;
    height          : 40px;
    margin-top      : -28px
}

#last-comment .comment {
    display         : block;
    float           : left;
    height          : 28px;
    width           : 25px
}

#last-comment .comment-0 {
    margin-left     : 3px
}

#last-comment .comment-1 {
    margin-left     : 2px;
    width: 23px;
}

#last-comment .comment-2 {
    width: 18px;
}

#last-comment .comment-3 {
    width           : 15px
}

#last-comment .comment-4 {
    margin-left     : 42px
}

#last-comment .last-text {
    background      : url(../img/last-comment-bubble.png) 0 0 no-repeat;
    color           : #fff;
    display         : none;
    height          : 94px;
    margin          : -93px 0 0 -48px;
    position        : absolute;
    width           : 160px
}

#last-comment .last-text a {
    color           : #fff
}

#last-comment .comment-3 .last-text {
    margin-left     : -56px
}

#last-comment .last-text div {
    font-size       : 10px;
    line-height     : 12px;
    height          : 27px;
    overflow        : hidden;
    padding         : 14px 10px 10px 14px
}

.evaluate-push {
	color: #a1a1a1;
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-style: italic;
	padding: 12px 0 14px;
}

.login-to-eval {
    display         : none;
    font-size       : 14px;
    font-weight     : bold;
    line-height     : 18px;
    padding         : 10px 0 0 3px;
}

#main-content .login-to-eval a {
    color           : #00B0D8;
}

.questions h4 {
    font-size       : 14px;
    font-weight     : 700;
    line-height     : 18px;
    padding-bottom  : 9px
}

.styled-radio-label {
    padding-left    : 24px
}

.styled-radio {
    background      : url(../img/radio.png) 0 0 no-repeat;
    display         : block;
    height          : 14px;
    margin-left     : -24px;
    margin-top      : 1px;
    position        : absolute;
    width           : 14px
}

.styled-radio.checked {
    background-position : 0 -22px
}

h3.questions-title {
    margin-top      : 20px;
    min-height      : 24px;
}

h3.questions-title a,h3.questions-title span.like-a {
    color           : #444;
    float           : right;
    font-size       : 12px;
    font-weight     : 500;
    line-height     : 29px;
    text-transform  : none
}

h3.winner-questions-title span.like-a {
    color           : #4D4D4D;
    float           : none;
    font-size       : 12px
}

.questions .container {
    padding         : 0 30px 20px;
}

.questions input.text {
    border          : 1px solid #999;
    font-size       : 12px;
    line-height     : 20px;
    margin-left     : 10px;
    padding         : 4px 5px 2px;
    width           : 200px
}

.questions label {
    color           : #00A4D2;
    line-height     : 18px;
    padding-top     : 4px
}

.question-number {
    background      : url(../img/question-bg.png) 0 0 no-repeat;
    color           : #fff;
    font-size       : 12px;
    font-weight     : 700;
    line-height     : 19px;
    height          : 18px;
    overflow        : hidden;
    position        : absolute;
    text-align      : center;
    width           : 18px
}

.big-num {
    font-size       : 10px
}

#add-resource,#add-question .delete-me {
    background      : url(../img/question-bg.png) 0 0 no-repeat;
    color           : #fff;
    cursor          : pointer;
    display         : none;
    font-size       : 12px;
    font-weight     : 700;
    line-height     : 16px;
    height          : 18px;
    margin-top      : 32px;
    margin-left     : 490px;
    overflow        : hidden;
    position        : absolute;
    text-align      : center;
    width           : 18px
}

#add-question input.text {
    width           : 468px;
}

#add-question .delete-me {
    display         : block;
    margin-top      : -40px;
}

#our-winner {
    background      : #F2F1F0;
    -moz-border-radius      : 6px;
    -webkit-border-radius   : 6px;
    margin          : 30px 0 20px;
    padding         : 20px
}

#our-winner .image {
    float           : right;
    margin-left     : 15px;
    width           : 200px
}

#our-winner h3 {
    background      : none;
    display         : inline;
    font-family     : georgia, Georgia, "Times New Roman", Times, serif;
    font-size       : 24px;
    font-weight     : 400;
    padding         : 0;
    text-transform  : none
}

td {
    vertical-align  : top
}

h3 .sponsor-logo {
    float           : right;
    max-height      : 30px;
    margin-left     : 6px;
    margin-right    : -8px;
    width           : auto;
    margin-top        : -7px;
    background-color: white;
    vertical-align: middle;
    padding            : 3px;
    border-radius    : 5px;
}

h3 .sponsor-logo-by {
    float           : right;
    max-height      : 24px;
    width           : auto
}

input.search {
    background      : #f9f9f9;
    border          : #ccc solid 1px;
    font-size       : 12px;
    height          : 19px;
    padding         : 2px 34px 2px 4px;
    width           : 180px;
    -moz-border-radius      : 12px;
    border-radius   : 12px;
}

#search-from-head-label {
    float           : left;
    overflow        : hidden;
    position        : absolute;
    text-indent     : -200px;
}

#advanced-search {
    padding-left    : 5px
}

#advanced-search input.search {
    height          : 28px;
    width           : 468px
}

.show-advanced {
    background      : url(../img/magnify.png) 0 center no-repeat;
    cursor          : pointer;
    height          : 25px;
    overflow        : hidden;
    position        : absolute;
    right           : 5px;
    text-transform  : capitalize;
    text-indent     : -999px;
    width           : 26px
}

#advanced-search .show-advanced {
    height          : 34px;
    margin-left     : 478px;
    right           : auto;
}

.page-nav a {
    display         : block
}

.page-nav a.selected {
    color           : gray;
    font-weight     : 700
}

.assignment-description-form {
    background      : #f6f6f6;
    line-height     : 16px;
    padding         : 19px 20px 25px;
    margin-top:  20px;
    -moz-border-radius: 10px;
    border-radius    : 10px;

}

.how-it-works {
    text-align: center;
}

.how-it-works img {
    display: block;
    margin: 0;
}

.how-it-works h4 {
    font-size: 24px;
    line-height: 28px;
    margin: 0 auto 30px;
}

/* Virtual members area ************************/

/* Title */
#virtual-team {
    padding-bottom  : 2px;
}

/* managing button */
#open-manage-virtual-team {
    float           : right;
    margin          : 0 -5px 0 0;
}

/* badges */
.virtual-team-badge {
    background      : #f5f1eb;
    border          : solid 1px #e8e8e7;
    display         : block;
    float           : left;
    height          : 39px;
    margin          : 8px 12px 4px 0;
    padding         : 5px;
    position        : relative;
    width           : 146px;

    -webkit-border-radius   : 2px;
    border-radius    : 2px;
}

    .virtual-team-badge .img {
        float           : left;
        height          : 40px;
        margin          : 0 7px 0 0;
        overflow        : hidden;
        text-align      : center;
        width           : 40px;
    }

        .virtual-team-badge .img img {
            max-height  : 50px;
            width       : auto;
        }

    .virtual-team-badge h4 {
        font-family     : Helvetica, Verdana, Arial, sans-serif;
        font-size       : 12px;
        font-weight     : bold;
        line-height     : 14px;
        padding         : 0 5px 0 0;
    }

        .virtual-team-badge h4 a {
            color       : #00B0D8;
        }


    .virtual-team-note {
        background  : url(../img/virtual-teams-note.png) 0 0 no-repeat;
        bottom      : 3px;
        height      : 12px;
        position    : absolute;
        right       : 2px;
        width       : 13px;
    }

    .virtual-team-note:hover .team-member-note {
        display         : block;
    }

    .virtual-team-note .team-member-note {
        background      : #fff;
        border          : solid 1px #999;
        display         : none;
        font-size: 12px;
        left            : 50%;
        margin          : 4px 0 0 -186px;
        min-height      : 80px;
        padding         : 8px 12px;
        position        : absolute;
        top             : 21px;
        width           : 278px;
        z-index         : 20;

        -webkit-box-shadow: 0px 0px 8px 1px rgba(00, 00, 00, 0.4);
        box-shadow: 0px 0px 8px 1px rgba(00, 00, 00, 0.4);
    }

        .virtual-team-note .team-member-note span.arrow {
            background      : url(../img/virtual-teams-note-arrow.png) 186px 100% no-repeat;
            height          : 15px;
            left            : 0;
            margin          : -23px 0 0 -12px;
            position        : absolute;
            width           : 278px;
            word-wrap       : break-word;
        }

        .virtual-team-note .team-member-note span.note-intro {
            color           : #464646;
            display         : block;
            font-weight     : bold;
            line-height     : 15px;
            padding-bottom  : 4px;
        }

        .virtual-team-note .team-member-note div.note-text {
            line-height     : 14px;
            word-wrap       : break-word;
        }

/* Virtual members area end *********************/

.disable-select {
    cursor          : default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Build on widgets *****************************/

#manage-virtual-team-form {
    margin          : 12px 0 0;
    padding         : 15px 0;
}

#manage-virtual-team-form>p {
    font-size       : 12px;
    line-height     : 16px;
}

#manage-virtual-team-form .cancel-button {
    float           : right;
}

/* main boxes */
#basedon-container,
.based-on-search {
    background      : #f2eee6;
    border          : #dadada 1px solid;
    float           : left;
    min-height      : 248px;
    position        : relative;
    width           : 242px;
}

#basedon-container {
    margin          : 0 10px 0 0;
}

#by-bookmarks {
    display         : none;
}

    .based-on-search ul.based-on-results,
    #by-bookmarks ul {
        border-top      : 1px solid #dadada;
        max-height      : 172px;
        margin          : 0;
        overflow        : auto;
    }

    #by-bookmarks ul {
        border-top      : none;
        max-height      : 217px;
    }

    .based-on-results.searching-now {
        background      : url(../img/feed_load.gif) 50% 50px no-repeat;
    }

    /* headers and buttons */
    #basedon-container h4 {
        text-shadow : #fff 0 1px 1px;
    }

    #basedon-container h4,
    .based-on-search .based-on-buttons {
        background      : rgb(249,249,249); /* Old browsers */
        background      : -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
        background      : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
        background      : -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
        background      : -o-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
        background      : -ms-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
        background      : linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
        filter          : progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

        border          : none;
        color           : #999;
        font            : bold 12px/30px Helvetica, Arial, Geneva, sans-serif;
        margin          : 0;
        padding     : 0 10px;
    }

    .based-on-buttons button {
        background      : none;
        border          : none;
        color           : #999;
        cursor          : pointer;
        display         : inline;
        font-size: 12px;
        font-weight: bold;
        padding: 0 8px;
        text-shadow     : 0px 1px 0px #fff;
    }

    .based-on-buttons button.selected {
        background : #00B0D8;
        -webkit-border-radius   : 10px;
        border-radius    : 10px;
        color   : #fff;
        line-height : 20px;
        text-shadow: 0px -1px 0px #666;
    }

    .returned-list li,
    #basedon-container h4,
    .based-on-search .based-on-buttons {
        border-bottom   : 1px solid #dadada;
        position    : relative;
    }

    .based-on-search button {
        text-align      : left;
    }

    .based-on-search input.search {
        height          : 18px;
        margin          : 9px 0 10px 11px;
        width           : 178px;
    }

    .buildon-search-button {
        background: url(../img/magnify.png) 0 center no-repeat;
        height: 25px;
        overflow: hidden;
        position: absolute;
        right: 22px;
        text-indent: 30px;
        top: 40px;
        white-space: nowrap;
        width: 14px;
    }

    ul.returned-list {
        margin          : 0 0 60px;
        min-height      : 157px;
    }

    .returned-list li {
        background      : #f2eee6;
        list-style      : none;
        list-style-position: inside;
        padding         : 3px 8px 6px 10px;
    }

        .returned-list .text {
            font-size   : 12px;
            line-height : 13px;
            text-shadow : #fff 0 1px 1px;
        }

            .returned-list .text strong,
            .returned-list .text a {
                color       : #00B0D8;
                display     : block;
                font-weight: bold;
                max-height  : 36px;
                overflow    : hidden;
                padding     : 0 0 5px;
            }

            .returned-list .add-item-click {
                clip        : rect(1px 1px 1px 1px);
                clip        : rect(1px, 1px, 1px, 1px);
                left        : 0;
                position    : absolute;
                top         : 0;
                z-index     : 1;
            }

            .returned-list .add-item-click:focus {
                clip        : auto;
            }

        .returned-list .deletemes {
            background  : url(../img/build-on-delete.png) 0 0 no-repeat;
            border      : none;
            display     : none;
            float       : right;
            height      : 12px;
            overflow    : hidden;
            text-indent : -900px;
            width       : 12px;
        }

        #selected-based-on .deletemes {
            display     : block;
        }

        .returned-list .img {
            float       : left;
            height      : 40px;
            margin      : 2px 7px 0 0;
            overflow    : hidden;
            position    : relative;
            text-align  : center;
            width       : 60px;
            z-index     : 2;
        }

        .returned-list .inspiration-image {
            background  : #fce0bc;
        }

        .returned-list .concept-image {
            background  : #95c85f;
        }

        .returned-list .img img {
            max-height  : 46px;
            width       : auto;
        }

        .returned-list .img .hover-drag-layer {
            background  : url(../img/rollover-drag.png) 50% 50% no-repeat;
            display     : none;
            height      : 100%;
            position    : absolute;
            width       : 100%;
            z-index     : 10
        }

        .based-on-results li:hover .img .hover-drag-layer,
        .based-on-results li:focus .img .hover-drag-layer,
        #by-bookmarks li:hover .img .hover-drag-layer,
        #by-bookmarks li:focus .img .hover-drag-layer {
            display     : block
        }

        .based-on-results li.ui-sortable-helper .img .hover-drag-layer {
            display : none;
        }

        li.ui-sortable-helper {
            -webkit-box-shadow: 0 0 4px 1px rgba(00, 00, 00, 0.15);
            box-shadow: 0 0 4px 1px rgba(00, 00, 00, 0.15);
        }

        li.ui-sortable-placeholder {
            background  : #cdc1ab;
            -webkit-box-shadow: inset 0px 1px 5px 0px rgba(00, 00, 00, 0.3);
            box-shadow: inset 0px 1px 5px 0px rgba(00, 00, 00, 0.3);
            height      : 45px;
            visibility: visible !important;
        }

    .build-on-incite,
    .build-on-search-msg {
        color           : #999;
        font-size       : 10px;
        font-weight     : bold;
        left            : 50%;
        line-height     : 14px;
        margin          : 0 0 0 -75px;
        position        : absolute;
        text-align      : center;
        top             : 88px;
        width           : 150px;
        z-index         : 0;
    }

    .build-on-incite {
        background      : url(../img/build-on-drag.png) 6px 2px no-repeat;
        bottom          : 8px;
        margin          : 0 0 0 -75px;
        min-height      : 22px;
        padding         : 0 0 0 36px;
        text-align      : left;
        top             : auto;
        width           : 120px;
    }

/* concept/ inspiration specific */
.returned-list .img span {
    bottom          : 0;
    color           : #fff;
    display         : block;
    font-size       : 7px;
    height          : 10px;
    line-height     : 10px;
    position        : absolute;
    text-align      : center;
    text-transform  : uppercase;
    width           : 100%
}

.returned-list .img span.concept-item {
    background      : #7EBE3D
}

.returned-list .img span.inspiration-item {
    background      : #FF971A
}

.returned-list .img span.evaluation-item {
    background      : #00A4D2
}

.returned-list .img span.winner-item {
    background      : #EB008B
}

/* virtual teams specific */
#manage-virtual-team #basedon-container {
    margin-left: 0;
}

.returned-list .text .virtual-team-add-note-btn {
    color           : #00B0D8 !important;
    font-size       : 10px;
    font-weight: normal;
    left: 58px;
    position: absolute;
}

.virtual-teams .img {
    height      : 40px;
    width       : 40px;
}

.virtual-teams .img img {
    max-height  : 40px;
}

.virtual-team-add-note {
    background      : url(../img/virtual-team-add-note-bg.png) 0 0 no-repeat;
    min-height      : 240px;
    font-size       : 12px;
    line-height     : 16px;
    padding         : 20px 26px 0 136px;
    width           : 272px;
}

.returned-list .virtual-team-note {
    left            : 58px;
    right           : auto;
    bottom          : 4px;
}

    .virtual-team-add-note h4 {
        color       : #666;
        font-size   : 18px;
        line-height : 22px;
        margin-bottom: 8px;
    }

    .virtual-team-add-note p {
        padding-bottom : 5px;
    }

    .virtual-team-add-note textarea {
        height      : 84px;
        padding     : 2px 6px;
        resize      : none;
    }

    .virtual-team-add-note textarea::-webkit-input-placeholder  { font-style: italic }
    .virtual-team-add-note textareainput:-moz-placeholder { font-style: italic }

    #fancybox-outer .virtual-team-add-note .button-container {
        padding     : 8px 0;
    }

    #fancybox-outer .virtual-team-add-note .btn {
        margin      : 0 5px 0 0;
    }
/* Build on widgets end *************************/

/* author drop */
#author-drop {
	background: #f6f6f6;
	border: solid 1px #ccc;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	float: left;
	margin: 0 10px 0 0;
	min-height: 110px;
	padding: 13px 14px 1px;
	position: relative;
	width: 214px;
}

#author-drop li {
	display: none;
}

#author-drop li.author-item {
	display: block;
}

#author-drop li.ui-sortable-placeholder {
	background: #efeeee;
	bottom: 0;
	display: block;
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	right: 0;
	top: 0;
}

#author-drop li.build-on-incite {
	margin-left: -62px;
	width: 100px;
}

	#author-drop li .img {
		height: 51px;
		margin: 2px 0 0;
		position: absolute;
		overflow: hidden;
		text-align: center;
		width: 51px;
	}

	#author-drop li .img img {
		max-height: 51px;
		width: auto;
	}

	#author-drop li .content {
		padding: 0 0 0 61px;
	}

		#author-drop li .content label {
			margin: -2px 0 2px;
			padding: 0;
		}

	#author-drop li .text {
		font-weight: bold;
	}

	#author-drop li .date-created {
		color: #999;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
	}
/* author drop end */

/* old build on
#basedon-container {
    width           : 240px
}

#basedon-container .mid {
    border          : 3px solid #999;
    -webkit-box-shadow:  none;
    -moz-box-shadow:  none;
    box-shadow      : none;
    padding         : 3px;
}

#selected-based-on {
    background      : url(../img/drag-here.png) 50% 50% no-repeat;
    border          : dashed 3px #e5e5e5;
    -moz-border-radius: 10px;
    -webkit-border-radius   : 10px;
    border-radius    : 10px;
    min-height      : 266px;
    overflow        : hidden;
    padding         : 4px;
}

#based-on-search {
    background      : url(../img/build-on-search-box.png) 0 0 no-repeat;
    float           : right;
    height          : 285px;
    width           : 242px
}

#based-on-search.users {
    background      : none;
    border          : solid 3px #888;
    height          : 278px;
}

#based-on-search.users #searcher {
    margin          : 2px 0 0 10px;
}

#based-on-search.searching {
    background-position : 0 -285px!important
}

#selected-based-on .deletemes {
    background      : none;
    border          : none;
    display         : block;
    cursor          : pointer;
    float           : right
}

.add-item-click {
    border          : none;
    background      : none;
    left            : 5px;
    position        : absolute;
}

.add-item-click:focus {
    display         : inline;
}

.link-add-item {
    position        : relative;
    padding-bottom  : 10px
}

.default-link-add-item .deletemes {
    display         : none
}

.link-add-item .deletemes {
    right           : 0px;
    position        : absolute
}

#based-on-search .deletemes {
    display         : none
}

#by-search {
    display         : none;
    margin-top      : 38px;
    padding         : 0 7px
}

#based-on-results.searching-now {
    background      : #fff url(../img/feed_load.gif) 50% 50px no-repeat;
}

#by-bookmarks {
    height          : 235px;
    overflow        : hidden;
    margin-top      : 35px;
    padding         : 0 10px 0 7px;
    width           : 222px
}

.returned-list {
    min-height      : 200px;
    *position        : relative;
}

.returned-list li {
    height          : 50px;
    list-style      : none;
    margin-bottom   : 8px;
    overflow        : hidden;
    padding         : 5px;
    position        : relative
}

.returned-list .img {
    display         : block;
    float           : left;
    height          : 50px;
    overflow        : hidden;
    position        : relative;
    width           : 75px
}

.returned-list li,
.returned-list .img {
    background      : #F2F2F2;
}

.returned-list .img img {
    max-height      : 100%;
    width           : auto
}

.returned-list .img span {
    color           : #fff;
    display         : block;
    font-size       : 7px;
    height          : 10px;
    line-height     : 10px;
    margin-top      : 40px;
    position        : absolute;
    text-align      : center;
    text-transform  : uppercase;
    width           : 75px
}

.returned-list .img span.concept-item {
    background      : #7EBE3D
}

.returned-list .img span.inspiration-item {
    background      : #FF971A
}

.returned-list .img span.evaluation-item {
    background      : #00A4D2
}

.returned-list .img span.winner-item {
    background      : #EB008B
}

.returned-list .text {
    color           : #333;
    font-size       : 9px;
    display         : block;
    float           : left;
    height          : 50px;
    line-height     : 12px;
    margin-left     : 11px;
    overflow        : hidden;
    width           : 95px
}

.returned-list .text strong {
    display         : block;
    font-size       : 11px;
    line-height     : 13px
}

#by-search .search {
    width           : 188px
}

#by-search .show-advanced {
    margin-left     : 196px
}

#by-search .advanced-listing {
    margin-left     : 93px;
}

#by-search .returned-list, #based-on-search .returned-list {
    height          : 215px;
    overflow        : auto
}

#search-users .returned-list {
    height          : 251px;
}

#by-bookmarks .returned-list {
    height          : 235px;
}

#based-on-book-btn,
#based-on-search-btn {
    background      : #fff;
    border          : none;
    color           : #00B0D8;
    cursor          : pointer;
    display         : block;
    float           : left;
    height          : 26px;
    margin          : 3px 0 0 2px;
    width           : 98px;
}

#based-on-search-btn {
    margin-left     : 8px;
    width           : 95px;
}

#manage-challenge-administrators .content-1-2,
#manage-virtual-team .content-1-2 {
    float           : none;
    width           : 497px;
}


#manage-challenge-administrators #selected-based-on,
#manage-virtual-team #selected-based-on {
    background-image    : url(../img/drag-users.png);
    min-height      : 293px;
}

#manage-challenge-administrators #based-on-search,
#manage-virtual-team #based-on-search {
    background      : url(../img/search-admins.png) 0 0 no-repeat;
    border          : 0;
    height          : 320px;
    position        : relative;
}

#manage-challenge-administrators #based-on-results,
#manage-virtual-team #based-on-results {
    height          : 240px;
    margin          : 33px 3px 0 1px !important;
    padding-top     : 7px;
}

#manage-challenge-administrators #search-users #searcher,
#manage-virtual-team #search-users #searcher {
    background      : none;
    border          : none;
    bottom          : 7px;
    left            : 5px;
    margin          : 0;
    position        : absolute;
    width           : 194px;
}

#manage-challenge-administrators .img,
#manage-virtual-team .img {
    height          : 80px;
    position        : relative;
    text-align      : center;
    width           : 80px;
}

#manage-challenge-administrators #selected-based-on .img,
#manage-virtual-team #selected-based-on .img {
    height          : 95px;
    width           : 95px;
}

#manage-challenge-administrators li,
#manage-virtual-team li {
    height          : 80px;
}

#manage-challenge-administrators #selected-based-on li,
#manage-virtual-team #selected-based-on li {
    height          : 95px;
}

#manage-challenge-administrators .text,
#manage-virtual-team .text {
    width           : 90px;
}

#manage-challenge-administrators .text strong,
#manage-virtual-team .text strong {
    color           : #00B0D8;
    font-size       : 14px;
    line-height     : 18px;
}
/* end old build on */

.advanced-listing {
    display         : none;
    position        : absolute;
    right           : 10px;
    width           : 135px;
    z-index         : 20;
}

#advanced-search .advanced-listing {
    margin-left     : 373px;
    right           : auto;
}

.advanced-listing label {
    background      : #fff;
    border          : 1px solid #B3B3B3;
    color           : #555;
    cursor          : pointer;
    font-family     : Helvetica, Verdana, Arial, sans-serif;
    font-size       : 10px;
    font-weight     : 600;
    display         : block;
    margin          : -1px 0 0;
    padding         : 4px 5px;
    text-transform  : uppercase
}

.advanced-listing label input {
    display         : none
}

.advanced-listing label.selected,
.advanced-listing label:hover,
.advanced-listing label:focus {
    background      : #ccc;
    color           : #fff;
}

.concept-area a,.concept-area .high,.concept-area .high a,.concept-area #listing-pagination .pagination a,.concept-area #listing-pagination .pagination li,h2.concept-area {
    color           : #7EBE3D
}

.concept-area #listing-pagination .pagination li a.selected,
.concept-area #listing-pagination .pagination li a:hover,
.concept-area #listing-pagination .pagination li a:focus {
    background      : #7EBE3D;
    border-color    : #7EBE3D;
}

.concept-area #listing-pagination .pagination li a.textual,
.concept-area #listing-pagination .pagination li a.textual:hover,
.concept-area #listing-pagination .pagination li a.textual:focus {
    border-color    : #7EBE3D;
}

.concept-area #listing-pagination .pagination li span.textual {
    border-color    : #b2d88b;
    color           : #b2d88b;
    -moz-border-radius: 10px;
    border-radius    : 10px;
}

.winner-area a,.winner-area .high,.winner-area .high a,.winner-area #listing-pagination .pagination a,.winner-area #listing-pagination .pagination li,h2.winner-area {
    color           : #EB008B
}

.winner-area #listing-pagination .pagination li a.selected,
.winner-area #listing-pagination .pagination li a:hover,
.winner-area #listing-pagination .pagination li a:focus {
    background      : #f9b2dc;
    border-color    : #f9b2dc;
}

.winner-area #listing-pagination .pagination li a.textual,
.winner-area #listing-pagination .pagination li a.textual:hover,
.winner-area #listing-pagination .pagination li a.textual:focus {
    border-color    : #EB008B;
}

.winner-area #listing-pagination .pagination li span.textual {
    border-color    : #f366b9;
    color           : #f366b9;
}

.realisation-area a,.realisation-area .high,.realisation-area .high a,.realisation-area #listing-pagination .pagination a,.realisation-area #listing-pagination .pagination li,h2.realisation-area {
    color           : #8F61A2
}

.realisation-area #listing-pagination .pagination li a.selected,
.realisation-area #listing-pagination .pagination li a:hover,
.realisation-area #listing-pagination .pagination li a:focus {
    background      : #f9b2dc;
    border-color    : #f9b2dc;
}

.realisation-area #listing-pagination .pagination li a.textual,
.realisation-area #listing-pagination .pagination li a.textual:hover,
.realisation-area #listing-pagination .pagination li a.textual:focus {
    border-color    : #8F61A2;
}

.realisation-area #listing-pagination .pagination li span.textual {
    border-color    : #f366b9;
    color           : #f366b9;
}

.inspiration-area a,.inspiration-area .high,.inspiration-area .high a,.inspiration-area #listing-pagination .pagination a,.inspiration-area #listing-pagination .pagination li,h2.inspiration-area {
    color           : #FF971A;
}

.evaluation-area a,.evaluation-area .high,.evaluation-area .high a,.evaluation-area #listing-pagination .pagination a,.evaluation-area #listing-pagination .pagination li,h2.evaluation-area {
    color           : #00A4D2
}

.evaluation-area #listing-pagination .pagination li a.selected,
.evaluation-area #listing-pagination .pagination li a:hover,
.evaluation-area #listing-pagination .pagination li a:focus {
    background      : #00A4D2;
    border-color    : #00A4D2;
}

.evaluation-area #listing-pagination .pagination li a.textual,
.evaluation-area #listing-pagination .pagination li a.textual:hover,
.evaluation-area #listing-pagination .pagination li a.textual:focus {
    border-color    : #00A4D2;
}

.evaluation-area #listing-pagination .pagination li span.textual {
    -moz-border-radius: 10px;
    border-radius    : 10px;
    border-color    : #66c8e4;
    color           : #66c8e4;
}

.buttons div,#order-by div {
    float           : left;
    font-size       : 9px;
    font-weight     : 700;
    text-transform  : uppercase
}


.buttons a,
.buttons span.no-option {
    border-bottom   : 4px none;
    color           : #888;
    font-size       : 11px;
    font-weight     : 500;
    height          : 17px;
    float           : left;
    line-height     : 18px;
    margin          : 0 5px;
    padding         : 0px 8px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.buttons a.selected {
    background-color: #00B0D8;
    background-position  : 100% -41px;
    color            : #fff;
    font-weight     : 600;
    padding         : 0 8px;
    text-decoration : none;
    text-shadow     : #008bac 0 -1px 1px;
}

.buttons a:hover,
.buttons a:focus {
    background-color: #8ecad8;
    color           : #fff;
    text-decoration : none;
    text-shadow     : #4d99ac 0 -1px 1px;
}

.buttons-sort a {
    padding         : 0 8px;
}

.buttons-sort a span {
    background      : url(../img/listing-ordering.png) 0 0 no-repeat;
    float           : right;
    font-size       : 0;
    line-height     : 0;
    height          : 20px;
    margin          : 0 -3px 0 5px;
    width           : 10px;
    vertical-align  : bottom;
}

.buttons-sort a.selected:hover span,
.buttons-sort a.selected:focus span,
.buttons-sort a.selected.asc span {
    background-position  : 0 -21px;
}

.buttons-sort a:hover span,
.buttons-sort a.asc:hover span,
.buttons-sort a.asc:focus span,
.buttons-sort a.selected span {
    background-position  : 0 -41px;
}

.buttons-sort-one-way a span {
    background-position: 0 -29px;
    height: 10px;
    margin-top: 5px;
}

.buttons-sort-one-way a:hover span,
.buttons-sort-one-way a:focus span {
    background-position: 0 -9px;
}

tr.buttons-sort a,
tr.buttons-sort a.selected,
tr.buttons-sort span.no-option {
    border-radius: 0;
    display: block;
    float: none;
    margin: 0;
    padding: 7px 10px 4px;
    position: relative;
    text-shadow: none;
}

tr.buttons-sort a:hover,
tr.buttons-sort a:focus,
tr.buttons-sort a.selected {
    background: #444;
    text-shadow: none;
}

.buttons-sort a.no-order span {
    display         : none;
}

.user-activities h3 {
    margin-bottom   : 11px;
}

.sort-buttons {
    padding         : 6px 0 3px;
}

.sort-buttons div {
    font-size       : 10px;
    padding-right   : 4px;
}

.sort-buttons a {
    background      : url(../img/ordering.png) 100% 0 no-repeat;
    color           : #00B0D8;
    font-size       : 12px;
    font-weight     : bold;
    height          : 19px;
    line-height     : 19px;
    margin          : 0 -4px;
    padding         : 0 16px 0 10px;
}

.user-activities .sort-buttons a,
.sort-buttons a:hover,
.sort-buttons a:focus {
    background-color    : transparent;
    color           : #888;
    text-shadow     : none;
}

.user-activities .sort-buttons a:hover {
    color           : #333;
}

.sort-buttons a.selected {
    background-color    : #00B0D8;
    background-position : 100% -40px;
    color               : #fff;
    -webkit-border-radius   : 10px;
    border-radius   : 10px;
    padding         : 0 16px 0 10px;
}

.sort-buttons a.selected {
    margin          : 0 5px;
}

.sort-buttons a.selected:hover,
.sort-buttons a.selected:focus,
.sort-buttons a.selected.asc {
    background-position : 100% -20px;
}

.sort-buttons a.selected.asc:hover,
.sort-buttons a.selected.asc:focus {
    background-position : 100% -40px;
}

#order-by a span {
    display         : block;
    float           : right;
    width           : 10px
}

#order-by a:hover,
#order-by a:focus,
#order-by a.selected {
    background-position : 0 0;
    color           : #fff;
    text-decoration : none
}

#order-by a:hover span,
#order-by a:focus span,
#order-by a.selected span {
    background      : url(../img/bar.png) 100% 100% no-repeat;
    height          : 15px
}

.unpublished.list .high a,.unpublished.list .name {
    color           : #1c6e85
}

.unpublished.list {
    color           : #2f2f2f
}

.unpublished.list .high a,.unpublished.list .name {
    color           : #1c6e85
}

.publish-btn {
    padding-left    : 10px
}

.publish-listing {
    background      : url(../img/publish-now.png) center center no-repeat;
    display         : block;
    height          : 100%;
    position        : absolute;
    width           : 100%
}

#gallery-unpublished {
    background      : url(../img/publish-now.png) center center no-repeat;
    height          : 350px;
    margin-left     : -5px;
    margin-top      : -5px;
    position        : absolute;
    width           : 507px
}

#search-user-results {
    height          : 300px;
    position        : relative;
    overflow        : auto
}

.user-details {
    color           : #4d4d4d;
    font-size       : 12px;
    font-weight     : 500;
    line-height     : 14px
}

.user-details .img {
    padding-right   : 10px
}

.user-details .name {
    color           : #4d4d4d;
    font-size       : 16px;
    font-weight     : 700;
    display         : block;
    line-height     : 16px
}

.user-details blockquote {
    font-family     : georgia, Georgia, "Times New Roman", Times, serif;
    font-size       : 21px;
    font-style      : italic;
    line-height     : 23px;
    margin-left     : 20px;
    min-height      : 80px
}

.user-details td.information {
    border-right    : 1px solid #cecece;
    padding-right   : 20px
}

#admin-listing .deletemes,
#search-user-results .deletemes,
.link-add-item .deletemes {
    color           : #900;
    cursor          : pointer;
    float           : right
}

.fancy-font {
    font-family     : georgia, Georgia, "Times New Roman", Times, serif
}

.fancy-font span.arrow {
    background      : url(../img/arrow-fancy.png) 0 0 no-repeat;
    display         : block;
    float           : right;
    margin-left     : 4px;
    width           : 20px;
    height          : 20px
}

.browse-fancy {
    color           : #333;
    display         : block;
    float           : right;
    font-size       : 14px;
    line-height     : 18px;
    margin-bottom   : 3px;
    text-align      : right
}

#featured-challenge {
    margin          : 0px 0px 20px 0px;
    padding-bottom  : 48px;
    position        : relative;
    width           : 658px;
}

#featured-challenge h3 #quo {
    color           : #aaa;
    float           : right;
    font-family     : Helvetica, Verdana, Arial, sans-serif;
    font-size       : 10px;
    line-height     : 24px;
    text-transform  : uppercase;
    vertical-align  : bottom;
    text-align        : right;
    font-weight        :     400;
}

#featured-challenge h3 #quo:hover,
#featured-challenge h3 #quo:focus {
    color           : #00B0D8;
    text-decoration : none
}

.fancy-font:hover,
.fancy-font:focus,
.fancy-font.selected {
    color           : #00B0D8;
    text-decoration : none
}

.fancy-font:hover span.arrow,
.fancy-font:focus span.arrow,
.fancy-font.selected span.arrow {
    background-position : 0 -22px
}

.fancy-font .browse-challenge,.fancy-font .field-notes-linky {
    background      : url(../img/browse-challenges.png) 0 0 no-repeat;
    display         : block;
    height          : 21px;
    width           : 167px;
    padding-right    : 10px;
}

.fancy-font .field-notes-linky {
    background-image: url(../img/field-notes.png);
    width           : 121px
}

.fancy-font:hover .browse-challenge,
.fancy-font:hover .field-notes-linky,
.fancy-font:focus .browse-challenge,
.fancy-font:focus .field-notes-linky {
    background-position : 0 -21px
}

.little-icon {
    padding-left    : 0px;
    margin-top      : -10px;
    position        : absolute;
}

#theme-page,#share-this-page,#iframe_page,#success_lightbox,#assignment-page {
    background      : #fff;
    min-height      : 100%;
    height          : auto!important;
    height          : 100%;
    padding         : 0 8px
}

#assignment-page {
    padding         : 0
}

#assignment-page .add-inspiration-assignment {
    float           : right;
    margin          : 7px 15px 15px;
    position        : relative;
}

#assignment-page .button {
    float           : right;
    margin          : 10px 10px 0 0
}

.assignment-description {
    padding-left    : 20px;
}

#iframe_page.terms {
    padding         : 44px 25px 20px
}

#theme-page .button {
    float           : right;
    margin-left     : 5px;
    margin-top      : -5px
}

#success_lightbox {
    background      : #fff url(../img/loading.gif) 50% 50% no-repeat;
    min-height      : 100%;
    height          : auto!important;
    height          : 100%;
    padding         : 0 8px
}

#theme-page h2 {
    color           : #4d4d4d;
    font-family     : Helvetica, Verdana, Arial, sans-serif;
    font-size       : 18px;
    text-transform  : none
}

#theme-page h3 {
    background      : none;
    font-size       : 18px;
    padding-bottom  : 0
}

#theme-page h4 {
    background      : none;
    border-bottom   : 1px solid #1a1a1a;
    font-size       : 18px;
    margin-bottom   : 10px;
    padding-bottom  : 10px;
    text-transform  : uppercase
}

#theme-page h4 a {
    float           : right;
    font-size       : 9px;
    font-weight     : 600;
    padding-top     : 3px;
    text-transform  : uppercase
}

#theme-page #theme-image {
    float           : left;
    margin          : 0 10px 10px 0;
    overflow        : hidden;
    max-width       : 300px
}

#theme-page #theme-image img {
    height          : auto;
    max-width       : 280px
}

#theme-challenge-themes {
    background      : #F2F1F0;
    padding         : 10px 10px 0
}

#theme-challenge-themes .themes-item {
    background      : #898787;
    display         : block;
    float           : left;
    height          : 40px;
    margin-bottom   : 10px;
    margin-right    : 10px;
    overflow        : hidden;
    width           : 115px
}

#theme-challenge-themes .themes-item.selected {
    background      : #231F20
}

#theme-challenge-themes .themes-item .img {
    display         : block;
    float           : left;
    height          : 40px;
    overflow        : hidden;
    width           : 40px
}

#theme-challenge-themes .themes-item .img img {
    max-height      : 60px;
    max-width       : 60px
}

#theme-challenge-themes .themes-item a.text {
    color           : #fff;
    cursor          : pointer;
    display         : block;
    float           : left;
    font-size       : 9px;
    height          : 30px;
    line-height     : 10px;
    padding         : 10px 0 0 8px;
    text-transform  : uppercase;
    vertical-align  : middle;
    width           : 65px
}

#theme-page .related-inpir-item {
    float           : left;
    height          : 80px;
    margin-bottom   : 10px;
    margin-right    : 10px;
    overflow        : hidden
}

#theme-page .related-inpir-item .img {
    display         : block;
    float           : left;
    height          : 80px;
    margin-right    : 10px;
    overflow        : hidden;
    text-align      : right;
    width           : 120px
}

#theme-page .related-inpir-item .img img {
    max-height      : 90px;
    max-width       : 130px
}

#theme-page .related-inpir-item.impir-image-sony .img {
    text-align      : center;
    width           : 114px
}

#theme-page .impir-image-sony .img img {
    min-height      : 80px;
    max-height      : auto;
    max-width       : 130px
}

#theme-page .related-inpir-item .text {
    float           : left;
    font-size       : 12px;
    width           : 190px
}

#theme-page .related-inpir-item .text h5 a {
    font-size       : 14px;
    font-weight     : 700;
    line-height     : 18px
}

#assignment-page .related-inpir-item {
    margin-bottom   : 10px
}

#assignment-page .related-inpir-item .img {
    display         : block;
    float           : left;
    height          : 115px;
    margin-right    : 12px;
    overflow        : hidden;
    text-align      : center;
    width           : 170px
}

    #assignment-page .related-inpir-item .img img {
        max-height  : 200px;
        max-width   : 170px;
    }

#assignment-page .related-inpir-item .text {
    float           : left;
    width           : 320px
}

#assignment-page .related-inpir-item h5 {
    font-size       : 14px
}

#assignment-page h4 {
    border-bottom   : 1px #d1d1d1 solid;
    color           : #333;
    font-size       : 18px;
    line-height     : 18px;
    margin          : 0 0 11px -10px;
    padding         : 45px 10px 7px;
    text-transform  : uppercase;
    width           : 100%
}

#assignment-page h4 a {
    color           : #ff971a;
    float           : right;
    font-family     : Helvetica, Verdana, Arial, sans-serif;
    font-size       : 12px;
    font-weight     : 400;
    line-height     : 24px;
    text-transform  : none
}

#assignment-page .inspiration-area {
    margin          : 0 auto;
    width           : 520px
}

.missing {
    background      : #900!important;
    border          : #400!important;
    color           : #fff!important
}

.feed-load {
    background      : url(../img/feed_load.gif) 0 0 no-repeat;
    display         : none;
    float           : none!important;
    height          : 16px;
    margin          : -45px 0 0 0!important;
    position        : absolute;
    right           : 20px;
    width           : 16px
}

#take-challenge {
    background      : url(../img/take-challenge.png) 0 0 no-repeat;
    color           : #fff;
    display         : block;
    height          : 70px;
    margin          : -75px 0 0 0;
    position        : absolute;
    right           : -19px;
    width           : 270px;
}

#featured-challenge #take-challenge {
    height            : 100px;
}

.side-bar #take-challenge {
    font-size       : 16px;
    font-weight     : 500;
    left            : 0;
    line-height     : 20px;
    margin          : -4px 0 0 -32px;
    text-shadow     : #777 0 -1px 1px;
    padding-top     : 25px;
    padding-left    : 50px;
    text-align      : left;
    *margin-left    : -27px;
}

#take-challenge-long {
    background      : url(../img/take-challenge_long.png) 0 0 no-repeat;
    color           : #fff;
    display         : block;
    font-size       : 22px;
    font-weight        : 600;
    height          : 100px;
    line-height     : 16px;
    margin          : 0 0 0 145px;
    position        : absolute;
    width           : 391px;
    text-shadow     : black 0 -1px 1px;
}

#take-challenge-long span {
    display         : block;
    padding         : 37px 0 0 70px
}

#take-challenge span {
    display         : block;
    font-weight        : 500;
    padding         : 37px 0px 0 40px;
    font-size       : 16px;
    line-height     : 20px;
    text-shadow     : gray 0 -1px 1px;
}

#share-this-page label {
    display         : block
}

#share-this-page label input {
    background      : #fafafa;
    border          : solid 1px #a3a3a3;
    border-left-color       : #c4c4c4;
    border-bottom-color     : #f2f2f2;
    border-right-color      : #f2f2f2;
    border-top      : 2px #a3a3a3 solid;
    display         : block;
    font-size       : 12px;
    line-height     : 20px;
    height          : 20px;
    padding         : 4px 5px 2px;
    width           : 308px
}

#share-this-page textarea {
    background      : #fafafa;
    border          : solid 1px #a3a3a3;
    border-left-color   : #c4c4c4;
    border-bottom-color : #f2f2f2;
    border-right-color  : #f2f2f2;
    border-top      : 2px #a3a3a3 solid;
    display         : block;
    font-size       : 12px;
    line-height     : 20px;
    height          : 90px;
    padding         : 4px 5px 2px;
    width           : 308px
}

#share-this-right {
    float           : right;
    width           : 318px
}

#listing .hr {
    height          : 15px;
    margin          : 0 -20px 0 -20px;
}

#come-back {
    background      : url(../img/come-back.png) 0 0 no-repeat;
    color           : #231F20;
    font-family     : georgia, Georgia, "Times New Roman", Times, serif;
    font-size       : 16px;
    font-style      : italic;
    height          : 112px;
    margin-bottom   : 8px;
    width           : 232px
}

#come-back div {
    padding         : 23px 34px
}

.image-replacement {
    background      : #F5FAF5;
    display         : block;
    font-family     : georgia, Georgia, "Times New Roman", Times, serif;
    font-weight     : 400;
    font-size       : 24px;
    line-height     : 28px;
    overflow        : hidden;
    padding         : 8px;
    text-align      : left
}

.inspiration-area .image-replacement {
    background      : #f8f8f8;
}

.concept-area .image-replacement {
    background      : #f8f8f8;
}

.evaluation-area .image-replacement {
    background      : #f8f8f8;
}

.two-col-listing .image-replacement {
    height          : 186px
}

#my_bookmarks_hashtags {
    display         : none
}

.user-list {
    display         : block;
    float           : left;
    font-size       : 10px;
    line-height     : 12px;
    width           : 200px;
    padding-right:  5px;
}

.user-list .name {
    color           : #00A5D3;
    display         : block;
    font-weight     : 600;
    padding-bottom  : 3px;
    font-size:12px
}

.user-list .img {
    float           : left;
    text-align: center;
    height          : 50px;
    overflow        : hidden;
    width           : 50px;
    padding-bottom    : 5px;
}

.user-list .img img {
    max-height      : 50px;
    width           : auto;
}

.user-list .information {
    float           : right;
    font-size       : 11px;
    overflow        : hidden;
    padding-right   : 15px;
    width           : 125px;
}


.top-inspirers .hr, .top-concepters .hr,
.top-evaluators .hr, .top-collaborators .hr {
    background-position : 50%;
    height          : 30px;
}

.top-evaluators {
    clear           : both;
}

.top-evaluators, .top-collaborators {
    padding-top     : 9px;
}

.in-final-space {
    clear           : both;
    display         : block;
    line-height     : 55px;
    margin          : 0 0 -20px;
    padding-top     : 21px;
}

.content-2-3 .in-final-space {
    width           : 623px;
}

.content-2-4 .in-final-space {
    width           : 432px
}

.side-bar .in-final-space {
    width           : 195px
}

.two-col-listing .little-stats {
    margin-left     : 130px;
    position        : absolute;
    padding-left: 10px;
    border-left:  1px dotted #ccc;
}

.little-stats {
    margin-left     : 130px;
    position        : absolute;
    padding-left: 10px;
    border-left:  1px dotted #ccc;
    width:  100px;
}

td.dater {
    padding-left    : 8px
}

td.dater span {
    display: block;
}

.existing-evals li {
    list-style      : none
}

.showhide {
    font-size       : 10px;
    text-align      : center
}

.showhide .selected {
    color           : #231F20;
    font-weight     : 700
}

#dq-table-privacy {
    margin-top      : 8px;
}

.bottom-nav {
    display         : block;
    float           : left;
    font-size       : 11px;
    font-weight     : 400;
    line-height     : 16px;
    list-style      : none;
    margin-right    : 85px;
    padding         : 22px 0 0;
    position        : relative;
    z-index         : 2;
}

.bottom-nav a,
#ideo-link-footer a {
    color           : #ccc;
}

.bottom-nav a:hover,
.bottom-nav a:focus,
#ideo-link-footer a:hover,
#ideo-link-footer a:focus {
    color           : #fff;
    text-decoration: none;

}


.large-message {
    background      : url(../img/alerter.png) 0 50% no-repeat;
    color           : #000;
    font-size       : 30px;
    line-height     : 34px;
    margin          : 70px auto 100px;
    min-height      : 140px;
    padding-left    : 130px;
    width           : 460px;
}

#feedback {
    display         : block;
    margin-top      : 20px;
    position        : absolute;
    text-align      : right;
    text-decoration : none;
    right           : 0;
    z-index         : 1
}

.descriptive {
    display         : block;
    font-size       : 12px;
    padding-bottom  : 5px
}

.examplary {
    display         : block;
    color           : gray;
    font-size       : 10px;
    line-height     : 20px
}

.img-thumbnail {
    height          : 50px;
    margin          : 5px;
    overflow        : hidden;
    text-align      : center;
    width           : 50px
}

.img-thumbnail img {
    max-height      : 60px
}

.theme-form-listing tbody tr:hover,
.theme-form-listing tbody tr:focus {
    background      : #F5F8FA
}

fieldset {
    padding         : 10px
}

.header-lnks,.header-lnks a {
    color           : gray;
    font-size       : 10px;
    font-weight     : 700;
    vertical-align  : middle
}

div.header-lnks {
    display         : inline;
    line-height     : 18px;
    margin          : 2px 0 0 4px;
    position        : absolute;
}

ul.header-lnks {
    display         : block;
    float           : right;
    margin-top      : -2px;
}

ul.header-lnks li {
    float           : left;
    list-style      : none;
    margin-left     : 4px;
    padding-top     : 1px;
}

ul.header-lnks li .prev,ul.header-lnks li .next {
    background      : url(../img/prev.png) 0 0 no-repeat;
    display         : block;
    float           : left;
    height          : 10px;
    margin-top      : 8px;
    overflow        : hidden;
    text-transform  : capitalize;
    text-indent     : -100px;
    width           : 10px
}

ul.header-lnks li .next {
    background-image: url(../img/next.png)
}

.order-questions li {
    background      : #fff url(../img/drag-to-reorder.png) 9px 9px no-repeat;
    border          : 1px solid #d9d9d9;
    list-style      : none;
    min-height      : 90px;
    margin-bottom   : 10px;
    padding-left    : 100px;
    padding-top     : 10px
}

.order-faq {
    margin-top      : 10px;
    width           : 511px
}

.order-faq li {
    padding-bottom  : 10px
}

.order-faq li label {
    margin-top      : 0
}

.order-faq li input.text {
    width           : 360px
}

.order-questions li .counter {
    margin-left     : -84px;
    position        : absolute
}

#old-browser {
    display         : none
}

#content-downloads {
    font-size       : 12px;
    font-weight     : 700
}

/* content submitted by box */
#content-submitted-by {
    background : #f6f6f6;
    border : solid 1px #dadada;
    -webkit-border-radius   : 3px;
    border-radius   : 3px;
    margin : 33px 0 14px;
    padding : 13px 13px 8px;
}

    #content-submitted-by .img {
        float : left;
        height : 71px;
        margin : 0 10px 0 0;
        overflow : hidden;
        width : 71px;
    }

    #content-submitted-by .text {
        float : left;
        font-weight : bold;
        width : 260px;
    }

        #content-submitted-by .text .action {
            color : #666;
            display : block;
            font-size : 12px;
            line-height : 16px;
            margin : -2px 0 3px;
        }

        #content-submitted-by .text a {
            color : #00B0D8;
        }

        #content-submitted-by .text .date {
            color : #999;
            font-size : 11px;
            margin : -6px 0 0;
        }

    #content-submitted-by .details {
        border-left:  1px dotted #ccc;
        float : right;
        min-height : 71px;
        min-width : 93px;
        padding : 0 0 0 10px;
    }

    #content-submitted-by .details span {
        float : none;
    }

    #content-submitted-by .details .vote-listing {
        width : 67px
    }
/* content submitted by box end */

#evaluated {
    background      : url(../img/evaluated_overlay.png);
    height          : 100%;
    margin          : -25px 0 0 -20px;
    width           : 100%;
    position        : absolute;
    z-index         : 100
}

#evaluated #evaluated-feedback {
    background      : url(../img/evaluated.png) 50% 50% no-repeat;
    height          : 100%;
    width           : 100%
}

.mid img {
    max-width       : 100%;
}

#content-questions {
    position        : relative;
}

#content-questions.winning-questions ol,#content-questions.winning-questions ul {
    list-style-position            : inside
}

#content-questions.winning-questions h3 {
    padding-bottom    : 10px;
    font-size        : 16px;
    background        : url(../img/separator.png) repeat-x 0 10%;
}

.options-results td {
    padding-bottom  : 3px
}

td.option-text {
    color           : #000;
    font-size       : 11px;
    font-weight     : 40000;
    line-height     : 12px;
    text-shadow        : none;
}

.options-results tr{
    height: 35px;
}

.fullbar {
    padding-left    : 16px;
    padding-bottom  : 12px!important;
    width           : 164px
}

.bar {
    background      : #be2478;
    display         : block;
    float           : left;
    height          : 15px;
    -moz-border-radius      : 5px;
    -webkit-border-radius   : 5px;
    border-radius   : 5px
}

.faq-category h4 {
    background      : url(../img/header.png) 0 100% repeat-x;
    color           : #363636;
    font-size       : 16px;
    font-weight     : 700;
    line-height     : 20px;
    margin-bottom   : 8px;
    padding-bottom  : 8px;
    text-transform  : uppercase
}

.faq-category h5 {
    color           : #363636;
    font-size       : 16px;
    font-weight     : 700;
    line-height     : 20px;
    margin-bottom   : 8px
}

.faq-category ul {
    padding-bottom  : 30px
}

.faq-category ul li {
    font-size       : 12px;
    font-weight     : 700;
    list-style      : none;
    padding-left    : 40px
}

.faq-category ul li a {
    color           : #363636
}

.scroll-top {
    background      : url(../img/arrow-up.png) 100% 2px no-repeat;
    color           : #bfbfbf;
    display         : block;
    float           : left;
    line-height     : 20px;
    margin-top      : 10px;
    padding-right   : 16px
}

.category-faq {
    color           : #4d4d4d;
    padding-bottom  : 30px
}

#faq_email .text {
    padding-top     : 1px;
    width           : 511px
}

.faq_email_content {
    width           : 521px
}

#faq_email .text {
    background      : url(../img/contact-text.png) 0 0 no-repeat;
    border          : none;
    height          : 31px
}

#faq_email #submitter {
    background-image: url(../img/btn-save.png);
    float           : left;
    width           : 58px
}

#faq_email .form-buttons .cancel-button {
    display         : none
}

#faq_email .form-buttons {
    border          : none;
    margin-top      : 0
}

.questions-admin {
    padding-top     : 8px;
    padding-bottom  : 8px
}

.future-challenges .image {
    float           : left;
    padding         : 11px 11px 0 0;
    overflow        : hidden;
    width           : 100px
}

.future-challenges .image img {
    max-width       : 100px;
    height          : auto
}

.future-challenges .text {
    float           : left;
    font-size       : 12px;
    width           : 286px
}

.future-challenges .text h4 a,.future-challenges .text h4 {
    color           : #363636;
    font-size       : 20px;
    line-height     : 25px
}

.future-challenges .text h4 a:hover,
.future-challenges .text h4 a:focus {
    color           : #00B0D8;
    text-decoration : none
}

.future-challenges {
    padding-bottom  : 27px
}

.future-challenges .list-item-future {
    background      : none;
    margin-bottom   : 0
}

.future-challenges .text h4 {
    padding         : 12px 0 0 2px
}

#page-content ul,#page-content ol {
    padding         : 0 0 15px
}

#terms-man {
    float           : left;
    margin-right    : 8px
}

#terms-box {
    height          : 380px;
    margin-bottom   : 10px;
    overflow        : auto;
    width           : 400px
}

#terms-box h3 {
    background      : none;
    padding-bottom  : 0
}

#terms-acceptance strong {
    font-size: 16px;
    line-height: 20px;
}

#terms-acceptance a {
    font-weight: bold;
    font-size: 12px;
    line-height: 26px;
    margin: 0 0 0 4px;
    vertical-align: middle;
}

.new-terms #popup_message {
    background: url(../img/alerter.png) -6px 0 no-repeat;
    color: #333;
    line-height: 22px;
    margin: -34px 15px 0;
    min-height: 130px;
    padding: 28px 0 0 130px;
}

.new-terms #terms-box {
    border: solid 1px #ccc;
    font-size: 12px;
    line-height: 15px;
    height: 221px;
    margin-bottom   : 17px;
    padding: 2px 5px;
    width: auto;
}

#comments-header {
    margin-bottom   : 30px;
    margin-top      : 50px;
}

.contribute-terms {
    display         : none
}

#join-website-terms {
    background: url(../img/tncman.png) 24px 44px no-repeat fixed;
    padding: 44px 0 20px 78px;
}

#join-website-terms #terms-acceptance strong {
    font-size: 13px;line-height: 1.5em;
}
/*
 * Terms have changed box
 */
 #iframe_page.new-terms {
    padding         : 44px 10px 20px
}

.new-terms #terms-acceptance strong {
    font-size: 18px;
    font-weight: normal;
    line-height: 26px;
    margin: 0 8px 0 11px;
}

.new-terms #popup_message {
    background: url(../img/alerter.png) -6px 0 no-repeat;
    color: #333;
    line-height: 22px;
    margin: -34px 15px 0;
    min-height: 130px;
    padding: 28px 0 0 130px;
}

.new-terms #terms-box {
    border: solid 1px #ccc;
    font-size: 12px;
    line-height: 15px;
    height: 221px;
    margin-bottom   : 17px;
    padding: 2px 5px;
    width: auto;
}

/*
 * Join Challenge - accept terms again
 */
#join-challenge-terms {
    background: url(../img/alerter.png) 11px 10px no-repeat;
    color: #333;
    font-size: 14px;
    line-height: 17px;
    padding: 29px 20px 20px 147px;
}

#join-challenge-terms h4 {
    color: #333;
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
    padding: 4px 0 17px;
}

#join-challenge-terms p {
    padding: 3px 0 18px;
}

#join-challenge-terms .no {
    font-size: 12px;
    line-height: 20px;
    margin-left: 8px;
    vertical-align: middle;
}
/* END : Join Challenge - accept terms again  */

.error-login {
    color           : #d33;
    display         : none;
    float           : right;
    font-family     : Helvetica, Verdana, Arial, sans-serif;
    font-size       : 10px;
    text-transform  : none
}

.blog-flags {
    background      : none;
    margin-top      : 0px;
    padding-top     : 0px
}

.blog-list a {
    display         : block
}

#authors-admin-list label {
    clear           : none;
    float           : left;
    width           : 160px
}

#authors-admin-list br {
    clear           : both
}

.download-list-item {
    background      : #fff url(../img/header.png) 0 0 repeat-x;
    padding         : 8px 0 6px
}

.download-list-item.first-item {
    background      : none;
    padding-top     : 0
}

.download-list-item strong,.download-list-item a {
    display         : block;
    font-weight     : 700
}

.jamie-text {
    color           : #555;
    font-size       : 12px;
    line-height     : 16px
}

body#tinymce {
    background      : #fff;
    min-width       : 0
}

.delete-image-gallery {
    background      : #000;
    color           : red;
    line-height     : 10px;
    font-size       : 10px;
    padding         : 5px 10px;
    position        : absolute;
    z-index         : 1000
}

.delete-image-gallery:hover,
.delete-image-gallery:focus {
    font-weight     : bold;
}

.side-bar .countdown-phase {
    color           : #999;
    font-family     : Helvetica, Verdana, Arial, sans-serif;
    font-size       : 12px;
    font-weight     : 500;
    text-align: center;
    line-height: 16px;
    padding-bottom: 30px;
}

.side-bar .countdown-phase .countdown-phase {
    min-height      : 68px;
    padding-bottom: 0px;
}

.side-bar .countdown-phase img {
    padding-right:  4px;
}

.side-bar .countdown-datetime {
    color           : #777;
    font-size       : 16px;
    font-weight        : 500;
    display            : block;
    line-height: 20px;
}

.video-overlay {
    background      : url(../img/video-overlay.png) 50% 50% no-repeat;
    height          : 100%;
    position        : absolute;
    width           : 100%
}

#sign-up-form .error .err-text {
    line-height     : 13px;
    margin-top      : -8px;
    padding         : 0 0 8px 130px
}

#whine {
    display         : block;
    font-size       : 14px;
    font-weight     : 700;
    line-height     : 18px;
    padding-bottom  : 20px;
    width           : 400px
}

.details .vote-listing,
.details .vote-listing.applauding,
.details .vote-listing.applauding:hover {
    background: rgb(245,140,202); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(245,140,202,1) 0%, rgba(232,57,128,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,140,202,1)), color-stop(100%,rgba(232,57,128,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(245,140,202,1) 0%,rgba(232,57,128,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(245,140,202,1) 0%,rgba(232,57,128,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(245,140,202,1) 0%,rgba(232,57,128,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(245,140,202,1) 0%,rgba(232,57,128,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58cca', endColorstr='#e83980',GradientType=0 ); /* IE6-9 */
    border-radius: 16px;
    color: #fff;
    font: bold 11px/16px Arial, sans-serif;
    display: block;
    margin-left: 0px;
    margin-top: 3px;
    padding: 1px 15px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
}

.details .vote-listing:hover,
.details .vote-listing:focus {
    background: rgb(232,34,146); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(232,34,146,1) 0%, rgba(204,19,123,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,34,146,1)), color-stop(100%,rgba(204,19,123,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(232,34,146,1) 0%,rgba(204,19,123,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(232,34,146,1) 0%,rgba(204,19,123,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(232,34,146,1) 0%,rgba(204,19,123,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(232,34,146,1) 0%,rgba(204,19,123,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e82292', endColorstr='#cc137b',GradientType=0 ); /* IE6-9 */
    text-decoration: none;
}

.details .vote-listing.applauding,
.details .vote-listing.applauding:hover {
    background: #f6d0e1;
    filter: none;
    color: #fff;
}

.details .vote-listing.applauding {
    cursor: default;
}

.details .vote-listing.applauded {
    background: none;
    border: 1px solid #ef64a6;
    color: #ef64a6;
    cursor: default;
    filter: none;
}

.clearfix .votes,.clearfix .vote-listing {
    float           : left
}

.user-contributions .little-stats .vote-listing {
    display         : none
}

.user-contributions .list {
    margin-bottom   : 23px;
}

.user-contributions .list .image {
    max-width       : 250px;
    height          : 180px;
}

.user-contributions .viewall {
    float           : right;
    font-weight     : bold;
    font-size       : 12px;
    line-height     : 26px;
}

/* Virtual team lists */
h4.virtual-team-list-header {
    color : #666;
    padding-bottom: 9px;
}

span.new-invite {
    color : #ee5331;
    font-size: 11px;
}

.virtual-team-list .list {
    background : url(../img/separator.png) 0 100% repeat-x;
    margin: 0 0 17px -20px;
    padding : 0 21px 7px;
    width : 100%;
}

.virtual-team-list .last-list-item {
    background: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

    .virtual-team-list .list .image {
        height : 115px;
        width : 170px;
    }

    .virtual-team-list .list .top-part {
        height  : 62px;
        min-height : 0;
        margin-bottom : 5px;
    }

    .virtual-team-list .list td.img {
        padding-left : 11px;
    }

        .virtual-team-list .list td.img a {
            height  : 52px;
            width: 50px;
        }

    .virtual-team-list .list .float-left {
        display: none;
    }

    .virtual-team-list .list .little-stats {
        border : none;
        display  : block;
        position : relative;
        margin : 0;
        padding-left: 2px;
        width : 220px;
    }

        .virtual-team-list .list .little-stats span {
            display : block;
        }

        .virtual-team-list .list .little-stats .vote-listing {
            display: inline-block;
            margin : -2px 0 0 16px;
        }
/* end */
.image-hide-blog {
    display         : none
}

#view-collab {
    display         : block;
    padding-bottom  : 8px;
    text-align      : center
}

#view-collab img {
    max-width       : 140px
}

a.admin-button-update,a.admin-button-edit-challenge,a.admin-button-contribute,a.admin-button-edit-phase,a.admin-button-winners {
    background      : url(../img/admin_update_button_2.png) 0 0 no-repeat;
    display         : block;
    height          : 32px;
    padding-bottom  : 3px;
    overflow        : hidden;
    text-indent     : -999px;
    text-transform  : uppercase;
    width           : 123px
}

a.admin-button-edit-challenge {
    background-image: url(../img/admin_edit_challenge_button.png)
}

a.admin-button-edit-phase {
    background-image: url(../img/admin_edit_phase.png)
}

a.admin-button-contribute {
    background-image: url(../img/admin_contribute.png)
}

.side-bar a.admin-button-update,.side-bar a.admin-button-edit-challenge,.side-bar a.admin-button-winners {
    background-image: url(../img/admin_update_button.png);
    height          : 45px;
    margin-left     : 4px;
    margin-top      : 6px;
    width           : 223px
}

a.add-realisation-entry {
    background-image    : url(../img/add-entry.png);
}

a.action-button {
    background      : url(../img/btn-2-bg.png) 0 0 no-repeat;
    color           : #fff;
    display         : block;
    font-size       : 16px;
    font-weight     : bold;
    height          : 45px;
    line-height     : 45px;
    padding-bottom  : 3px;
    overflow        : hidden;
    text-align      : center;
    text-shadow     : #666 0 -1px 0;
    text-transform  : capitalize;
    width           : 223px
}

a.action-button:hover,
a.action-button:focus {
    text-decoration : none;
}

.side-bar a.action-button {
    margin-left     : 4px;
    margin-top      : 6px;
}

.side-bar a.admin-button-winners {
    background-image: url(../img/admin_winners_button.png)
}

.side-bar a.admin-button-edit-challenge {
    background-image: url(../img/admin_edit_challenge_button_2.png);
    margin-top      : 4px;
    margin-bottom   : 12px
}

.collab-map,.collab-map-challenge {
    border          : 1px solid #ccc;
    overflow        : hidden;
    text-indent     : -800px;
}

.collab-map {
    background      : url(../img/map.png) 0 0 no-repeat;
    display         : block;
    height          : 188px;
    margin          : 0 0 20px;
    width           : 138px
}

.collab-map:hover,
.collab-map:focus {
    background-position : 0 -190px
}

.collab-map-challenge {
    background      : url(../img/map_challenge.png) 0 0 no-repeat;
    display         : block;
    height          : 193px;
    /*margin          : 5px 0 14px 6px;*/
    margin-bottom    : 20px;
    width           : 218px
}

.collab-map-challenge:hover,
.collab-map-challenge:focus {
    background-position : 0 -195px
}

#edit-site select { max-width: 100% }

.admin-challenge-list a {
    display         : block;
    background      : url(../img/header.png) 0 100% repeat-x;
    margin-bottom   : 18px;
    padding-bottom  : 14px;
    overflow: hidden;
    white-space     : nowrap;
    text-overflow: ellipsis;
}

.ready-go {
    font-size: 12px;
    line-height     : 15px;
    padding         : 22px 0 0
}

/* new form buttons */
.form-buttons-v2 {
    background      : none;
    clear                       : both;
    display                     : block;
    margin-top                  : 0px;
    padding-top                 : 13px;
}

.form-buttons-v2 #submitter, .form-buttons-v2 .cancel-button,
.form-buttons-v2 #submitter-side,
input.btn-v2, a.boton, a.evaluate-this {
    background      : url(../img/form-button.png) 0 0 no-repeat;
    color           : #fff;
    font-family     : Helvetica, Verdana, Arial, sans-serif;
    font-size       : 13px;
    font-weight     : 500;
    line-height     : 32px;
    height          : 32px;
    padding-top     : 0px;
    text-align      : center;
    text-indent     : 0;
    text-shadow     : #777 0 -1px 0;
    display	        : block;
    filter          : Shadow(Color=#808080,Direction=0,Strength=1);
    vertical-align  : baseline;
    width           : 123px;
}

a.evaluate-this {
    display         : inline-block;
    font-size       : 14px;
    margin          : 0 15px 3px 0;
}

.current-total-eval {
    font-size       : 14px;
    font-weight     : bold;
    line-height     : 32px;
}

#update_dq {
    background      : url(../img/header.png) 0 0 repeat-x;
    margin          : 14px 0 0 -20px;
    padding         : 15px 20px 0;
    width           : 100%;
}

    #update_dq strong {
        display     : block;
        padding-bottom : 6px;
    }

    #update_dq label {
        color: #666;
        clear       : both;
        float       : left;
        line-height : 23px;
        text-transform : capitalize;
        width       : 100px;
    }

    #update_dq input {
        float       : right;
        margin      : 0 0 8px;
        width       : 62px;
    }

    #update_dq .btn {
        clear       : both;
        margin      : 3px 0 0;
        min-width   : 67px;
    }

.form-buttons-v2 #submitter:hover, .form-buttons-v2 .cancel-button:hover,
.form-buttons-v2 #submitter-side:hover,
input.btn-v2:hover, a.boton:hover,
.form-buttons-v2 #submitter:focus, .form-buttons-v2 .cancel-button:focus,
.form-buttons-v2 #submitter-side:focus,
input.btn-v2:focus, a.boton:focus {
    background-position : 0 -32px;
    text-decoration : none;
    text-shadow     : #888 0 -1px 1px;
}

/* new form buttons - smaller */
.form-buttons-small {
    background      : none;
    clear                       : both;
    display                     : block;
    margin-top                  : 0px;
    padding-top                 : 13px;
}

.form-buttons-small #submitter {
    background      : url(../img/form-button-sml.png) 0 0 no-repeat;
    color           : #fff;
    font-family     : Helvetica, Verdana, Arial, sans-serif;
    font-size       : 14px;
    font-weight     : 500;
    line-height     : 32px;
    height          : 32px;
    padding-top     : 0px;
    text-align      : center;
    text-indent     : 0;
    text-shadow     : #777 0 -1px 0;
    filter            : Shadow(Color=#808080,Direction=0,Strength=1);
    vertical-align  : baseline;
    width           : 88px;
}

.form-buttons-small #submitter:hover,
.form-buttons-small #submitter:focus {
    background-position : 0px 0px;
    color           : #000;
    text-decoration : none;
    text-shadow     : #fff 0 1px 1px;
}

.form-buttons-wide #submitter {
    background       : url(../img/form-button-lg.png) 0 0 no-repeat;
    width           : 165px;
    float:          left;
    font-family     : Helvetica, Verdana, Arial, sans-serif;
    font-size       : 14px;
    font-weight     : 500;
    line-height     : 32px;
    height          : 32px;
    padding-top     : 0px;
    text-indent     : 0;
    text-shadow     : #777 0 -1px 0;
    filter            : Shadow(Color=#808080,Direction=0,Strength=1);
}

.form-buttons-wide #submitter:hover,
.form-buttons-wide #submitter:focus {
    background-position : 0px 0px;
    color           : #000;
    text-decoration : none;
    text-shadow     : #fff 0 1px 1px;
}

.form-buttons-join #submitter, .form-buttons  #submitter-side,
.form-buttons  #submitter-side:hover,
.form-buttons  #submitter-side:focus {
    background       : url(../img/form-button.png) 0 0 no-repeat;
    width           : 123px;
    float            : right;
    font-family     : Helvetica, Verdana, Arial, sans-serif;
    font-size       : 16px;
    font-weight     : 500;
    line-height     : 32px;
    height          : 32px;
    padding-top     : 0px;
    text-indent     : 0;
    text-shadow     : #777 0 -1px 0;
    filter            : Shadow(Color=#808080,Direction=0,Strength=1);
}

.form-buttons  #submitter-side { float: none; }

.form-buttons  #submitter-side:hover,
.form-buttons  #submitter-side:focus {
    background-position  : 0 -32px;
}

a.evaluate-this:hover,
a.evaluate-this:focus {
    background-position : 0px 0px;
    color           : #000;
    text-decoration : none;
    text-shadow     : #fff 0 1px 1px;
}

a.evaluated-btn,
a.evaluated-btn:hover,
a.evaluated-btn:focus {
    background-image: url(../img/form-button-cancel.png);
    color           : #aaa;
    cursor          : default;#
    text-decoration : none;
    text-shadow     : #fff 0 1px 1px;
}

a.boton {
    display         : block;
}

.form-buttons-v2 .cancel-button {
    background-position : 0 -32px;
    float           : right;
}

.form-buttons-v2 #submitter-side {
    clear           : both;
    float           : none;
    margin          : 5px 0 0;
}

.side-bar-n .form-buttons-v2 .cancel-button {
    clear           : both;
    float           : none;
    margin          : 6px 0 10px;
}

.boton.add-more-images, .boton.add-more-vids, .boton.upload-media {
    float           : left;
    margin          :  0 5px 0 0;
}

table#email-prefs {
    display         : block;
    margin          : 23px 0 17px;
}

table#email-prefs td {
    padding         : 15px 0 10px;
}

tr.patterned {
    background      : #fff url(../img/header.png) 0 0 repeat-x;
}

span.email-help {
    display         : block;
    font-size       : 12px;
    line-height     : 14px;
}

/* final version of buttons */
input.btn-v2 {
    border          : none;
    cursor          : pointer;
    font-weight     : normal
}

.nicEdit-main ol li { list-style-type : decimal }

.filter {
    margin            : 20px 20px 5px 15px;
}

.theme-surrounding {
    margin-top: 15px;
}

.button-container {
    padding-top:  12px;
}

.side-bar-n .button-container {
    padding-top:  15px;
}

.admin-nav-links.topper {
    padding-bottom  : 32px;
}

.side-menu a,
.admin-nav-links a {
    display     : block;
    font-weight : bold;
    padding     : 3px 3px 2px 15px;
}

.side-menu a {
    font-size   : 11px;
}

.admin-nav-links a {
    margin      : 0 -12px 0 -12px;
    padding     : 3px 22px;
    text-indent : 10px;
}

.admin-nav-links a.child {
    text-indent : 25px;
}

.side-menu a:hover,
.side-menu a:focus,
.admin-nav-links a:hover,
.admin-nav-links a:focus {
    background-color: rgba(0,176,216,0.1);
    text-decoration : none;
}

.side-menu a.selected,
.admin-nav-links a.selected {
    background  : #00B0D8;
    color       : #fff;
    padding-bottom: 3px;
}

.private {
    background  : url(../img/private.png) 0 0 no-repeat;
    display     : inline-block;
    height      : 11px;
    margin      : 1px 0 -1px 4px;
    overflow    : hidden;
    text-indent : 10px;
    white-space : nowrap;
    width       : 8px;
}

/*
 * Fancybox
 *
 */
 /*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

* html #fancybox-loading {    /* IE6 */
    position: absolute;
    margin-top: 0;
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('../img/fancybox/fancybox.png');
}

#fancybox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 1100;
    display: none;
}

* html #fancybox-overlay {    /* IE6 */
    position: absolute;
    width: 100%;
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    z-index: 1101;
    display: none;
}

#fancybox-outer {
    -moz-border-radius : 4px;
    -webkit-border-radius:4px;
    position: relative;
    width: 100%;
    height: 100%;
    background: #FFF;
}

#fancybox-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

#fancybox-close {
    position: absolute;
    top: -20px;
    left: -15px;
    width: 40px;
    height: 40px;
    background: url('../img/close.png') 0 0 no-repeat;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fancybox_error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 7px;
    margin: 0;
}

#fancybox-content {
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
}

#fancybox-frame {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fancybox-title {
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: Arial;
    font-size: 12px;
    z-index: 1102;
}

.fancybox-title-inside {
    padding: 10px 0;
    text-align: center;
    color: #333;
}

.fancybox-title-outside {
    padding-top: 5px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

.fancybox-title-over {
    color: #FFF;
    text-align: left;
}

#fancybox-title-over {
    padding: 10px;
    background-image: url('../img/fancybox/fancy_title_over.png');
    display: block;
}

#fancybox-title-wrap {
    display: inline-block;
}

#fancybox-title-wrap span {
    height: 32px;
    float: left;
}

#fancybox-title-left {
    padding-left: 15px;
    background-image: url('../img/fancybox/fancybox.png');
    background-position: -40px -90px;
    background-repeat: no-repeat;
}

#fancybox-title-main {
    font-weight: bold;
    line-height: 29px;
    background-image: url('../img/fancybox/fancybox-x.png');
    background-position: 0px -40px;
    color: #FFF;
}

#fancybox-title-right {
    padding-left: 15px;
    background-image: url('../img/fancybox/fancybox.png');
    background-position: -55px -90px;
    background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background-image: url('../img/fancybox/blank.gif');
    z-index: 1102;
    display: none;
}

#fancybox-left {
    left: 0px;
}

#fancybox-right {
    right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}

#fancybox-left-ico {
    background-image: url('../img/fancybox/fancybox.png');
    background-position: -40px -30px;
}

#fancybox-right-ico {
    background-image: url('../img/fancybox/fancybox.png');
    background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible;    /* IE6 */
}

#fancybox-left:hover span,
#fancybox-left:focus span {
    left: 20px;
}

#fancybox-right:hover span,
#fancybox-right:focus span {
    left: auto;
    right: 20px;
}

.fancy-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

#fancy-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('../img/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('../img/fancybox/fancybox.png');
    background-position: -40px -162px;
}

#fancy-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('../img/fancybox/fancybox-y.png');
    background-position: -20px 0px;
}

#fancy-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('../img/fancybox/fancybox.png');
    background-position: -40px -182px;
}

#fancy-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('../img/fancybox/fancybox-x.png');
    background-position: 0px -20px;
}

#fancy-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url('../img/fancybox/fancybox.png');
    background-position: -40px -142px;
}

#fancy-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('../img/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('../img/fancybox/fancybox.png');
    background-position: -40px -122px;
}

 /* fancybox end */
.per-admin,.per-edit{ display : none !important; }


/* datepicker */
.ui-widget {
    font-size: 12px !important;
}

/* datetime picker styling */
.ui-datetime-picker {
    width       : 400px !important;
}

.ui-datetime-picker .ui-datepicker-calendar,
.ui-datetime-picker .ui-timepicker-div {
    float       : left;
    width       : 200px;
}

.ui-datetime-picker .ui-timepicker-div {
    margin      : 0 20px 20px;
    width       : 150px;
}

.ui-datetime-picker .ui-datepicker-buttonpane {
    clear       : both;
}

.ui-datetime-picker .ui-datepicker-header {
    margin-bottom   : 10px;
}

.ui-datetime-picker .ui-datepicker-header select.ui-datepicker-month,
.ui-datetime-picker .ui-datepicker-header select.ui-datepicker-year {
    width           : 46%;
}

.ui-datetime-picker .ui-datepicker-header select.ui-datepicker-month {
    margin-right    : 10px;
}

.ie-dupe-fix {
    display         : none;
}

#deleting-message-bg {
    background: #666;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}

#deleting-message {
    color: #000;
    display: none;
    font-weight: bold;
    padding: 10px 0 0;
    text-align: center;
    z-index: 9999;
}

#deleting-message img {
    vertical-align: middle;
}

.user-table {
    border-spacing: 0;
    border-collapse: collapse;
    display: block;
    margin: 8px 0 0;
}

.user-table tr.error td {
    background: #fdc2c2;
}

.user-table td,
.user-table th.checkbox {
    padding: 7px 10px 4px;
}

.user-table th {
    background: #262626;
    color: #fff;
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.user-table td {
    border-bottom: 1px solid #ccc;
    width: 182px;
}
.user-table td:first-child {
    width: 30px;
}

.user-table td {
    max-width: 168px;
    word-wrap: break-word;
}

.manage-users label {
    font-weight: normal;
    display: inline-block;
    margin: 0 20px 0 0;
}

.manage-users .filter {
    float: right;
    margin: 0;
    width: 300px;
}

#add_profile #submitter,
#add-users #submitter {
    float: left;
}

#manage-user-add {
    padding: 10px 0 35px;
}

#manage-user-add .button { display: inline-block; }

#search-for-user {
    float: right;
    padding: 10px 0 0;
}

#search-for-user .text {
    width: 200px;
}

#manage-content label {
    display         : block;
    background      : url(../img/header.png) 0 100% repeat-x;
    margin-bottom   : 18px;
    padding-bottom  : 14px;
    overflow: hidden;
    white-space     : nowrap;
    text-overflow: ellipsis;
}