/* CSS des pages d'atoms */

/* ========================================================================== */
/*  Copyright (C) Digiteo 2008 - Pierre MARECHAL <pierre.marechal@scilab.org> */
/*  ========================================================================= */

div.toolbox_field
{
	clear:both;
	width:950px;
}

div.toolbox_field_name
{
	width:300px;
	float:left;
	margin-bottom:10px;
}

div.toolbox_field_value
{
	width:450px;
	float:right;
	margin-bottom:10px;
}

div.toolbox_news_header
{
	background-color:#d7d7d7;
	font-size:80%;
	font-style:italic;
}

pre.toolbox_news_content
{
	font-size:80%;
}

/* ========================================================================== */
/* Formulaires                                                                */
/* ========================================================================== */

div.form_page
{
    width      : 950px;
    margin-left: 10px;
    float      : left;
}

div.form_line
{
	/*position       : relative;*/
    width          : 770px;
    float          : left;
	clear          : both;
	padding-top    : 3px;
	padding-bottom : 3px;
}

div.form_line_error
{
	position       : relative;
    width          : 770px;
    float          : left;
	clear          : both;
	padding-top    : 3px;
	padding-bottom : 3px;
    margin-top     : 1px;
    margin-bottom  : 1px;
    border         : 1px solid red;
}

div.form_label
{
	text-align  : right;
	margin      : 2px;
    padding-top : 5px;
	width       : 150px;
	float       : left;
	font-size   : 12px;
}

div.version_form_input
{
    width       : 550px;
    float: none; 
    text-align: center; 
    font-size   : 12px;
}

div.form_input
{
    width       : 610px;
    float       : left;
    text-align  : left;
    font-size   : 12px;
}

div.form_input_file
{
	float       : none;
}


div.form_error
{
	width       : 700px;
	float       : left;
    text-align  : left;
    font-style  : italic;
    font-size   : 12px;
    color       : red;
}

div.form_success
{
	background-image    : url('/tango-48/stock_yes.png');
	background-repeat   : no-repeat;
	background-position : top left;
	padding-top         : 15px;
	padding-left        : 50px;
	width               : 700px;
	min-height          : 60px;
    text-align          : left;
    font-style          : italic;
    font-size           : 20px;
    color               : green;
}

input.form
{
	margin     : 2px;
	width      : 470px;
	display    : inline;
	font-size  : 12px;
}

input.form_half
{
	margin     : 2px;
	width      : 240px;
	display    : inline;
	font-size  : 12px;
}

div.form_text_half
{
	text-align  : center;
    margin-left : 2px;
    margin-right: 2px;
	width       : 250px;
	font-size   : 11px;
    font-style  : italic;
    float       : left;
}

div.form_text
{
	margin      : 2px;
    padding-top : 5px;
	width       : 500px;
	font-size   : 12px;
}

div.form_precision
{
	text-align  : center;
    margin-left : 2px;
    margin-right: 2px;
	font-size   : 11px;
    font-style  : italic;
    width       : 550px;
    clear       : both;
}

div.form_precision_narrow
{
	text-align  : center;
    margin-left : 2px;
    margin-right: 2px;
	font-size   : 11px;
    font-style  : italic;
    width       : 475px;
    clear       : both;
}

div.form_item
{
    padding-top: 5px;
}

div.form_icon
{
	width      : 120px;
    padding-top: 5px;
	display    : inline;
    float      : right;
}

img.atoms_icon
{
    margin      : 0;
    border      : none;
    float       : right;
    margin-left : 10px;
}

select.form
{
	margin     : 2px;
	width      : 250px;
	display    : inline;
	font-size  : 12px;
}

div.form_radio
{
	margin     : 2px;
	width      : 450px;
	float : left;
	font-size  : 12px;
        margin-top: 8px;
}

textarea.form
{
	margin      : 2px;
	height      : 100px;
	/* margin-left : -100px; */
}

textarea.form_big
{
	margin      : 2px;
	height      : 120px;
        width: 470px;
/*	margin-left : -100px; */ /* changed to fix things on Safari (as well as form width to 80 chars */
}

div.note{
	font:80% Georgia,Serif;
	text-align:center;
}

/* ========================================================================== */
/* Affichage des objets (to_string)                                           */
/* ========================================================================== */

div.atoms_object
{
	clear              : both;
    float              : left;
    border             : 1px dashed #cdcdcd;
    background-color   : #fbfbfb;
    margin             : 3px;
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width            : 760px;
}

div.atoms_object_class
{
	clear            : both;
    padding          : 4px;
    padding-left     : 40px;
	font-size        : 14px;
    font-weight      : bold;
    background-color : #eeeeee;
}

