/*******************************************************************************
                           GLOBAL AND COMMONS
*******************************************************************************/
a       { 
	color: rgb(51,57,84); 
	_border-bottom:1px dotted rgb(51,57,84); 
	_text-decoration:none;
}

a:hover { 
	color: rgb(179,0,0); 
	_border-bottom:1px dotted rgb(179,0,0); 
	_text-decoration:none;
}

img     { 
        border-bottom:0px;
	border: 0; 
	outline:none;
}

a:focus, input:focus, input.button{
	outline: none;
}

p{
        margin:0;
        padding:0;
}

body{
        background-image: url(../images/body_bg.png);
        margin:0;
        padding:0;
        font: 13px Verdana;
        color: rgb(51,57,84);
}

h1{
        font-weight:normal;
        font-size: 20px;
        color: rgb(50,57,83);
        margin: 1em 0 0 1em;
}

hr{
        height: 1px;
        color: rgb(87,94,122);
        background-color: rgb(87,94,122);
        border:0;
}

hr.yellow{
        border: 0;
        color: rgb(255,210,0);
        background-color: rgb(255,210,0);
        height: 4px;
}

hr.titleDecoration_quarter{
        margin-right: 17em;
        margin-bottom: 2em;
}

.largeMarginRight { padding-right: 10em; }


/*******************************************************************************
                             PAGE AND SHADOWS
*******************************************************************************/
table.page{
        border-collapse: collapse;
        margin: 0 auto 0 auto;
        padding:0;
        border:0;
        border-spacing:0;
        Z-index: 2;
}

table.page tr td.content{
        padding:0;
        margin:0;
        border:0;
        background-color: White;        
        border: 1px solid rgb(113, 133, 133);
        width: 65em;
}

table.page tr td.shadowRight{
        padding:0;
        margin:0;
        border:0;
        background-image: url(../images/shadowRight.png);
        background-position: left;
        background-repeat: repeat-y;
        width: 30px;
        _background-image: none;
        /* _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/shadowRight.png",sizingMethod="scale"); */
}

table.page tr td.shadowLeft{     
        padding:0;
        margin:0;
        border:0;
        background-image: url(../images/shadowLeft.png);
        background-position: right;
        background-repeat: repeat-y;
        width: 30px;
        _background-image: none;
        /* _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/shadowLeft.png",sizingMethod="scale"); */
}



/*******************************************************************************
                                  HEADER
*******************************************************************************/
div.header {
        background-color: rgb(227, 229, 239);
        background-image: url(../images/bg_header.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        border-bottom: 2px solid rgb(190, 190, 190);
	font-size:12px;
}

div.header p img{
        margin-left: 1em;
        margin-top: 2.8em;
        margin-bottom: 2em;
}






/*******************************************************************************
                                SITE SEARCH
*******************************************************************************/
#site_search{
        margin: 0.5em;
        text-align: right;
        line-height: 2em;
}

#site_search input{
        vertical-align:middle;
}

#search{
        color: rgb(115,115,115);
        font-size: 11px;
        border-left: 1px solid ;
        border-right: 1px solid white;
        border-top: 1px solid ;
        border-bottom: 1px solid white;
        padding: 2px;
}





/*******************************************************************************
                                 MAIN MENU
*******************************************************************************/
table.mainMenu tbody{
        height: 3.2em;
        _height: 2.85em;
}

table.mainMenu{
        margin: 2px 0 0 0;
        text-transform: uppercase;
        border-collapse: collapse;
        width: 100%;
        border: 0;
        border-bottom: 10px solid rgb(223,223,224);
}

table.mainMenu tr{
        vertical-align: top;
}

table.mainMenu tr td{
        text-align: center;
        border:0;
        padding:0;
}

table.mainMenu tr td.fixed{
        width: 9em;
}

table.mainMenu tr td.fixed_home{
        width: 3em;
}

table.mainMenu tr td a img{
        vertical-align: middle;
        _margin: 0.65em 0 0.60em 0;
}

table.mainMenu tr td.home span{

}

table.mainMenu tr td.home_img img{
        vertical-align: middle;
        margin-bottom: 0.5em;
        _margin: 0.65em 0 0.60em 0;
}   

