@font-face {
    font-family: 'arialnarrow';
    src: url('fonts/arialn-webfont.eot');
    src: url('fonts/arialn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arialn-webfont.woff') format('woff'),
         url('fonts/arialn-webfont.ttf') format('truetype'),
         url('fonts/arialn-webfont.svg#arialnarrow') format('svg');
    font-weight: normal;
    font-style: normal;
}

body
{
    background-color:#edeae9;
    margin:0;
    padding:0;
    font-family:"arialnarrow", helvetica, Arial,sans-serif;
}

.main { width:100%;}
#login{width:400px;margin:auto !important;font-size:11px; font-family:Arial, Helvetica, sans-serif; }
img {border:0px;margin:0px;padding:0px;}
div {margin:0px;padding:0px;float:none;}


#login_wrapper
{
    width:800px;
    margin:0 auto;
    border-bottom: 1px solid #aaa;
}

#login_field
{
    background-image: url("../gfx/shadow_divider_big2.png");
    background-position: center 310px;
    border-top: 1px solid #AAAAAA;
    height: 270px;
    margin-top: 20px;
    padding-top: 30px;
}

#tipsflyt_logo
{
    margin:  0 0 0 -19px;
    background-image:url(../gfx/tipsflytlogo_4_1.png);
    width: 224px;
    height: 187px;
}

/* BOTTOM */
#login .inputs {width:100%;height:102px;padding-left:6px;margin-bottom:7px;padding-top:10px;}
#login .inputs div {float:left;height:22px;margin:4px 0px 4px 0px;}
#login .inputs .text{width:75px;padding-top:3px;height:19px;}
#login .inputs .value{width:335px; margin-bottom:15px; height: 30px;}
#login .inputs .remember{width:75px;}
#login .inputs .button{float:right; margin: 0 86px 0 0;}
#login .inputs .button input[type="submit"]
{
    background: url("../gfx/nyebilder/login.png") repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 35px;
    width: 111px;
}

#login .inputs .button input[type="submit"]:hover{
	background: url("../gfx/nyebilder/login_h.png") repeat scroll 0 0 transparent;
    /*background-position: -0px -277px; 
    width: 164px; 
    height: 57px;*/
}

.lt-ie8 #login .inputs .button {
    margin-right: 41px;
}

#login .inputs input[type="text"],
#login .inputs input[type="password"]
{
    border: 1px solid #AAAAAA;
    color: #666565;
    float: left;
    height: 40px;
    margin: 0 5px 5px 0;
    padding: 0 0 0 10px;
    width: 90%;
    padding: 0 0 0 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 3px;
    border: 1px solid #aaa;
    box-shadow:1px 1px 3px #ccc inset;
}
.lt-ie8 #login .inputs input[type="text"],
.lt-ie8 #login .inputs input[type="password"] {
    height: 28px;
    padding: 12px 0 0 10px;
}

#login .inputs::-webkit-input-placeholder,
#login .inputs::-moz-placeholder,
#login .inputs::placeholder
{
    color: #666565;
}

#login  .error  
{
    color: #FFAE00;
    margin: 100px 0 0 8px;
    width: 315px;    
}
#login  .login {
height:62px;width:156px;background-image: url(../gfx/pbk_logginn2.gif);background-repeat:no-repeat;

}
#login a {
    color: #4f9aa3;
}
#login  .forgott{bottom:10px;width:100px;position:relative;bottom:34px;left:6px;}
#login  .forgott2{float:left;width:110px;height:auto !important;}
#login .forgottlink,
#login  .forgott2 a {cursor:hand;cursor:pointer;color:#4f9aa3;text-decoration:none;}
#login  .forgott2 a{margin-top:4px;}
#login .forgottlink, #login  .forgott2 a:hover{text-decoration:underline;}



.password {
    background-color: #EDEAE9;
    border: 1px solid #D3D4D5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 1em;
    width: 395px;
    font-size:1em;
    font-family:"arialnarrow", helvetica, Arial, sans-serif;
}
.password .middle {
    color: #4D7479;
    height: 20px;
    padding: 0 0 0 10px;
    text-shadow: 1px 1px 0 #FFFFFF;
    width: 527px;
}
.password #main {overflow:hidden;/*border:solid 1px #d3d4d5;*/padding:10px;}
.password #main div {margin:0px;float:left;}
.password #main .text {width:55px; font-size: .8em; padding: 0 0 0 1px;}
.password #main .value {width:338px;}
.password #main .error {
    color: #FFAE00;
    margin-left: 5px;
    margin-top: 5px;
    width: 5px;
}
.password #main .button{
    margin: 10px 0 0;
}

.password #main input[type="text"] {
    border: 1px solid #AAAAAA;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px #CCCCCC;
    height: 29px;
    padding: 0 0 0 5px;
    width: 331px;
}

.password_background 
{
    background-color:White;
    opacity:.70; 
	filter: alpha(opacity=70); 
}
.password #main .red ,
.password #main .green
{
    font-size:12px;
    font-family:"arialnarrow", helvetica, Arial, sans-serif;
    margin-top:10px;
}
.password #main .red {color:Red;}
.password #main .green {color:Green;}

/* AJAX POP UP */
.ajax_Background 
{
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	background-color:#000000;
}

.ajax_msg {border:1px solid black;min-height:100px;padding:22px;overflow:hidden;}

.sendbutton
{
    background-image: url("../gfx/sendepost.png");
    background-position: 0 0;
    height: 52px;
    width: 159px;
    border:none;
    cursor:pointer;
}

.sendbutton:hover
{
    background-position: 0 51px;   
}
.cancel
{
    background-image: url("../gfx/avbryt.png");
    background-position: 0 0;
    border: medium none;
    height: 52px;
    width: 109px;
    cursor: pointer;
}

.cancel:hover
{
    background-position: 109px 0;
}