div.atoms_couple
{
	clear            : both;
    float            : left;
    width            : 760px;
}

div.atoms_attribute
{
	float          : left;
    text-align     : right;
    padding        : 4px;
	width          : 200px;
	font-size      : 13px;
    font-style     : italic;
    font-weight    : bold;
}

div.atoms_value
{
	width       : 540px;
    padding     : 4px;
	float       : left;
    text-align  : left;
	font-size   : 13px;
}

pre.atoms_value
{
	width       : 540px;
    padding     : 4px;
	float       : left;
    text-align  : left;
	font-size   : 12px;
    margin      : 0;
}

.screenshot
{
    box-shadow: 2px 2px 5px #818181; /*shadow for CSS3 capable browsers.*/
    -webkit-box-shadow: 2px 2px 5px #818181;
    -moz-box-shadow: 2px 2px 5px #818181;
    -moz-border-radius: 10px; 
    border-radius: 10px 10px 10px 10px;         
    -webkit-border-radius: 10px; /* pour Chrome */ 
    display:none;
    position:absolute;
    margin-left : 100px;
    margin-top: -20px;
    /*border:1px solid black;*/
    background:white;
    color: black;
    z-index:2000;
    padding: 4px;
}

/* ========================================================================== */
/* Historique                                                                 */
/* ========================================================================== */


div.history
{
	width            : 99%;
    clear            : both;
    float            : left;
    border           : 1px dashed #cdcdcd;
    background-color : #fbfbfb;
    margin           : 3px;
}


div.history_title
{
	clear            : both;
    padding          : 4px;
    padding-left     : 40px;
    font-size        : 14px;
    font-weight      : bold;
    background-color : #eeeeee;
}


table.history
{
    width            : 100%;
    margin           : 0px;
    padding          : 0px;
    font-size        : 13px;
    border           : none;
}

tr.history
{
    border           : none;
}

th.history
{
    height           : 40px;
    font-size        : 14px;
    margin           : 0px;
    border           : 1px dashed #cdcdcd;
}

td.history_when
{
    width            : 120px;
    border           : none;
    text-align       : center;
}

td.history_what
{
    width            : 70px;
    border           : none;
    border-left      : 1px dashed #cdcdcd;
}

td.history_who
{
    width            : 120px;
    border           : none;
    border-left      : 1px dashed #cdcdcd;
}

td.history_old
{
    /*width            : 200px;*/
    border           : none;
    border-left      : 1px dashed #cdcdcd;
}

td.history_new
{
    /*width            : 200px;*/
    border           : none;
    border-left      : 1px dashed #cdcdcd;
}

/* ========================================================================== */
/* Display Toolbox                                                            */
/* ========================================================================== */


span.atoms_admin_link
{
	color:red;
	font-style:italic;
	float:right;
}

div.atoms_toolbox_summary
{
    font-style : italic;
    margin-bottom : 10px;
}

fieldset.fileexchange_toolbox_details
{
    margin-bottom : 10px;
    margin-top    : 10px;
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height	  : 220px;
}