table.mainMenu tr td a, table.mainMenu tr td.home span{    
        display: block;
        
        line-height:3.5em;
        _height: 3.5em;
        
        color: white;
        
        text-align: center;
        text-decoration: none;
        font-size: 10px;
        
        border-top: 1px solid white;
        border-left: 1px solid white;
        border-right: 1px solid rgb(54, 61, 89);
        border-bottom: 1px solid rgb(54, 61, 89);
        
        background-image: url(../images/bg_top_nav.png);
        background-position: bottom;
        background-repeat: repeat-x;
        background-color: rgb(191,195,211);
}

table.mainMenu tr td a:hover{
        background-image: url(../images/bg_top_nav_active.png);
        background-position: top;
        background-repeat: repeat-x;
        background-color: rgb(201,202,207);
        color: rgb(49,52,67);
}






/*******************************************************************************
                       SPECIAL NAVIGATION - MARBLES
*******************************************************************************/
ul.special_nav{
        font-size: 11px;
        list-style: none;
        float: right;
}

ul.special_nav li{
        top: 0em;
}

ul.special_nav li a{
        text-align: center;
        color: rgb(51,57,84);
        font-weight: bold;
        text-decoration:none;
}

ul.special_nav li a em{
        display: block;
        font-weight: normal;
}

/*   MARBLES POSITION   */
ul.special_nav li#first{
        display: block;
        position: absolute;
        Z-index: 3;
}

ul.special_nav li#first_yellow{
        display: block;
        position: absolute;
        Z-index: 3;
}

ul.special_nav li#second{
        display: block;
        position: absolute;
        Z-index: 1;
}

ul.special_nav li#third{
        display: block;
        position: absolute;
        Z-index: 2;
}

ul.special_nav li#comment{
        display: block;
        position: absolute;
        Z-index: 2;
}

ul.special_nav li#fourth{
        display: block;
        position: absolute;
        text-align: right;
        Z-index: 1;
}

ul.special_nav li#first a{
        position: relative;
        top: 20.65em;
        _top: 20em;
        left: -10em;
        Z-index: 12;
}

ul.special_nav li#first_yellow a{
        position: relative;
        top: 20.65em;
        _top: 20em;
        left: -10em;
        Z-index: 12;
}

ul.special_nav li#second a{
        position: relative;
        left: -19em;
        top: 33em;
        Z-index: 11;
}

ul.special_nav li#third a{
        position: relative;
        left: -6em;
        top: 37.6em;
        Z-index: 10;
}

ul.special_nav li#comment span{
        background-image: url(../images/bg_slink2_pre.png);
        background-repeat: no-repeat;
        background-position: -126px 0;        
        width: 124px;
        height: 72px;
        display: block;
        padding-top: 5em;
        cursor: pointer;       
        position: relative;
        left: -6em;
        top: 37.6em;
        text-align: center;        
        Z-index: 10;
}

ul.special_nav li#comment span:hover{
        background-position: 0 0;
        /* _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg_slink2_active.png",sizingMethod="crop");*/
        color: rgb(146,12,12);
}

ul.special_nav li#fourth a{
        position: relative;
        left: -16em;
        Z-index: 9;
        top: 45.5em;
}
/*------------------------------------------------------------------------------
                        MARBLES DEFINITION AND EFFECT
        Because of the folder structures this filters dont work properly.
        This problem was fixed adding the context with the xilize e calling it 
        on the header of each page. 
        
        For checking that look at the file header.xilinc
   
        @Autor: Bruno Nicoletti Siqueira
------------------------------------------------------------------------------*/
ul.special_nav li#first a{
       background-image: url(../images/bg_slink1_pre.png);
       background-repeat: no-repeat;
       background-position: 0 0;
        _background-image: none;
        /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_slink1.png",sizingMethod="crop");*/
        width: 165px;
        display: block;
        cursor: pointer;
        padding-top: 7em;
        height: 90px;
}

ul.special_nav li#first a:hover{     
        background-position: -165px 0;
       /*  background-image: url(../images/bg_slink1_active.png); */
        _background-image: none;
        /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg_slink1_active.png",sizingMethod="crop");*/
        color: rgb(146,12,12);
}

ul.special_nav li#first_yellow a{
       background-image: url(../images/bg_slink1_pre.png);
       background-repeat: no-repeat;
       background-position: -165px 0;
        _background-image: none;
        /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_slink1.png",sizingMethod="crop");*/
        width: 165px;
        display: block;
        cursor: pointer;
        padding-top: 7em;
        height: 90px;
}

