root { 
    display: block;
}

    table{
        margin : 0;
        padding: 0;
    }
	form{
        margin : 0;
        padding: 0;
    }
	body {
		/*font : 9pt verdana, sans-serif;*/
        font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
        font-size:11px;
		margin : 0;
	}
    h1,h2,h3 {
        color : #9d8979;
		
    }
	p {
		/*font : 9pt verdana, sans-serif;*/
		color : #9e8a7a;
		margin-top : 0;
		text-align : justify;
	}
	li {
		/*font : 9pt verdana, sans-serif;*/
		color : #9e8a7a;
		margin-top : 0;
		text-align : justify;
	}
	td {
		/*font : 9pt verdana, sans-serif;*/
		color : #9e8a7a;
		margin-top : 0;
	}

	img {
		border : 0;
		text-decoration : none;
	}
	
	input[type="text"] {
		background-color : white;
		border : 1px solid;
		border-color : #9e8a7a #9e8a7a #9e8a7a #9e8a7a;
		color : #9e8a7a;
	}
	input[type="password"] {
		background-color : white;
		border : 1px solid;
		border-color : #9e8a7a #9e8a7a #9e8a7a #9e8a7a;
		color : #9e8a7a;
	}
	input {
		background-color : white;
		border : 1px solid;
		border-color : #9e8a7a #9e8a7a #9e8a7a #9e8a7a;
		color : #9e8a7a;
	}
	select {
		background-color : white;
		border : 1px solid;
		border-color : #9e8a7a #9e8a7a #9e8a7a #9e8a7a;
		color : #9e8a7a;
	}
	textarea {
		background-color : white;
		border : 1px solid;
		border-color : #9e8a7a #9e8a7a #9e8a7a #9e8a7a;
		color : #9e8a7a;
	}



    #textTitle {
        visibility:hidden;
        height:0;
    }


    #headerbar {
        position:absolute;
        top:0;
        width:100%;
        height:3em;
        background-color:#9d8979
    }
    .headerMenu {
        width:16%;
        float:left;
        text-align:center;
        margin:1em 0 1em 0;
    }
    .headerLink {
        /*font : bold 9pt verdana, sans-serif;*/
        font-weight:bold;
		color : #ffffff;
		text-decoration : none;
	}
	.headerLink:hover, .headerLink:active {
		/*font : bold 9pt verdana, sans-serif;*/
        font-weight:bold;
		color : #b3eb00;
		text-decoration : underline;
	}

    #bodyContainer{
        width:1080px;
        height:600px;
    }

    #leftPanel{
        position:relative;
        top:0;
        left:0;
    }
    #middlePanel{
        position:absolute;
        top:0;
        left:250px;
    }
    #rightPanel{
        position:absolute;
        top:3em;
        left:829px;
    }
    #mainPanel{
        position:absolute;
        top:3em;
        left:0;
        width:800px;
    }
    #logoPanel{

        width:567px;
        height:571px;
        background: url(../images/2/logoCrane.png) top left no-repeat;
    }
    #clientPanel{
        
        width:567px;
    }
    .clientLogoBox{
        width:33%;
        float:left;
        text-align:center;
        margin:1em 0 1em 0;
    }

    #vacanciesTicker{
        width:100%;
        position:fixed;
        bottom:0em;
        height:2em;
        background-color:white;
        overflow:hidden;
        clip:auto;
        z-index:1;
    }


    .boxHead {
        margin: 0;
        padding: 0;
        height: 22px;
        line-height:22px;
        background: url(../images/2/rect3t.png) top left no-repeat;
        font-weight: bold;
        text-align: left;
        text-indent:17px;
        /*font : normal 10pt verdana, sans-serif;*/
        font-size:15px;
    }
    .boxBody {
        margin: 0;
        padding: 0;
        padding: 0 20px 0 17px; /* internal block spaces administration */
        text-align: justify;
        background: url(../images/2/rect3m.png) top left repeat-y; /* internal background */

    }
    .boxContainer {
        /*top:50px;
        left:10px;*/
        width:212px;
        margin: 1em 0 0 1em;
        padding: 0;
        background: url(../images/2/rect3b.png) bottom left no-repeat;
        padding-bottom: 17px;
    }
    .boxLink {
		/*font : normal 9pt verdana, sans-serif;*/
		color : black;
		text-decoration : none;
        text-align:left;
	}
	.boxLink:hover, .boxLink:active {
		/*font : normal 9pt verdana, sans-serif;*/
		color : #9d8979;
		text-decoration : underline;
        text-align:left;
	}
    .boxLinkBold {
		/*font : normal 9pt verdana, sans-serif;*/
		color : black;
		text-decoration : underline;
        text-align:left;
	}
	.boxLinkBold:hover, .boxLinkBold:active {
		/*font : normal 9pt verdana, sans-serif;*/
		color : #9d8979;
		text-decoration : underline;
        text-align:left;
	}
    .boxLinkSubtitle {
		/*font : normal 7pt verdana, sans-serif;*/
		text-decoration : none;
        text-align:left;
	}
    .backgroundLink {
		/*font : normal 9pt verdana, sans-serif;*/
		color : black;
		text-decoration : none;
        text-align:left;
	}
	.backgroundLink:hover, .backgroundLink:active {
		/*font : normal 9pt verdana, sans-serif;*/
		color : #9d8979;
		text-decoration : underline;
        text-align:left;
	}
    .boldLink {
		/*font : bold 9pt verdana, sans-serif;*/
		color : #9d8979;
		text-decoration : none;
        text-align:left;
	}
	.boldLink:hover, .boldLink:active {
		/*font : bold 9pt verdana, sans-serif;*/
		color : #9d8979;
		text-decoration : underline;
        text-align:left;
	}

    .highlightLink {
		/*font : bold 9pt verdana, sans-serif;*/
		color : #ff7800;
		text-decoration : none;
        text-align:left;
	}
	.highlightLink:hover, .highlightLink:active {
		/*font : bold 9pt verdana, sans-serif;*/
		color : #b3eb00;
		text-decoration : underline;
        text-align:left;
	}
    .largeLink {
        /*font : normal 16pt verdana, sans-serif;*/
		color : #9d8979;
		text-decoration : none;
        text-align:left;
    }
    .largeLink:hover, .largeLink:active {
		/*font : normal 16pt verdana, sans-serif;*/
		color : #9d8979;
		text-decoration : underline;
        text-align:left;
	}
    @media handheld{

        #headerbar {
            position:absolute;
            top:0;
            left:0;
            width:100%;
            background-color:#000000
        }

        #logoPanel{
            width:48px;
            height:48px;
            background: url(../images/2/smallLogo.png) top left no-repeat;
        }

        #vacanciesTicker{
            width:100%;
            position:fixed;
            bottom:0em;
            height:2em;
            background-color:white;
            overflow:hidden;
            clip:auto;
        }

        .clientLogoBox{
            height:0;
            visibility:hidden;
            overflow:hidden;
            clip:auto;
        }
        
    }