/* LAYOUT */
@width: 964px;

/* my theme */
@my_theme: "argento";

/***     COLORS      ************************/
@color1: #24395c;
@color2: #999999;
@color3: #bababa;
@color4: #c9c8c9;
@color5: #f4f5f4;

/* Extra Colors */

@color6: #db1814;
@color7: #ED1C24;

/* Black & White */
@black: #24395c;
@white: #fff;

/* Global */
@bgmargin: 0px;
@text: lighten(@black,15%);
@bgcolor: @color4;
@red: red;
@a: @black;

/* Header */
@bar: #3b3b3b;
@bar_text: @white;

/* Components */
@head: #f8f8f8;
@head_text: @color1;
@border: #eaeaea;
@button: darken(@color3,5%);

/* Selected components */
@head_selected: #ed1c24;
@head_selected_text: @white;
@border_selected: darken(@color3,7%);
@a_selected: @color6;

/* Footer */
@foot: #f8f8f8;

@button_important_light: #ED1C24;
@button_important_dark: #c61100;

@button_light: #f7f7f7;
@button_dark: #cccccc;

/*** Layout/Components/etc ******************/
@width1: @width - (@bgmargin*2);
@column: @width1*0.18864097;
@space: @width1*0.01419878;

/* 3 columns divided into 4 columns */
@column3on4: ((@column*3)+(@space*2)) * 0.23720137; 
@space3on4:  @column3on4*0.075268817;

/* 3 columns divided into 5 columns */
@column3on5: ( @column*3 + @space*2 ) / (5 + 4 * 0.075268817 );
@space3on5: @column3on5 * 0.075268817;

/* 4 columns divided into 5 columns */
@column4on5: ( @column*4 + @space*3 ) / (5 + 4 * 0.075268817 );
@space4on5: @column4on5 * 0.075268817;

/* 4 columns divided into 6 columns */
@column4on6: ( @column*4 + @space*3 ) / (6 + 5 * 0.075268817 );
@space4on6: @column4on6 * 0.075268817;body 
{
    margin: 0;
    padding: 0;
    font-family: Arial,Helvetica, Verdana, sans-serif;
    color: @text;
    font-size: 12px;
    text-align: left;
    line-height: 150%;
    background-color: @white;
}

button::-moz-focus-inner {
    padding: 0;
    border: none;
}

input, textarea, select, button
{
    font-family: Arial,Helvetica, Verdana, sans-serif;
    font-size: 12px;
}

fieldset
{
    padding: 0px;
}

h1, h2, h3, h4, h5, h6, table, td, th, ul, ol, li, form  
{
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,h6
{
    font-weight: normal;    
}

h5
{
    font-size: 1.05em;
}

h6
{
    font-size: 1.05em;
}

a 
{
    color: @black;
    text-decoration: underline;
    outline-style:none;
}


ul,ol
{
    list-style-position: inside;
    margin-left: 0px;
    list-style-type:none;
}

ol ol, ul ul
{
    margin-left: 1.4em;
}

dt
{
    font-weight: bold;
}

dd
{
    margin-left: 0px;
}

blockquote
{
    margin: 0px;
    font-style: italic;    
}

img
{
    border-style: none;
}

input, select, textarea
{
    border: 1px solid #ccc;
    padding: 3px;
}

table
{
    border-left:1px solid @border;
    border-top: 1px solid @border;
}

table th, table td
{
    border-right:1px solid @border;
    border-bottom: 1px solid @border;
    padding: 5px;
    background-color: @white;
    color: #000;
}

table th
{
    background-color: @color5;
}

.tinymce_html ul
{
    list-style-type: disc;
}

.tinymce_html ul ul
{
    list-style-type: circle;
}

.tinymce_html ul ul ul
{
    list-style-type: square;
}

.tinymce_html ol
{
    list-style-type: decimal;
}

.tinymce_html button
{
    display:block;
    float:left;
    background-color: lighten(@button,24%);
    border:1px solid @button;
    border-top:1px solid lighten(@button,15%);
    border-left:1px solid lighten(@button,15%);
    line-height:130%;
    text-decoration:none;
    color:@text;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.tinymce_html button:hover
{
    background-color:darken(@button,5%);
    border:1px solid darken(@button,7%);
    color: @text;
}

.my_tooltip, .tooltip
{
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    color: #222222;
    display: none;
    padding: 10px 15px;
    z-index: 10000;
}

.my_tooltip td, .tooltip td 
{
   background: transparent;
}


#container, #container_foot
{
    margin: 0 auto;
    width: @width;
    padding: 0 8px;
}

#left
{
    float: left;
    width: @column + 2;
    text-align: left;
    line-height: 142%;
}

#main
{
    float: right;
    width: (4*@column)+(3*@space);
    display: inline; 
}