ul.special_nav li#first_yellow a:hover{     
        background-position: -165px 0;
       /* background-image: url(../images/bg_slink1.png); */
        _background-image: none;
        /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg_slink1_active.png",sizingMethod="crop");*/
        color: rgb(146,12,12);
}

ul.special_nav li.twoLine#second a, ul.special_nav li.twoLine#third a{
        padding-top: 3em;
        height: 70px;
}

ul.special_nav li.twoLine#fourth a{
        padding-top: 4.2em;
        height: 77px;
}

ul.special_nav li.twoLine#comment span{
	font-weight: bold;
        padding-top: 4.2em;
        height: 80px;
}

ul.special_nav li.twoLine#first a{
        padding-top: 6em;
        height: 100px;
}

ul.special_nav li.twoLine#first_yellow a{
        padding-top: 6em;
        height: 100px;
}

ul.special_nav li.twoLine#second a, ul.special_nav li.twoLine#third a, ul.special_nav li.twoLine#third a{
        padding-top: 4.2em;
        height: 78px;
}

ul.special_nav li.threeLine#second a, ul.special_nav li.threeLine#third a, ul.special_nav li.threeLine#fourth a{
        padding-top: 3.7em;
        height: 86px;
}

ul.special_nav li#second a, ul.special_nav li#third a, ul.special_nav li#fourth a{
       background-image: url(../images/bg_slink2_pre.png);
       background-repeat: no-repeat;
       background-position: -126px 0;
        _background-image: none;
        /* _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg_slink2.png",sizingMethod="crop");*/
        width: 124px;
        height: 72px;
        display: block;
        padding-top: 5em;
        cursor: pointer;
}

ul.special_nav li#second a:hover, ul.special_nav li#third a:hover, ul.special_nav li#fourth a:hover{
        background-position: 0 0;
        _background-image: none;
        /* _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg_slink2_active.png",sizingMethod="crop");*/
        color: rgb(146,12,12);
}






/*******************************************************************************
                                MENU ON FOOTER
*******************************************************************************/
ul.menuFooter{
        margin: 3em 0em 0em 0em;
        text-transform: uppercase;
        font-size: 10px;
        color: rgb(87,94,122);
        padding:0;
        z-index: 8;
}

ul.menuFooter li{
        display: inline;
}

ul.menuFooter li a b{   
        font-weight:normal;
}

ul.menuFooter li a{
        text-decoration: none;
        color: rgb(87,94,122);
        padding: 1px 0 1px 0;
}

ul.menuFooter li a:hover{
        background-color: rgb(50,57,83);
        color: white;
}



/*******************************************************************************
                               PAGE'S FOOTER
*******************************************************************************/
p.sendUsComment img{
        vertical-align: middle;
}

p.sendUsComment{
        color: rgb(87,94,122);
        font-size: 10px;
        cursor: pointer;
}

#footer{      
        background-image: url(../images/bg_footer.png);
        background-position: bottom;
        background-repeat: repeat-x;
        height: 90px;
        border-top: 3px solid rgb(223, 223, 224);
        color: rgb(116,116,118);
}

#footer p.footerContent{
        font-size: 10px;
        padding:0;
        margin-top:3em;
        padding-left: 1.5em;
        border-left: 3px solid rgb(19,33,96);
}

#footer p a{
        color: rgb(126,121,188);
}
#footer p a:hover{
        color: rgb(179,0,0);
}

#rights{
        margin-top: 1em;
        margin-right: 3em;
}

#rights img{
        margin: 10px;
        float:right;
}




/*******************************************************************************
                          FORM FOR SEND US COMMENT 
*******************************************************************************/

.backBox {
 	background: transparent;
	width: 550px;
        position: absolute;
        display: none;
       	z-index: 28;
}

.backBox .b1, .backBox .b2, .backBox .b3, .backBox .b4, .backBox .b5, .backBox .b6, .backBox .b7, .backBox .b8{
	display:block;
	overflow:hidden;
	height:1px;
}


.backBox .b2, .backBox .b3, .backBox .b4, .backBox .b5, .backBox .b6, .backBox .b7 {
	background:rgb(227,230,239);
	border-left:1px solid rgb(86,93,122);
	border-right:1px solid rgb(86,93,122);
}

.backBox .b1 {
	margin:0 5px;
	background:rgb(86,93,122);
}

.backBox .b2 {
	margin:0 3px;
	border-width:0 2px;
}

.backBox .b3 {
	margin:0 2px;
}

