/* 
    Document   : text
    Created on : 25.01.2010, 11:56:50
    Author     : Toni Michel
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


body {
    margin:                 0;
    padding:                0;
    font-size:              14px;
    line-height:            20px;
    font-family:            Arial, "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana, sans-serif;
    color:                  #333;
    background:             #fff;
}


/* LINKS
******************************************/
    a:link, a:visited {
        text-decoration:        underline;
        
    }

    a {
        outline:                0;
        border-width:           0px;
        color:                  #3151A2;
    }
    a#current {outline:                none;}
    a:hover {
        text-decoration:        underline;
    }
    a img {
        border:                 none;
    }
    a.section:link, a.section:visited {
        text-decoration:        none;
    }


/* hr
******************************************/
hr {
    border-color:           #ccc;
	border-style:           solid;
	border-width:           1px 0 0;
	clear:                  both;
	height:                 0;

}

/* HEADINGS
******************************************/
    h1,h2,h3,h4,h5 {
        font-weight:            normal;
        font-family:            Arial, "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana, sans-serif;
    }

    h1 {
        font-size:              26px;
        color:                  #666;
        padding:                0 6px 0 0;
        margin:                 0 0 .8em 0;
        line-height:            normal;
    }

    h2 {
        font-size:              23px;
        margin:                 1em 0 .5em 0;
    }

    h2.subhead {
        margin-top:             0;
    }

    h3 {
        font-size:              14px;
        margin:                 .8em 0 .3em 0;
        color:                  #666;
    }

    h4 {
        font-size:              12px;
        margin:                 1em 0 .8em 0;
        padding-bottom:         3px;
    }

    h5 {
        font-size:              10px;
        margin:                 1.5em 0 .5em 0;
        color:                  #666;
        text-transform:         uppercase;
        letter-spacing:         1px;
    }


/* container with head and content box
******************************************/

.container {
    border:                 1px solid #ddd;
}
.container .header {
    border-bottom:          1px solid #eee;
    padding:                11px;
    background:             #fdfdfd url('buttons/button_bg.png') repeat-x;
    background-position:    2px 23px;
}
.container .content {
    padding:                12px;
    background:             #fbfbfb;
}

.inline_container {
    padding:                1px 2px 1px 2px;
    background:             #eee;
    border:                 1px solid #ccc;
    font-size:              10px;
    display:                inline;
}



/* Floats
****************************************/
.float_left {
    float:                  left;
    display:                inline;
    margin-right:           1em;
    margin-bottom:          0.08em;
}

.float_right {
    float:                  right;
    display:                inline;
    margin-left:            1em;
    margin-bottom:          0.08em;
}






/* tables
----------------------------------------------------------------------------------- */
    table {
        width:                  auto;
        border-collapse:        collapse;
        margin-bottom:          0.5em;
    }
    table.full {
        width:                  100%;
    }
    table.fixed {
        table-layout:           fixed;
    }
    th,td {
        padding:                0.5em;
        vertical-align:         top;
        text-align:             left
    }
    th {}
    table.no_padding tr td {
        padding:                0px;
    }
    table.h_border tr {
        border-bottom:          1px solid #ccc
    }
    table.listing tr {
        border:                 1px solid #eee;
        background:             #fff;
        margin-bottom:          12px;
    }
    table.listing tr td {
        padding:                22px;

    }
    table.nopadding {
        margin:                 0px;
    }
    table.nopadding td {
        padding:                0px;
    }
    table.border td, table.border th {
        border:                 1px solid #ccc;
    }
    table.middle td,
    td.middle {
        vertical-align:         middle;
    }
    table.bottom td,
    td.bottom {
        vertical-align:         bottom;
    }

    table.h_border tr {
        border-bottom:          1px solid #ccc
    }
    table.info_table td {
        padding:                3px 6px 3px 6px;
        border:                 1px solid #fbfbfb;
        border-bottom:          1px solid #ddd;
        border-top:             1px solid #ddd;
    }



/* text formatting
-----------------------------------------------------------------------------------*/
    cite,blockquote {
        font-style:                 italic;
    }
    blockquote {
        margin:                     0 0 1em 1.5em;
    }

    strong {
        font-weight:                bold;
        font-size:                  17px;
        color:                      #666;
    }

    pre,code {
        font-family:                monospace;
        font-size:                  1.1em;
    }
    acronym,abbr {
        letter-spacing:             .07em;
        border-bottom:              .1em dashed #c00;
        cursor:                     help;
    }




.small {
    font-size:                  11px;
    color:                      #999
}



.dragzone {
	cursor:                     move;
}




/* Actionbox
------------------------*/
	.actionbox {
		display:                    block;
		border:                     1px solid #ddd;
		text-decoration:            none;
    	padding:                    32px 12px 32px 12px;
		float:                      left;
		margin-right:               5px;
		background:                 #f4f4f4;
		font-size:                  17px;
		width:                      198px;
		text-align:                 center;
		color:                      #333;

	}
	a.actionbox:hover {
        border-color:               #ccc;
        text-decoration:            none;
        background:                 #FFFFCC
    }
	a.actionbox:hover .header {
        text-decoration:            underline;
    }
	.actionbox#current {
        background:                 #ffffcc;
    }

	.actionbox span.header {
		font-weight:                bold;
		display:                    block;
		color:                      orange;
	}




div.comment {
	padding:                    10px;
	border-bottom:              1px solid #eee;
	margin-bottom:              12px;
}




/* container for special item, like a file or something important*/
	.specialitem {
		display:                    block;
		background:                 #eee;
		border:                     1px solid #dedede;
		padding:                    7px 17px 7px 17px;
		font-size:                  15px;
		margin:                     0px 0px 5px 0px;
	}
	a.specialitem {
        text-decoration:            none;
    }
	a.specialitem:hover {
		text-decoration:            none;
		border:                     1px solid #999;
	}





/* =Spacing
--------------------------------------------------------------------------------*/

ol {list-style: decimal;}

ul {list-style: square;}

li {margin-left: 30px;}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {margin-bottom: 15px;}