/* CSS Document */

/****************************************************************************
    GENERAL
****************************************************************************/

    body
    {
        background: #fff url(../images/main_bg.png) top left repeat-y;
        color: #585858;
        margin: 0 auto;
    }

    body, td
    {
        font-size: 9pt;
        font-family: "trebuchet ms", helvetica, sans-serif;
    }

    h1 { display: none; }

    h2
    {
        font-size: 2em;
        color: #336ea0;
        background: url(../images/hdot.jpg) bottom left repeat-x;
    }

    h3
    {
        font-size: 1.3em;
        color: #336ea0;
    }

    div.separator
    {
        margin-top: 3px;
        margin-bottom: 3px;
        height: 1px;
        background: url(../images/hdot.jpg) top left repeat-x;
    }

    input, textarea
    {
        font-family: "Trebuchet ms", sans-serif;
        font-size: 9pt;
    }

	div.ErrorFrame   { background: #FFDDDD; border: 1px solid #CC3333; padding: 3px; }
	div.SuccessFrame { background: #BBEEBB; border: 1px solid #33CC33; padding: 3px; }

    a.Exclamation
    {
        padding-left: 20px;
        background: url("../images/exclamation.png") center left no-repeat;
    }

    a.Edit
    {
        padding-left: 20px;
        background: url("../images/edit.png") center left no-repeat;
    }

    a.ViewSum
    {
        padding-left: 20px;
        background: url("../images/viewsum.png") center left no-repeat;
    }

/****************************************************************************
    HEADER, MENU, PROFILEBOX
****************************************************************************/

    #header
    {
        margin-left: 25px;
        width: 820px;
        height: 168px;
        background:#ffffff url(../images/bg.jpg) bottom left repeat-x;
    }

    #menu
    {
        background: url(../images/logo.jpg) bottom left no-repeat;
        float: left;
        margin: 0;
        width: 400px;
        height: 168px;
    }

    #menu ul
    {
        list-style: none;
        list-style-type: 0;
        margin: 125px 0 0 0;
        padding: 0;
    }

    #menu ul li
    {
        float: left;
        padding: 0;
        margin: 0;
        width: 70px;
    }

    #menu ul li#link1 { width: 50px; }
    #menu ul li#link2 { width: 50px; }
    #menu ul li#link3 { width: 80px; }
    #menu ul li#link4 { width: 80px; }
    #menu ul li#link5 { width: 80px; }
    #menu ul li#link6 { width: 120px; }
    #menu ul li a
    {
        text-align: center;
        display: block;

        height: 31px;
        line-height: 31px;
        
        color: #000000;
        font-weight: bold;
        text-decoration: none;
        padding-left: 2px;
        padding-right: 2px;
    }

    #menu ul li a:hover
    {
        text-decoration: underline;
    }


    #profilebox
    {
        float: right;
        margin-top: 115px;
        text-align: right;
        padding-right: 10px;
    }

    #profilebox input
    {
    }
    
    #profilebox td
    {
        text-align: left;
    }
	
	#profilebox a
	{
		color: #336ea0;
		text-decoration: none;
	}
	
	#profilebox a:hover
	{
		text-decoration: underline;
	}

/****************************************************************************
    MAIN CONTENT
****************************************************************************/

    #contentwrapper
    {
        padding: 15px;
        margin-left: 25px;
    }
    
    #searchbox
    {
        padding-left:10px;
    }
    
    #searchbox input
    {
    	margin-bottom: 3px;
    }

    #main
    {
        width: 560px;
        float: left;
    }

    #content div.date
    {
        display: inline;
        position: relative;
        top: -40px;
        float: right;
        text-align: right;
        color: #336ea0;
        font-weight: bold;
    }

    #content p
    {
        clear: left;
    }
	
	#content a
	{
		color: #000000;
		text-decoration: none;
	}
	
	#content a:hover
	{
		text-decoration: underline;
	}
	
	#ProfileContent a
	{
		text-decoration: none;
		color: #000000;
	}
	
	#ProfileContent a:hover
	{
		text-decoration: underline;
	}
	
	#ProfileContent p
	{
		clear: left;
	}
	
	#ProfileContent div.date
    {
        display: inline;
        position: relative;
        top: -40px;
        float: right;
        text-align: right;
        color: #336ea0;
        font-weight: bold;
    }

    #rightside
    {
        float: left;
        width: 190px;
        margin-left: 30px;
        padding-left: 10px;
    }
	
	#rightside a
	{
		color: #444444;
        font-weight: bold;
        text-decoration: none;
		font-size: 11px;
	}
	
	#rightside a:hover
	{
		text-decoration: underline;
	}

	#rightside ul
    {
        list-style-image: url("../images/bullet2.gif");
    }
	
	#rightside ul li
    {
        padding: 0;
        margin-left: -25px;
    }
	
	#rightside ol li
	{
		padding: 0;
		margin-left: -22px;
	}

    div.bookthumbnail
    {
        float: right;
    }

/****************************************************************************
    ADS
****************************************************************************/
    
    #AdContainer
    {
        position: absolute;
        left: 860px;
        top: 198px;
        width: 200px;
    }


/****************************************************************************
    Search results
****************************************************************************/

    div.searchresult
    {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        margin-bottom: 5px;
    }

    div.searchresult.alternating
    {
        background: #f6f6f6;
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
    }

    div.searchresult a.title, div.searchresult div.price
    {
        font-size: 120%;
        font-weight: bold;
    }

    div.searchresult a.title { float: left; }

    div.searchresult div.price
    { 
        float: right;
        text-align: right;
        padding-right: 5px;
    }

    div.searchresult div.description
    {
        clear: both;
    }

    #content div.searchresult a
    {
        color: #ff7109;
    }

/****************************************************************************
    VIEW
****************************************************************************/

    #ViewContent div.headerprice
    {
        display: inline;
        position: relative;
        top: -43px;
        float: right;
        text-align: right;
        color: #336ea0;
        font-weight: bold;
        font-size: 140%;
    }

    td.infoheader
    {
        padding-right: 10px;
        padding-bottom: 3px;
    }

/****************************************************************************
    BREADCRUMS
****************************************************************************/

 	div#breadcrums
	{
        clear: both;
		font-size: 0.8em;
		text-align: center;
		width: 560px;
        padding-bottom: 20px;
        padding-top: 5px;
	}
	
	div#breadcrums a
	{
		text-decoration: none;
		color: #336ea0;
	}
	
	div#breadcrums a:hover
	{
		text-decoration: underline;
	}

/****************************************************************************
    VIEWCONTENT
****************************************************************************/
	

    #ViewContent h2
    {
        margin-right: 110px;
    }

	#ViewContent a
	{
		text-decoration: none;
		color: #000000;
	}
	
	#ViewContent a:hover
	{
		text-decoration: underline;
	}
	
	#ViewContent p
	{
		clear: left;
	}

/****************************************************************************
    KUNDCONTENT
****************************************************************************/
	
	#KundContent a
	{
		text-decoration: none;
		color: #000000;
	}
	
	#KundContent a:hover
	{
		text-decoration: underline;
	}
	
	#KundContent p
	{
		clear: left;
	}


/****************************************************************************
    ICONS
****************************************************************************/

    a.pdf  { background: url('../images/icons/pdf.png') left center no-repeat; padding-left: 20px; }
    a.txt  { background: url('../images/icons/txt.png') left center no-repeat; padding-left: 20px; }
    a.word { background: url('../images/icons/word.png') left center no-repeat; padding-left: 20px; }
    a.ppt  { background: url('../images/icons/ppt.png') left center no-repeat; padding-left: 20px; }
    a.html { background: url('../images/icons/html.png') left center no-repeat; padding-left: 20px; }
    a.xls  { background: url('../images/icons/xls.png') left center no-repeat; padding-left: 20px; }