.backBox .b4 {
	height:2px;
	margin:0 1px;
}



.backBox .b5 {
	height:2px;
	margin:0 1px;
}

.backBox .b6 {
	margin:0 2px;
}

.backBox .b7 {
	margin:0 3px;
	border-width:0 2px;
}

.backBox .b8 {
	margin:0 5px;
	background:rgb(86,93,122);
}


#blogForm{
	border-left:1px solid rgb(86,93,122);
	border-right:1px solid rgb(86,93,122);        
	background-color: rgb(227,230,239);
        width: 500px;
        height: 300px;
        padding: 2em;
        font-size: 12px;
       	z-index: 25;
}

#blogForm p#message{
        color: rgb(179,0,0);
        margin: 0px;
        font-size: 12px;
}
#blogForm h2{
        font-size: 14px;
        margin: 0 0 10px 0;
        text-decoration: none;
        color: rgb(86,93,122);
}

#blogForm textarea,#blogForm label.comment{ 
        height: 15em;
        vertical-align: top;
        margin-top: 8px;
}

#blogForm textarea, #blogForm label, #blogForm input{ 
        background-color: rgb(86,93,122);
        border: 0;
        font: 12px Verdana;
        color: white;
        margin-top: 8px;
	display: block;
	float: left;
	width: 32em; 
}

#blogForm input.button{
	background-image:url(../images/button_img.png);
	background-position: 0 0;
        background-repeat: no-repeat;
	background-color: rgb(227,230,239);
	color:#323953;
	font-size:12px;
	height:22px;
        width: 120px;
        margin: 12px 5px 3px 0;
}

#blogForm input.button:hover{
	background-position: -120px 0;
}

#blogForm br { 
	clear: left; 
}

#blogForm label { 
        background-color: rgb(227,230,239);
        color: rgb(86,93,122);
	width: 100px; 
}


#blogForm input.error, #blogForm textarea.error{
        background-color: rgb(179,0,0);
}


/* #############################################################################

The next styles define the layout of the website. 
There are 5 possible styles

    1. Simple: Its te simple layout, used on the index pages.
        1.1. People
    2. Document: Its the style for documentation.
        2.1. Classic: The classic style, used in ourPhilosophy
        2.2. Modern: The most complete style. Used in documentation pages
        2.3. Download: specific style for download pages
        2.4. Blog: specific style for the Blog.

############################################################################# */





/******************************************************************************
                                SIMPLE LAYOUT
*******************************************************************************/
div.simple{
        min-height: 25em;
        _height: 25em;
        padding: 0 0 0 2em;
}

div.simple a       { 
	color: rgb(51,57,84); 
	border-bottom:1px dotted rgb(51,57,84); 
	text-decoration:none;
}

div.simple a:hover { 
	color: rgb(179,0,0); 
	border-bottom:1px dotted rgb(179,0,0); 
	text-decoration:none;
}

div.simple span.img a       { 
	color: rgb(51,57,84); 
	border-bottom:0px; 
	text-decoration:none;
}

div.simple span.img  a:hover { 
	color: rgb(179,0,0); 
	border-bottom:0px; 
	text-decoration:none;
}


div.footer{
        _height: 25em;
        padding: 2em 0 0 2em;
}

div.simple p{
        margin: 1em 17em 1em 1.5em;
        text-align: left;
        font-size: 13px;
        line-height: 1.3em;
}

div.simple p.sendUsComment{
        margin: 0;
        font-size: 11px;
}

div.simple ul{
        margin-left: 2em;
        width: 500px;
        padding: 0 0 1em 2em;
}

div.simple li{
        padding: 0 0 1em 0;
}

div.simple h3{
        font-size: 15px;
        font-weight: bold;
        padding: 0.5em 0 0 1.5em;
}

div.simple em{
        font-size: 11px;
        font-style: italic;
        font-weight: normal;
}

/******************************************************************************
                                DOCUMENT LAYOUT
*******************************************************************************/
div.people{
        border-left: 2.5em solid rgb(239,239,239);
        border-right: 2.5em solid rgb(239,239,239);
        padding: 0 1em 0 1em;
        line-height: 1.4em;
        text-align: justify;
        background-color: white;
}

div.people ul.modern{
        position: relative;
        left: -2.5em;
        padding-top: 2em;
}

div.people ul.modern li ul{
        margin:0;
        padding:0 0 0 5.8em;
}

