@charset "UTF-8";

/* reset css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, del, dfn, img, q, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

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


/******** GLOBALS **********/

body {
	background:#226A9C url(/images/background.png) top left no-repeat fixed;
	color:#fff;
	font-family:Arial,Helvetica,Tahoma,sans-serif;
	font-size:16px;
	margin:0;
	padding:0;	
	line-height:28px;
}

a {
	color:#CFA;
	text-decoration:none;
	padding-bottom:2px;
	/*border-bottom:1px dotted #fff;*/
    cursor:pointer;
}

a:hover {
	color:#fff;
	/*border-bottom:1px solid #fff;*/
}

img {
    vertical-align:middle;
}

a img {
	border:none;
}

h1 {
	font-size:26px;
	margin:0 15px 20px;
	color:#fff;
	text-shadow: #000 2px 3px 3px;
}

h2 {
	color:#F1FA9E;
	font-weight:normal;
	font-size:18px;
	margin:0;
}

h5 {
	height:25px;
	margin:4px;
	overflow:hidden;
}

p {
	margin:20px 0;
    line-height: 24px;
}

ul {
	margin-top:5px;
}

/************* FLAGS ***************/

.flag {
    background-image: url(/images/flags.png);
    width:16px;
    height:11px;
}
.flag.ar { background-position:-256px -5px }
.flag.es { background-position:-4px -173px }
.flag.en { background-position:-284px -173px }
.flag.pt { background-position:-172px -61px }
.flag.de { background-position:-284px -117px }
.flag.fr { background-position:-228px -173px }
.flag.it { background-position:-172px -257px }

.flag.big.round {
    width:65px;
    height:65px;
    background-repeat:no-repeat;
    background-position:0 0;
}
.flag.big.round.es { background-image: url(/images/flag_es_round.png); }
.flag.big.round.en { background-image: url(/images/flag_en_round.png); }
.flag.big.round.pt { background-image: url(/images/flag_pt_round.png); }
.flag.big.round.de { background-image: url(/images/flag_de_round.png); }
.flag.big.round.fr { background-image: url(/images/flag_fr_round.png); }
.flag.big.round.it { background-image: url(/images/flag_it_round.png); }

/************* LOADERS **************/

.dotted-loader {
    background-image:url(/images/loader_2.gif);
    width:24px;
    height:24px;
}

.loader-flower, .loader-flower.big {
    background-image:url(/images/loader_flower_big.gif);
    width:48px;
    height:48px;
}

.loader-flower.med {
    background-image:url(/images/loader_flower_med.gif);
    width:24px;
    height:24px;
}

.loader-flower.small {
    background-image:url(/images/loader_flower_small.gif);
    width:16px;
    height:16px;
}

/*********** STATUS *****************/

.ball.small {
    width:10px;
    height:10px;
}

.ball.green {
    background-image:url(/images/ball_green_small.png);
}

.ball.red {
    background-image:url(/images/ball_red_small.png);
}

.status-msg.info {
    color: #F1FA9E;
}

.status-msg.success {
    color:#CCFFAA;
}

.status-msg.error {
    color:#FF9999;
}

/************FORM STYLES*************/

.inputbox {
    display:inline;
    font-size:14px;
    width:150px;
    height:20px;
    padding-top:5px;
    position:relative;
    border: 1px solid #E69355;
}

input[disabled="disabled"], input.disabled,
textarea[disabled="disabled"], textarea.disabled {
    background:#999 none repeat scroll 0 0;
	border-color: #666 #BBB #BBB #666 ;
	border-style:solid;
	border-width:4px;
    color:#777;
    cursor:default;
    
}

input[type="checkbox"][disabled="disabled"] {    
    /* KLUDGE: style for disabled checkbox's in all IE versions */
    background:none\9;
    border:0 none\9;
}

button.unstyled {
    background:none;
    border:0 none;
    color:#CFA;
}

button.unstyled:hover {
    text-decoration:underline;
}

.button {
	background:#E69355 none repeat scroll 0 0;
	border-color:#F0BA7B #D77651 #D77651 #F0BA7B;
	border-style:solid;
	border-width:4px;
    height:28px;
	color:#fff;
	font-family:verdana;
	font-size:16px;
	letter-spacing:1px;
	width:auto;
	cursor:pointer;
}

.button.pressed, .button:active {
    border-color: #D77651 #F0BA7B #F0BA7B #D77651;
}

.button.disabled, .button.disabled:active {
    border-color: auto;
}

