BODY
{
	background-color: #4c5f71; //#545a3a;
	background-repeat: repeat-x;
	font-size: 12px;
	margin:0; 
	padding:0; 	
}

#xBody
{
    MARGIN: 5px auto;
    WIDTH: 960px;
    BACKGROUND-COLOR: #ffffff;
    border: 1px solid #000000;
    MIN-HEIGHT: 990px;
    HEIGHT: 99%;
}

#xMain, .mainSeparator, #xBoxArea
{
    MIN-HEIGHT: 685px;
    HEIGHT: 99%;
}

#xMain
{
    FLOAT: left;
    WIDTH: 745px;
    BACKGROUND-COLOR: #ffffff;
    DISPLAY: compact;
}

.mainSeparator
{
    FLOAT: left;
    WIDTH: 15px;
    BACKGROUND-COLOR: #ffffff
}
#xBoxArea
{
    FLOAT: right;
    WIDTH: 200px;
    BACKGROUND-COLOR: #ffffff;
}
.borderTop
{

}
.mainWidth, #xDayQuotes, #xSearchArea
{
    FLOAT: right;
    WIDTH: 730px
}
#xBdayArea
{
    BORDER: #c3c3c3 1px solid;
    MARGIN-TOP: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 2px;
    MARGIN-LEFT: 10px;
    WIDTH: 720px;
    PADDING-TOP: 2px;
    HEIGHT: 25px;
}

#xBdayArea #happyimage, #xBdayArea #happytext
{
    FLOAT: left
}

#xBdayArea #happytext
{
    MARGIN-TOP: 5px;
    MARGIN-LEFT: 10px;
    font-family: "Segoe UI", Tahoma;
}

#xSearchArea
{
    MARGIN-TOP: 10px;
    MARGIN-BOTTOM: 5px;
    VERTICAL-ALIGN: middle;
    HEIGHT: 25px;
}
#xSearchArea LABEL
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #78797a
}
#xSearchArea INPUT
{
    BORDER: #c3c3c3 1px solid;
    FONT-SIZE: 10px;
    WIDTH: 150px;
    COLOR: #a00000;
    HEIGHT: 15px
}
#xcontactos, #xintranet, #xinternet, #ximg
{
    VERTICAL-ALIGN: middle
}
.ximg
{
    FLOAT: left;
    WIDTH: 250px;
}
.ximg IMG
{
    CURSOR: pointer
}
.linkedimages
{
    CURSOR: pointer;
    WIDTH: 16px;
    HEIGHT: 16px;
}
#xcontactos
{
    FLOAT: left;
    WIDTH: 240px;
    TEXT-ALIGN: left
}
#xinternet
{
    FLOAT: left;
    WIDTH: 210px;
    TEXT-ALIGN: center
}
#xintranet
{
    FLOAT: left;
    WIDTH: 30px;
    TEXT-ALIGN: right
}
#xLogo
{
    PADDING-BOTTOM: 5px;
    MARGIN-LEFT: auto;
    WIDTH: 165px;
    MARGIN-RIGHT: auto;
    PADDING-TOP: 10px
}
#xNewsArea, #xDayImageArea, #xPersonalNotesArea, #xToolsArea, #xUnitsArea, #xProjectsArea, .xTools
{
    BACKGROUND-COLOR: #f7f7f7;
    BORDER: #c3c3c3 1px solid;
    PADDING-LEFT: 10px;
    BACKGROUND-IMAGE: url(/xportal/repositorio/imagens/_backgrad.jpg);
    MARGIN-BOTTOM: 10px;
    PADDING-BOTTOM: 5px;
    COLOR: #a09e9e;
    BACKGROUND-REPEAT: repeat-x;
    TEXT-ALIGN: left
}

.backGrad
{
    BORDER: #c3c3c3 1px solid;
    PADDING-LEFT: 10px;
    BACKGROUND-IMAGE: url(/xportal/repositorio/imagens/backgrad.jpg);
    MARGIN-BOTTOM: 10px;
    PADDING-BOTTOM: 5px;
    COLOR: #a09e9e;
    BACKGROUND-REPEAT: repeat-x;
    TEXT-ALIGN: left
}

.titleArea
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #666666;
    C-OLOR: #78797a;
}

#xNewsArea
{
    FLOAT: left;
    HEIGHT: 200px;
    MARGIN-LEFT: 10px;
    WIDTH: 500px;
    F-LOAT: right;
    W-IDTH: 720px;
}

#xNewsArea SPAN.titleArea
{
    FLOAT: left
}

#xNewsArea DIV.viewList
{
    PADDING-RIGHT: 10px;
    TEXT-ALIGN: right
}
#xNewsArea A.viewList
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #666666
}
#xNewsArea UL
{
    PADDING-LEFT: 20px;
    LIST-STYLE-IMAGE: url(/xportal/repositorio/imagens/bullet.jpg);
    MARGIN-LEFT: -5px
}
#xNewsArea LI
{
    PADDING-BOTTOM: 5px
}
#xMeteoArea
{
    MARGIN-LEFT: auto;
    WIDTH: 245px;
    MARGIN-RIGHT: auto;
}
#xPersonalNotesArea
{
    BACKGROUND-COLOR: #ffffff;
    MARGIN-LEFT: 10px;
    FLOAT: left;
    WIDTH: 200px;
    MARGIN-RIGHT: auto;
    M-ARGIN-LEFT: auto;
    W-IDTH: 440px;
}