div.people ul.modern li ul li{
       margin-bottom: 1em;
}

div.people p.sendUsComment{
        margin-top: 3em;
        font-size: 11px;
}



/******************************************************************************
                                DOCUMENT LAYOUT
*******************************************************************************/
div.document{
        border-left: 2.5em solid rgb(239,239,239);
        border-right: 2.5em solid rgb(239,239,239);
        padding: 0 1em 0 1em;
        line-height: 1.4em;
        text-align: justify;
        background-color: white;
}

div.document p.top{
        text-align:right;
        margin-right: 0;
}

div.document p.top a{
	border-bottom:0px; 
        text-decoration: none;
        font-size: 10px;
        color: rgb(51, 55, 82);
}

div.document p.top a img{
	border-bottom:0px; 
        vertical-align: middle;
        margin-right: 0.5em;
}






/*******************************************************************************
                           CLASSIC STYLE LAYOUT
*******************************************************************************/
div.classic h1{
        border:0;
        position: relative;
        background-color: white;
        left: -1.7em;
        margin:0.25em 0 0 0;
        padding: 1em 0 0.4em 1.5em;
        _padding: 0.7em 0 0.2em 1.5em; 
}





/* ##### INDEX SUB-MENU - CLASSIC STYLE ##### */

div.classic p.top{
        margin-right: 0;
        position: relative;
        top: -1em;
}

div.classic ul.index{
        position: relative;
        left: -3.5em;
        width: 45.3em;
        border-top: 1px solid rgb(87,94,122);
        padding: 0em 0 3em 4em;
        margin:0;
        background-color: white;
}

div.classic ul.index li{
        display: inline;
}

div.classic ul.index li a{
        font-size: 10px;
        text-decoration:none;
        padding: 1px 0 1px 0;
}

div.classic ul.index li a:hover, div.classic ul.index li a:active{
        background-color: rgb(50,57,83);
        color: white;
}

div.classic{
        color: rgb(84,94,119);
        font-size: 12px;
}

div.classic p{
        font-size: 11px;  
        margin: 0 7em 0 2em;
}

div.classic h3{
        font-size: 15px;
        font-weight: bold;
        margin: 0 0 1em 0;
}
div.classic dl{
        background-color: rgb(227, 229, 239);
        padding: 0.5em;
        margin: 3em 5em 0 2em ;
        _width: 88%;
}

div.classic dt{
        font-weight: bold;
        font-style: italic;
        font-size: 14px;
        margin-bottom: 0.2em;
}

div.classic dd{
        padding: 0;
        margin: 0;
        font-size:11px;
}

div.classic p.sendUsComment{
        margin: 1em 0 0 0;
        font-size: 11px;
}

div.classic hr{
       border: 1px solid white;
       border-top-color: rgb(219, 215, 216);
       margin: 0.5em 5em 1.5em 2em ;
}






/*******************************************************************************
                                MODERN STYLE LAYOUT
*******************************************************************************/
div.modern{
        padding: 0 7em 0 2em;
        color: rgb(84,94,119);
}

div.modern p{   
        font-size: 11px;
        line-height: 1.5em;
        margin: 1em 0 1em 1em;
}

div.modern a       { 
	color: rgb(51,57,84); 
	border-bottom:1px dotted rgb(51,57,84); 
	text-decoration:none;
}

div.modern a:hover { 
	color: rgb(179,0,0); 
	border-bottom:1px dotted rgb(179,0,0); 
	text-decoration:none;
}

div.modern p.top a{
	border-bottom:0px; 
        text-decoration: none;
        font-size: 10px;
        color: rgb(51, 55, 82);
}

div.modern p.top a img{
	border-bottom:0px; 
        vertical-align: middle;
        margin-right: 0.5em;
}

div.modern span.img a       { 
	color: rgb(51,57,84); 
	border-bottom:0px; 
	text-decoration:none;
}

div.modern span.img  a:hover { 
	color: rgb(179,0,0); 
	border-bottom:0px; 
	text-decoration:none;
}

div.modern p.headline{
        font-size: 12px;
        font-weight: bold;
        margin-bottom: -0.5em;
}



div.modern p a, div.modern h3 a{
        color: rgb(84,94,119);
}

div.modern h3 a:hover, div.modern p a:hover{
        color: rgb(179,0,0);
}

div.modern p em{
        font-family: monospace;
        font-style: italic;
        font-size: 11px;
}