select {
    background: #032C3D;
    color: #CCFFAA;
    font-size:14px;
    border:1px solid #999;
    padding:2px;
    vertical-align:top;
    /* KLUDGE: all IE's */
    padding:0\9;
    vertical-align:middle\9;
}
    select option {
        background: #323E46;
    }
    
    select.disabled, select[disabled="disabled"] {
        background:#BBB none repeat scroll 0 0;
        color:#777;
    }
    
.editable input,
.editable .edit-mode-el {
    display:none;
}

.editable.edit-mode .edit-now {
    display:none;
}

.editable.edit-mode .edit-mode-el,
.editable.edit-mode input {
    display:inline;
}

/********** COMMONS ***********/

.spinner {
    background-image: url(/images/throbber.gif);
    width:16px;
    height:16px;
}

.hidden {
    display:none;
}

/* msg-c : short for message-container */
.msg-c {
    
}

.message {
    font-size:13px;
}

    .alarm-message,
    .error-message,
    .success-message,
    .init-message,
    .empty-message {
        font-size:14px;
    }

    .success-message {
        color:#CFA;
    }
    
    .alarm-message,
    .error-message {
        color:#FFAAAA;
    }
    
    .error-message a,
    .success-message a {
        color:#FFF;
    }
    
.logo {
    background-image:url(/images/meaningtool_logo.png);
    width:380px;
    height:80px;
}

/********** ICONS ***********/

.icon {
    background-repeat:no-repeat;
}
    .icon.small {
        width:10px;
        height:10px;
    }
        .icon.small.edit {
            background-image:url(/images/edit_small.png);
        }
        
        .icon.small.add {
            background-image:url(/images/add_small.png);
        }
        
        .icon.small.add2 {
            background-image:url(/images/add2_small.png);
        }
        
        .icon.small.add_category {
            background-image:url(/images/add_category_small.png);
        }
    
        .icon.small.remove {
            background-image:url(/images/remove_small.png);
        }
        
        .icon.small.refresh {
            background-image:url(/images/refresh_small.png);
        }
        
        .icon.small.move {
            background-image:url(/images/move_small.png);
        }
        
        .icon.small.open {
            background-image:url(/images/open_small.png);
        }
        
        .icon.small.import {
            background-image:url(/images/import_small.png);
        }
        
        .icon.small.key {
            background-image:url(/images/key_small.png);
        }
        
        .icon.small.atention {
            background-image:url(/images/atention_small.png);
        }
        
        .icon.small.more {
            background-image:url(/images/more_small.png);
        }
        
        .icon.small.less {
            background-image:url(/images/less_small.png);
        }
        
        .icon.small.world, .icon.small.doc {
            background-image:url(/images/world_small.png);
        }
        
        .icon.small.feed {
            background-image:url(/images/feed_small.png);
        }
        
    .icon.medium {
        width:16px;
        height:16px;
    }
    
        .icon.medium.tree {
            background-image:url(/images/tree_medium.png);
        }
    
        .icon.medium.clone {
            background-image:url(/images/clone_small.png);
        }
        
        .icon.medium.sheep {
            background-image:url(/images/sheep_medium.png);
        }
        
        .icon.medium.remove {
            background-image:url(/images/remove_medium.png);
        }
        
        .icon.medium.add {
            background-image:url(/images/add_medium.png);
        }
        
        .icon.medium.add-category {
            background-image:url(/images/add_category_medium.png);
        }
        
        .icon.medium.feed {
            background-image:url(/jstree/themes/default/feed.png);
        }
        
        .icon.medium.addfeed {
            background-image:url(/images/newfeed.png);
        }
        
        .icon.medium.atention {
            background-image:url(/images/atention_medium.png);
        }
        
        .icon.medium.fire {
            background-image:url(/images/fire_medium.png);
        }
        
        .icon.medium.coins {
            background-image:url(/images/icon_coins.png);
        }
        
        .icon.medium.group {
            background-image:url(/images/icon_group.png);
        }
        
        .icon.medium.map {
            background-image:url(/images/icon_map.png);
        }
        
        .icon.medium.money {
            background-image:url(/images/icon_money.png);
        }
        
        .icon.medium.dollar {
            background-image:url(/images/icon_dollar.png);
        }
        
        .icon.medium.user {
            background-image:url(/images/icon_user.png);
        }
        
        .icon.medium.world {
            background-image:url(/images/icon_world.png);
        }
        
        .icon.medium.building {
            background-image:url(/images/icon_building.png);
        }
        
        .icon.medium.company {
            background-image:url(/images/icon_company.png);
        }
        
        .icon.medium.product {
            background-image:url(/images/icon_product.png);
        }
        
    /*  NO SPECIFIC SIZE ICONS */
    .icon.up {
        background-image:url(/images/up_icon.png);
        width:15px;
        height:14px;
    }
    
    .icon.down {
        background-image:url(/images/down_icon.png);
        width:15px;
        height:14px;
    }
    
    .icon.trash {
        background-image:url(/images/trash_icon.png);
        width:15px;
        height:14px;
    }
    .icon.trash:hover {
        background-image:url(/images/trash_icon_hover.png);
    }
    
    .icon.new {
        background-image:url(/images/new_icon.png);
        width:15px;
        height:14px;
    }
    
    .icon.star {
        background-image:url(/images/star_icon.png);
        width:17px;
        height:17px;
    }
    
    .icon.star.small {
        background-image:url(/images/star_icon_small.png);
        width:12px;
        height:12px;
    }
    
    .icon.wikipedia {
        background-image:url(/images/wikipedia-favicon.png);
        width:23px;
        height:22px;
    }
