@charset "utf-8";

@media screen
{
    body
    {
	    margin: 0;
	    background-image:url(../gfx/bg.jpg);
	    background-position:top right;
	    background-repeat:no-repeat;
    }

    #outer-page
    {
	    width: 980px;
	    margin: -2px auto 0 auto;
    }

    #left-shadow
    {
	    background-image:url(../gfx/left-shadow.png);
	    background-repeat:no-repeat;
	    background-position: top left;
	    width: 30px;
	    height: 597px;
    }

    #right-shadow
    {
	    background-image:url(../gfx/right-shadow.png);
	    background-repeat:no-repeat;
	    background-position: top right;
	    width: 30px;
	    height: 597px;
    }

    #page
    {
	    background-color: white;
	    border: 10px solid white;
	    /*width: 100%;*/
	    min-height: 600px;
	    /*box-shadow: 0 5px 10em #bbb;
	    -moz-box-shadow: 0 5px 10em #bbb;
	    -webkit-box-shadow: 0 5px 10em #bbb;*/
	    font-family:Arial, Helvetica, sans-serif;
	    font-size:13px !important;
	    color: #555;
    }
    
    #climate-content
    {
	    font-size:12px !important;
    }

    #top
    {
	    background-image:url(../gfx/climatecalc_topbar.jpg);
	    background-repeat:no-repeat;
	    background-position:right;
	    height: 140px;
	    position: relative;
    }

    #top #logo
    {
	    display: block;
	    position: absolute;
	    top: 35px;
	    left: 30px;
	    width: 334px;
	    height: 49px;
	    /*border: 1px solid #000;*/
	    background-image:url(../gfx/logo.png);
	    background-repeat:no-repeat;
    }

    #top #upper-right-menu
    {
	    position: absolute;
	    top: 10px;
    /*	height: 25px;*/
	    min-width: 200px;
	    max-width: 400px;
	    right: 10px;
	    text-align:right;
	    line-height: 25px;
    }

    #top #upper-right-menu select
    {
	    border: 1px solid #726f22;
	    font-size: .9em;
	    padding: 2px;
    }

    #top .login-status
    {
	    list-style-type: none;
	    padding: 0;
	    margin:0;
	    color: white;
	    display:inline;
	    font-size: .9em;
    }

    #top .login-status li
    {
	    display:inline;
    }

    #top .login-status li:after
    {
	    content: '-';
	    padding: 0 5px;
    }

    #top .login-status li a
    {
	    color:white;
	    text-decoration: none;
    }

    #top .login-status li a:hover
    {
	    text-decoration: underline;
    }

    #top #menu
    {
	    position: absolute;
	    bottom: 2px;
	    height: 25px;
	    min-width: 200px;
	    left: 80px;
    }

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

    #main
    {
	    border-top: 10px solid white;
    }

    #left-content
    {
	    width: 180px;
	    float:left;
    }

    #right-content
    {
	    width: 180px;
	    float:right;
    }

    #main-content-left
    {
	    margin: 0 190px 0 0;
    }

    #main-content-right
    {
	    margin: 0 0 0 190px;
    }

    #main-content-center
    {
	    margin: 0 190px 0 190px;
    }

    #main h1, #main h2, #main h3, #main h4, #main h5, #main h6
    {
	    color: #a2ad00;
	    margin:0 0 .5em 0;
    }

    #main hr
    {
	    border:0;
	    border-top: 1px dotted #bbb;	
    }

    #main a {color: #3a7dda; text-decoration:none;}
    #main a:hover {text-decoration:underline}

    #main .laes-mere
    {
	    color: #a2ad00;
	    background-image:url(../gfx/bullet.png);
	    background-repeat:no-repeat;
	    background-position: right;
	    padding: 3px 30px 3px 0;
	    margin-right: 10px;
	    text-decoration:none;
    }

    #main .laes-mere:hover {text-decoration:none}

    #main .menu-list
    {
	    list-style-image:url(../gfx/bullet-list.png);
    }

    #main .menu-list li
    {
	    line-height: 22px;
    }

    .button
    {
        display:inline-block;
        padding: 2px 10px;
        border: 1px solid #7d8e01;
        text-decoration:none !important;
        color:White !important;
        background-color:#9cb001;
        font-size: 13px;
        cursor: pointer;
    }

    a.print, a.print-pdf, a.print-pdf-dialog
    {
        display:inline-block;
        padding: 3px 10px;
        border: 1px solid #7d8e01;
        text-decoration:none !important;
        color:White !important;
        background-color:#9cb001;
        font-size: 13px;
    }

    .button:hover, a.print:hover, a.print-pdf:hover, a.print-pdf-dialog:hover
    {
        background-color: #b2bc35;    
    }
       
    /*
    #menu li
    {
	    background-image:url(../gfx/top-menu-left.png);
	    background-position:top left;
	    background-repeat:no-repeat;
	    float:left;
    }

    #menu li a
    {
	    background-image:url(../gfx/top-menu-right.png);
	    background-position:top right;
	    background-repeat:no-repeat;
	    display:block;
	    padding: 5px 20px 0 20px;
	    text-decoration:none;
	    color: #a2ad00;
	    height: 25px;
    }

    #menu li.active
    {
	    background-image:url(../gfx/top-menu-active-left.png);
	    background-position:top left;
	    background-repeat:no-repeat;
	    float:left;
    }

    #menu li a.active
    {
	    background-image:url(../gfx/top-menu-active-right.png);
	    background-position:top right;
	    background-repeat:no-repeat;
	    display:block;
	    padding: 5px 20px 0 20px;
	    text-decoration:none;
	    color: rgb(240,240,255);
	    height: 40px;
    }*/
    
    .decimal
    {
        text-align:right;    
    }
}

/* target mobile devices */
@media only screen and (max-device-width: 480px) {
    /* body { max-width: 100%; }*/
    .CertPrintButton { display: none }   
    .CertGridControls 
    {
        font-size: 36px;
    } 
}

@media screen and (-webkit-device-pixel-ratio: 1.5) {
    /* CSS for high-density screens */
    .CertPrintButton { display: none }    
    .CertGridControls 
    {
        font-size: 36px;
    } 
    .CertDdl
    {
         width: 460px;
    }
    .CertTextSearch
    {
         width: 300px;
    }
    .CertButtonSearch
    {
         width: 310px;
    }    
}

@media screen and (-webkit-device-pixel-ratio: 0.75) {
    /* CSS for low-density screens */
    .CertPrintButton { display: none }    
    .CertGridControls 
    {
        font-size: 36px;
    } 
}

/* recent Webkit-specific media query to target the iPhone 4's high-resolution Retina display */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .CertPrintButton { display: none }    
    .CertGridControls 
    {
        font-size: 36px;
    } 
}

/* should technically achieve a similar result to the above query,
 targeting based on screen resolution (the iPhone 4 has 326 ppi/dpi) */
@media only screen and (min-resolution: 300dpi) {
    .CertPrintButton { display: none }    
    .CertGridControls 
    {
        font-size: 36px;
    } 
}

@media handheld
{
    .CertPrintButton { display: none }    
    .CertGridControls 
    {
        font-size: 36px;
    } 
}

@media print
{
    #top #logo {display:none}
    #data-chooser {display:none}
    #validationSummaryBox {display:none}
    #RadTabStrip1 {display:none}
   /* input[type=text] {max-width: 120px}*/
	#upper-right-menu{display:none}
	#menu{display:none}
}