div.modern p.top{
        position: absolute;
        width: 70em;
}

div.modern p.sendUsComment{
        margin: 3em 0 0 0;
        font-size: 11px;
}

div.modern h2{    
        margin:0;
        padding-top: 1em; 
        font-size: 16px;
        font-weight: bold;
}

div.modern h3{
        font-size: 14px;
        margin-top: 2em;
        margin-bottom: 1em;
        color: rgb(84,94,119);
        font-weight: bold;
}

div.modern h4{
        font-size: 14px;
        font-style: italic;
        font-weight: normal;
        margin-top: 1em;
        margin-bottom: -0.5em;
}

div.modern h4.alignCenter{
        text-align: center;
        margin: 1.2em;
}

div.modern ul.people li{
        margin-bottom: 3em;
}

div.modern ul{
        font-size: 11px;
}


div.modern dt{
        font-size: 13px;
        margin-top:0.5em;
        margin-left:1em;
}

div.modern dl{
        font-size: 11px;
        _width: 99.5%;
}

div.modern dd{
        font-style: italic;
}
div.modern ul{
        list-style: square;        
}

.outsideBuble ul{
        list-style: square;
        margin-left: 2em;
}

div.modern blockquote{
        margin: 1em 0em 2em 1em;
        padding: 0.5em 1em 0.5em 1em;
        border-top: 1px solid rgb(133,139,165);
        border-left: 1px solid rgb(133,139,165);
        background-color: rgb(222,225,234);
        font-size: 11px;
        display: block;
}

div.modern blockquote em.title{
        font: italic bold 14px verdana;
        display:block;
}

div.modern blockquote#talosBigMargin {
        margin: 1em 10em 2em 1em;
}

div.modern pre{
        margin:1em 0 1em 0;
        padding: 1em;
        border-top: 1px solid rgb(133,139,165);
        border-left: 1px solid rgb(133,139,165);
        background-color: rgb(222,225,234);
        font-size: 11px;
}

div.modern table{
        border-collapse: collapse;
        width: 100%;
        text-align: center;
        margin-top: 2em;
        margin-bottom: 1em;
        font-size: 11px;
}

div.modern table thead tr td{        
        border-bottom: 3px double rgb(51,57,84);
}

div.modern table tr td{
        border-left: 1px solid rgb(51,57,84);
        border-top: 1px solid rgb(51,57,84);
        border-bottom: 1px solid rgb(51,57,84);
        padding-top: 0.8em;
        padding-bottom: 0.8em;        
}

div.modern table tr td.first {
        border-left: none;
}

div.modern table tbody tr.alternate{
        background-color: rgb(227, 229, 239);
}




/* ###### INDEX SUB MENU - MODERN STYLE ###### */
ul.modern{
        border-bottom: 1px solid rgb(107,112,142);
        border-top: 1px solid rgb(107,112,142);
        list-style: none;
        font-size: 12px;
        padding:1em 0 1em 0;
        margin: 0.6em 20em 0 0;
        color: rgb(84,94,119);
}

ul.ul_people{
        border-bottom: 0px;
        border-top: 0px;
}

ul.modern li{
        list-style-image: url(../images/bar_reference.png);
        _list-style-image: url(../images/bar_reference_bordered.png);
        list-style-position: inside;
        font-weight: bold;
        padding:0;
        margin:0;
        line-height: 2em;
}

ul.modern li ul{
        margin-left: 3.5em;
        margin-bottom: 1em;
        list-style: none;
}

ul.modern li ul li{
       list-style-image: none;
       font-weight: normal;
        line-height: 1.5em;
}

ul.modern a{
        text-decoration: none;
        color: rgb(84,94,119);
}

ul.ul_docs a{
	border-bottom:1px dotted rgb(84,94,119);
	text-decoration:none;
        color: rgb(84,94,119);
}

ul.modern a:hover, ul.ul_docs a:hover{
        color: white;
        background-color: rgb(84,94,119);
}

div.modern span.sendUsComment{
        text-decoration: underline;
}


/*******************************************************************************
                                UML images
*******************************************************************************/


ul.uml{
	font-size: 8pt;
	list-style: none;
	padding: 0px;
	margin-left: 1em;
}


ul.uml li{
       list-style: none;
}


ul.uml li#uml01 a{
       background-image: url(/docs/screens/um_components_small.png);
       background-repeat: no-repeat;
       background-position: 0px 0;
       display: block;
       cursor: pointer;
       height: 609px;
       width: 600px;
       margin-top: 20px;
       margin-bottom: 25px;
}