/********* PAGE STRUCTURE *********/

.main {
	margin:0px auto;
	width:900px;
	min-height:600px;
}

/************CLOUDS*************/

.cloud {
	position:relative;
	min-width:100px;
	margin:0px 40px;	
	
}

.cloud .content {
    background:url(/images/cloud_background.png);
    margin:0 15px;
    position:relative;
    padding:5px;
}

.corner {
    background-image:url(/images/cloud_corners.png);
    width:21px;
    height:15px;
    position:absolute;
    float:left;
}

.tl {
    background-position:0px 0px;
    top:0px;
    left:0px;
}

.tr {
    background-position:-21px 0px;
    top:0px;
    right:0px;
}

.bl {
    background-position:0px -15px;
    left:0px;
    bottom:0px;
}

.br {
    background-position:-21px -15px;
    bottom:0px;
    right:0px;
}

.edge.top,
.edge.bottom,
.edge.left,
.edge.right {
    background:url(/images/cloud_background.png);
    background-position:top;
    margin:0 21px;
}	

.edge.top,
.edge.bottom {
    height:15px;
}	

.edge.left,
.edge.right {
    width:15px;
    margin:0 -15px 0 -20px;
    position:absolute;
    top:0px;
    bottom:0px;			
}

.edge.left {
    float:left;
    /*margin-left:-10px;*/
}

.edge.right {
    float:right;
    right:0px;
}

    .cloud .tr-actions {
        position:absolute;
        top:0;
        right:0;
    }

    .cloud .tr-actions .button-close {
        border:0 none;
    }

    .cloud .tr-actions .button-close img {
        height:24px;
        width:24px;
        background-image:url(/images/closer_white.png);
    }
    
/************ DROPDOWN CLOUD *************/

.cloud.dropdown {
    position:absolute;
    z-index:9999;
    
    font-size:13px;
    right:-20px;
}
    
/* LOGIN CLOUD*/
#login_cloud {
    
}

#login_cloud .edge.left {
    *left:5px;
}

#login_cloud .edge.left,
#login_cloud .edge.right {
    *height:215px;
}

#login_cloud .edge.bottom {
    *width:128px;
}

#login_cloud .content {
    width:130px;
}

#login_cloud .content form {
    overflow:hidden;
    width:130px;
    float:left;
}

#login_cloud .content .error-message {
    overflow:hidden;
    line-height:20px;
}

#login_cloud .content .inputbox {
    width:110px;
    display:block;
}

#login_cloud .content .button {
    height:30px;
    font-size:13px;
    margin-top:10px;
}

/* SIGNUP CLOUD*/

#signup_cloud .edge.left,
#signup_cloud .edge.right {
    *height:480px;
}

#signup_cloud .edge.bottom {
    *width:316px;
}

#signup_cloud .content {
    width:318px;
}

#signup_cloud .error-message {
    
}

#signup_cloud .content .formfield {
    position:relative;
    width:255px;
    margin-bottom:5px;
}

#signup_cloud .content .formfield-recaptcha .error-message.hidden {
    display:inline;
    visibility:hidden;
}

#signup_cloud .content .inputbox {
    width:220px;
    display:block;
}

#signup_cloud .content .button {
    height:30px;
    font-size:13px;
    margin:10px 0 0 2px;
}


#login_cloud .edge.left,
#signup_cloud .edge.left {
    *margin-left:-20px;
}

/************MINI CLOUD*************/

.minicloud {
	margin:0 auto;
	height:85px;
	text-align:center;
	font-family: verdana;
	font-size:20px;	
	border-collapse:collapse;
}

td#left, td#right {
	background:url(/images/cloud_corners.png);
	background-position:-42px 0;
	width:44px;
	height:85px;
}

td#right {
	background-position:-84px 0;
}

td#middle {
	background:url(/images/cloud_background.png);	
}

tr .event {
	margin-left:40px; float:right;
}

.minicloud .middle {
	padding:25px 1px 0;
}