fieldset.atoms_toolbox_details
{
    margin-bottom : 10px;
    margin-top    : 10px;
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


fieldset.atoms_toolbox_description
{
    margin-bottom : 10px;
    margin-top    : 10px;
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.atoms_toolbox_client_attribute
{
    float          : left;
    text-align     : right;
    padding        : 4px;
    width          : 150px;
    font-size      : 13px;
    font-style     : italic;
    font-weight    : bold;
}

div.atoms_toolbox_client_value
{
    padding     : 4px;
    display: inline-block;
    float       : left;
    text-align  : left;
    font-size   : 13px;
    width            : 550px;
}

div.atoms_toolbox_client_couple
{
    clear            : both;
    float            : left;
    width            : 750px;
}

fieldset.atoms_toolbox_news
{
    margin-top : 10px;
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

fieldset.atoms_toolbox_comments
{
    margin-top         : 10px;
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


fieldset.atoms_toolbox_new_comment
{
    margin-top : 10px;
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

fieldset.atoms_toolbox_getinformed
{
    margin-top : 10px;
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}



/* ========================================================================== */
/* Display News and Comment                                                   */
/* ========================================================================== */

div.atoms_news_client
{
    border             : 1px dashed #cdcdcd;
    background-color   : #fbfbfb;
    margin             : 3px;
    margin-bottom      : 10px;
    -moz-border-radius : 5px;
    clear              : both;
    float              : left;
    width              : 100%;
}

div.atoms_news_client_header
{
	font-style         : italic;
    padding            : 4px;
	font-size          : 11px;
    background-color   : #eeeeee;
}

pre.atoms_news_client_content
{
    font-size          : 95%;
    padding            : 4px;
}

div.atoms_comment_answer
{
    border             : 1px dashed #cdcdcd;
    background-color   : #f5fff4;
    margin             : 3px;
    margin-left        : 10px;
    -moz-border-radius : 5px;
}

div.atoms_comment_answer_header
{
	font-style         :italic;
    padding            : 4px;
	font-size          : 11px;
    background-color   : #ddffd9;
}

pre.atoms_comment_answer_content
{
    font-size          : 95%;
    padding            : 4px;
}

span.atoms_comment_answer_quote
{
    color              : brown;
}

/* ========================================================================== */
/* Display files                                                              */
/* ========================================================================== */

div.atoms_file
{
    float         : left;
    width         : 100%;
    clear         : both;
    margin-top    : 10px;
    margin-bottom : 10px;
    margin-left   : 0px;
    margin-right  : 4px;
    font-size     : 13px;
}


div.atoms_file_name
{
    display     :inline;
}

div.atoms_file_class
{
    display     :inline;
/*    margin-left : 20px; */
    font-style   : italic;
    font-size    : 11px;
}

div.atoms_file_right_icons
{
    float:right;
    width:130px;
}

div.atoms_file_class:before
{
    content: ' - ';
}

pre.atoms_file_description
{
    font-style   : italic;
    font-size    : 11px;
    padding      : 0;
    padding-left : 40px;
    padding-top  : 5px;
    margin       : 0;
}

pre.atoms_file_details
{
    font-style   : italic;
    font-size    : 11px;
    padding      : 0;
    padding-left : 40px;
    padding-top  : 5px;
    margin       : 0;
}

div.atoms_file_enable
{
    font-style    : italic;
    font-size     : 11px;
    padding       : 0;
    margin        : 0;
    margin-bottom : 10px;
    float         : left;
}

img.atoms_file_mimeicon
{
    margin      : 0;
    border      : none;
    float       : right;
    margin-left : 10px;
}

img.atoms_file_mimeicon:hover
{
    cursor      : pointer;
}

div.atoms_file_admin
{
    border             : 1px dashed #cdcdcd;
    background-color   : #fbfbfb;
    margin             : 3px;
    margin-bottom      : 10px;
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    clear              : both;
    float              : left;
    width              : 100%;
}

div.atoms_file_admin_header
{
    font-style         : italic;
    padding            : 6px;
    font-size          : 11px;
    background-color   : #eeeeee;
}

span.hint
{
    font-style: italic;
    font-size: 12px;
}
/* ========================================================================== */
/* generic                                                                    */
/* ========================================================================== */

div.atoms_login
{
    border           : 1px dashed #cdcdcd;
    background-color : #fbfbfb;
    margin           : 3px;
    margin-bottom    : 10px;
    padding-bottom   : 10px;
}

/* ========================================================================== */
/* tooltip                                                                    */
/* ========================================================================== */

a.tooltip
{
    text-decoration : none;
    position        : relative;
    padding         : 0;
    margin          : 0;
}

div.tooltip
{
    position        : absolute;
    z-index         : 10;
    display         : none;
    font-style      : normal;
    top             : 20px;
    right           : -60px;
    padding         : 5px;
    color           : #476bb9;
    border          : 1px dashed #476bb9;
    background      : #f7f7f7;
    width           : 500px;
}

div.tooltip div
{
	color           : #476bb9;
	border-bottom   : 1px solid #476bb9;
}

/* ========================================================================== */
/* homepage                                                                   */
/* ========================================================================== */

div.homepage_button
{
	background-color     : #e0e0e0;
	background-image     : url(/tango-16/actions/media-playback-start.png);
	background-position  : right;
	background-repeat    : no-repeat;
	padding              : 5px;
	padding-right        : 30px;
	margin               : 5px;
	margin-bottom        : 10px;
	margin-left          : 50px;
	text-align           : right;
	width                : 300px;
	border               : 1px solid gray;
	-moz-border-radius   : 3px;
        -webkit-border-radius: 3px;
        border-radius	     : 3px;
	color                : black;
}

div.homepage_button a
{
	color                : black;
}

div.homepage_button a:hover
{
	color                : gray;
	text-decoration      : none;
}

div.homepage_button:hover
{
	color                : gray;
	background-color     : #e9e9e9;
}

div.homepage_toolbox_description
{
	font-size            : 12px;
	font-style           : italic;
}