ul.uml li#uml01 a:hover{     
       background-position: -600px 0;
}


ul.uml li#uml02 a{
       background-image: url(/docs/screens/um_articles_small.png);
       background-repeat: no-repeat;
       background-position: 0px 0;
       display: block;
       cursor: pointer;
       height: 709px;
       width: 600px;
       margin-top: 20px;
       margin-bottom: 25px;
}

ul.uml li#uml02 a:hover{     
       background-position: -600px 0;
}

ul.uml li#uml03 a{
       background-image: url(/docs/screens/um_user_small.png);
       background-repeat: no-repeat;
       background-position: 0px 0;
       display: block;
       cursor: pointer;
       height: 466px;
       width: 428px;
       margin-top: 20px;
       margin-bottom: 25px;
}

ul.uml li#uml03 a:hover{     
       background-position: -428px 0;
}



/*******************************************************************************
                                DOWNLOAD PAGE LAYOUT
*******************************************************************************/
div.download{
        padding: 0 7em 0 2em;
        color: rgb(84,94,119);
}


div.download h1{
        border:0;
        background-color: red;
        position: relative;
        left: -1.7em;
        margin: 0 0 3em 0;
        padding: 1em 0 0.4em 1.5em;
        _padding: 0.7em 0 0.2em 1.5em;
        text-decoration: underline;
}

div.download h2{
        margin-top: 1em;
        color: rgb(51,57,84);
        font-size: 15px;
}

div.download a{
	color: rgb(51,57,84); 
	border-bottom:1px dotted rgb(51,57,84); 
        text-decoration: none;
}

div.download a:hover{
	color: rgb(179,0,0); 
	border-bottom:1px dotted rgb(179,0,0);
	text-decoration:none;
        
}

div.download dl.release dt.title{
        clear: both;
        float: left;
        color: rgb(51,57,84);
}

div.download dl.release {
        float: left;
        width: 100%;
}

div.download hr.default{
        clear: both;
        margin: 1em 1em 0 0em;
}

div.download dl.release dt.title span, div.download p.button a{
        display: inline-block;
        background-image: url(../images/bg_button_download.png);
        background-position: bottom;
        background-repeat: repeat-x;
        font-size: 11px;
     	width: 13em;
        line-height: 2.7em;
        text-align:center;
        border: 1px solid rgb(227, 229, 239);
        margin: 0em 1em 0 0em; 
        font-weight: bold;
}


div.download dl.release dd dl dt span{
        padding-left: 1em;
	vertical-align: middle;
}



div.testfloat{
	float:left;
	margin-right: 10px;
}

div.test{
	_padding-top: auto;
	_padding-bottom: auto;
	vertical-align: bottom;
	_line-height:25px; 
}

div.download dl.release dd dl.left{
        clear: left;
        float: left;
        width: 43%;
        margin-right: 0.5em;
        border-left: 1px solid rgb(87,94,122);
        padding-left: 1em;
        margin-left: 0em;
}

div.download dl.release dd dl.right{
        width: 43%;
        float: left;
        padding-left: 2em;
}

div.download dl.release dd dl dt{
        padding: 1em 0 0 0;
        margin:0;
}

div.download dl.release dd dl dd{
        padding: 1em 0 0 1.3em;
        margin:0;
        font-size: 11px;
        color: rgb(141,146,166);
}

div.download p.button a{
        width: 27em; 
        font-weight:normal;
        line-height: 2em;
        color: rgb(51,57,84);        
        background-position: top;
        clear: both;
        _margin: 0.4em 1em 0 0em;
}

div.download p.top a:hover{
        border-bottom:0px;
        text-decoration: none;
        _font-weight:bold;
}

div.download p.sendUsComment{
        clear: both;
        margin-top: 8em;
        font-size: 11px;
}

/*******************************************************************************
                                   BLOG
*******************************************************************************/
div.blog{
        color: rgb(84,94,119);
        border-top: 1px solid rgb(87,94,122);
        margin-top: 0.3em;
}

div.blog p.sendUsComment{
        padding-top: 4em;  
        font-size: 11px;
}

/*-------------------------------------------
                  SIDEBAR
---------------------------------------------*/
div.sideBar{
        float:left;
        width: 12em;
        text-align:left;
}