.minicloud .event .button {
	height:30px;
}

/********** HEADER *************/
.cloud.header {
	margin:-20px 20px 40px;
	min-width:820px;
    z-index:99999;
}
	.cloud.header .content {
		height:30px;
        z-index:99998;
	}
    
    .cloud.header .bl,
    .cloud.header .br {
        z-index:99997;
    }
    
    .cloud.header .logo {
        margin:0px 0px 0 -40px;
        float:left;
        z-index:99998;
        position:absolute;
    }
    
    /********* MAIN MENU ***********/
    
    ul.menu, ul.submenu {
        list-style:none;
        padding:0;
        margin:0;
    }
        
    ul.menu {
        height:30px;
        float:right;
        margin:10px 0;
        font-size:14px;
        position:absolute;
        z-index:99997;
        right:-7px;
    }
    
        .menu > li {
            float:left;
            background-color:#05506F;
            margin-left:5px;
        }
        
        .menu li a {
            border:none;
            /*margin:0px 5px;*/
            color:#fff;
            padding:0px 10px;	
            	
            /*opacity:0.7;*/
            /*display:block;*/
            /*min-width:50px;*/
            /*text-align:center;*/
        }
        
        .menu a:hover,
        .menu a.selected {
            color:#CFA;
            /*background-color:#03739B;*/
            opacity:1;
        }
        
        .menu a.drop-down {
            padding:0 5px 0 0;
            position:relative;
            right:4px;
        }
        
        .menu li .arrow-bg {
            height:10px;
            width:8px;
            position:absolute;
            top:4px;
            left:4px;
        }
        
        .menu li.selected .arrow-bg,
        .menu li .drop-down:hover .arrow-bg {
            background-color:#AAA;
            z-index:99997;
        }
        
        .menu li .icon.down {
            position:relative;
            z-index:99998;
        }
        
        .menu ul.submenu {
            overflow:auto;
            display:none;
            /*font-size:12px;*/
        }
        
        .menu li.selected > ul.submenu {
            display:block;
            /*float:left;*/
            background-color:#05506F;
            padding:0 5px;
            margin:3px 0 1px 0;
        }
        
        .menu ul.submenu > li {
            background-color:transparent;
            overflow:auto;
            border-bottom:1px dashed;
            padding-left:5px;
        }
        
        .menu ul.submenu > li.first {
            border-top:1px dashed;
        }
        
        .menu ul.submenu > li.last {
            border-bottom:0 none;
        }
        
        .menu ul.submenu li > a {
            padding:0 5px;
            font-size:12px;
            font-weight:bold;
        }
        
        .menu ul.submenu li > a:hover {
            color:#cfa;
        }

/*********** FOOTER (STICKY) ************/

/* start sticky footer css */
html, body {
    height:100%;
}

.content-wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -78px;
}

.footer, .dummy-footer {
    height: 78px;
}
/* end sticky footer css */

.footer {
	background-image:url(/images/cloud_background.png);
	padding:20px 0 0;
	margin:60px 0 0;
    float:left;
    width:100%;
    position:relative;
}

    .footer img {
        background-image:url(/images/signature.png);
        width:618px;
        height:44px;
        float:right;
    }
    
    .footer ul.bottom-links {
        position:absolute;
        top:30px;
        left:20px;
        list-style:none;
    }
    
    .footer ul.bottom-links > li {
        float:left;
        margin-left:10px;
    }
    
/************** Popui Tags ***************/

.popui-tag-container {
    line-height:25px;
    text-align:center;
    width:100%;
}

.popui-tag-container a,
a.popui-tag,
.popui-tag-container span,
span.popui-tag {
	position: relative;
	padding:4px 8px 4px 4px;
	color:#FFF;
	font-weight:normal;
	white-space:nowrap;
	cursor:pointer;
    outline:none;
    z-index:2;
}

.popui-tag-container > a,
.popui-tag-container > span,
span.popui-tag {
    z-index:1;
}

.popui-tag-container-inverse a,
.popui-tag-container a:hover,
.popui-tag-container-inverse span,
.popui-tag-container span:hover,
.popui-tag-container .selected,
*.popui-tag:hover {
	background-color:#929292;
	color:#FFFFFF;
	text-decoration:none;
}

.popui-tag-container-inverse * {
    cursor:default;
}

/* tag sizes */

.popui-tag-lowest {
    font-size:12px;
}

.popui-tag-middle {
    font-size:14px;
}

.popui-tag-highest {
    font-size:18px;
    line-height:28px;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #05506f;
    z-index:3;
}

/**** STATES *****/

.state-loading .hide-loading,
.state-loading-init .hide-loading-init {
    display:none;
}