div.sideBar a{
        color: rgb(84,94,119);
        text-decoration: none;
}

div.sideBar a:hover{
        color: white;
        background-color: rgb(84,94,119);
}

div.sideBar h2{
        font-size: 10px;
        text-decoration: underline;
        margin: 0;
        padding:0;
        text-transform: uppercase;
}

div.sideBar ul{
        list-style: none;
        padding:0;
        margin: 2em 1em 1em 0;
}

div.sideBar ul li{
        font-size: 10px;
        font-weight: bold;
        display: block;
}

div.sideBar ul li ul{
       margin: 0 0 2em 0;
       padding: 0 0 2em 0;
       border-bottom: 1px solid rgb(220,223,228);
}

div.sideBar ul li ul li{
        font-weight: normal;
        color: rgb(84,94,119);
}



/*-------------------------------------------
                   POSTS
---------------------------------------------*/

div.posts{
        padding-left: 1em;
        padding-right: 3em;
        border-left: 1px solid rgb(51,57,84);
        font-size: 11px;
        color: rgb(51,57,84);
        float: right;
        width: 53em;
}

div.posts div.post{
        font-size: 11px;
}

div.posts div.post h3{
      font-size: 14px;
      font-weight: bold;
      margin: 1.5em 0 0.5em 1em;
}

div.posts div.post h3.date{
       margin: 0 0 2em 1.7em;
       font-size: 11px;
       font-weight: normal;
}

div.posts h2{
        font-weight: normal;
        font-size: 21px;
        padding-bottom: 0;
        margin-bottom: 0;
}

div.posts h2 img{
        margin-right: 0.5em;
}

div.posts h2 a{
        text-decoration: none;
}

div.posts p{
       margin: 1em 0 0 1.6em;
       line-height: 1.5em;
}
div.posts p.comment{
        padding-left: 1em;
        vertical-align: middle;
        line-height: 2em;
        text-transform: uppercase;
        background-color:  rgb(220,224,235);
        margin-top: 4em;
}

div.posts div.comment{
        margin: 1em 10em 0 1.6em;
}

div.posts div.comment p{
        margin:0;
        padding:0;
}

div.posts input, div.posts textarea{
        border:0;
        background-color: rgb(220,224,235);
        font: 8pt Verdana;
}

div.posts input#email{
        width: 20em;
}

div.posts input#author{
        width: 20.3em;
}

div.posts input#url{
        width: 17.4em;
}

div.posts textarea{
       width: 100%;
}

div.posts div.post pre{
        margin:1.2em;
        padding: 1em;
        border-top: 1px solid rgb(133,139,165);
        border-left: 1px solid rgb(133,139,165);
        background-color: rgb(222,225,234);
        font-size: 11px;
}

div.posts div.comment p.title{
        margin-bottom: 0.7em;
}
/*-------------------------------------------
               SINGLE POST
---------------------------------------------*/
div.navigation{
        background-image: url(../images/line_nav_blog.png);
        _background-image:none;
        background-position: bottom;
        background-repeat: repeat-x;
        margin:1px;
        float: left;
}

div.navigation div.navigationNext{
        float: right;
        padding: 0 0 0 1em;
        margin:0;
        background-color: white;
}

div.navigation div.navigationPrevious{
        float: left;
        padding: 0 1em 0 0;
        margin:0;
        background-color: white;
}

div.navigation a{
        color: rgb(84,94,119);
}

div.navigation a:hover{
        color: rgb(179,0,0);
}

div.blog div.posts div.head{
        margin-bottom: 2em;
}

div.blog div.posts div.foot{
        margin-top: 7em;
}
/******************************************************************************
                                Navigation (tutorial)
*******************************************************************************/
div.macros h3{
        font-weight: bold;
        font-size: 17px;
        text-decoration: underline;
}

div.modern div.navigation{
        background-image: url(../images/line_nav_blog.png);
        _background-image: none;
        background-repeat: repeat-x;
        display: block;
        width: 100%;
        margin: 2em 0 2em 0; 
}

div.modern div.navigation div p a{
        font-weight: bold;
}

div.modern div.navigation div p{
        margin: 0;
        padding: 0;
}

div.modern div.navigation div.navigationNext{
        float: right;
        padding: 0 0 0 1em;
        margin:0;
        background-color: white;
}

div.modern div.navigation div.navigationPrevious{
        float: left;
        padding: 0 1em 0 0;
        margin:0;
        background-color: white;
}