/* .................................................

Stilark for SSO-registrering paa VG Nett
Grafikk av Stian Braathen
CSS av Hilde Skjoelberg/Marius Eliassen

................................................... */


body {margin: 0; padding: 15px; font: .8em/1.3em Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; background: #000 url(../gfx/default/main_back.png) 0 -20px repeat-x; border-top:1px solid #000;}

#wrapper {width: 982px; margin: 15px auto; padding: 4px; background: #fff;}


/* title */
#heading {margin: 0; padding: 12px 0 0; background:  transparent url(../gfx/default/bak_vgstripe.png) 0 0 repeat-x;}

#heading img {float: left; margin-right: 3px; border: none;}

#heading a { color: black; text-decoration: none; }
#heading a:hover { text-decoration: underline; }

#heading h1 {float: left; font-size: 30px; display: block; margin: 0; height: 20px; width: 734px; padding: 25px; color: #fff; text-transform: uppercase; background: #19c url(../gfx/default/h1_default.png) 0 0 no-repeat;}

#heading p {clear: both; margin:0; padding: 7px; font-weight: bold;}
#heading p span {text-transform: uppercase;}


/* MAIN CONTENT */

#content {margin: 0; padding: 0 200px 10px; background: #c1e4f0;}


#content h2 {margin: 0 -200px 10px; padding: 7px 17px; font-size: 1em; text-transform: uppercase; color: #fff; background: #19c url(../gfx/default/bakheading_default.png) 0 0 repeat-x; border: 1px solid #19c;}


/* messages to user */
.message {margin: 0 10px 0px; padding: 10px 20px 10px 50px; background: #ddd; border: 1px solid #444;}
.message p {margin: 5px 0;}
.message.short {font-weight: bold; font-size: 1.3em;}
.message.long {font-size: 1em;}
.message.info {color: #444; background: #fff8cc url(../gfx/default/icon_info.png) 9px 50% no-repeat; border-color: #ffdb00;}
.message.ok {color: #4a2; background: #d9edd4 url(../gfx/default/icon_ok.png) 9px 50% no-repeat; border-color: #41a62a;}
.message.error {color: #e2001a; background: #f9ccd1 url(../gfx/default/icon_warning.png) 9px 50% no-repeat; border-color: #e2001a;}


/* form fields */

#content .required { color: red; font-size: 1.3em; }

#content form {margin: 20px 0; padding: 0; color: #000;}
#content fieldset {margin: 0; padding: 0; border: none;}

#content ol, #content ul {list-style: none; margin: 0 auto; padding: 0; }
#content li {margin: 5px 0; padding: 5px 10px;}

#content .message ul { margin-left: 15px; list-style-type: disc;  }
#content .message ul li { margin: 0; line-height: 0.3em; padding-left: 0px;  }
#content .message h3 { margin-top: 0px; }

#content li label {display: block; float: left; width: 140px; margin: 0 15px 0 0; font-size: 1.3em; position: relative; top: 4px;}
#content #registerForm li label {font-size: 1.2em;}
#content #registerForm input#zipcode {width:60px;}
#content li input {width: 250px; padding: 2px; border: 1px solid #8bb9bd; font-size: 1.3em; }
#content input[type=submit], #content input[type=button] { cursor: pointer; }

#content li input.button {width: auto;}
#content li input.radio {width: auto;margin-right: 10px;}

#content li.buttons { margin-left: 155px; }

#content li input.loginButton { width: 100px; }
#content li input.forgotPasswordButton { width: 152px; }

#content li input.abortButton {padding: 2px 7px; font-size: 1em; color: #900; background: #eab; border: 1px solid #900;}

#content ol li input#zipCode {width: 60px; margin-right: 10px;}
#content ol li input#city {width: 175px;}







/* footer */

#footer {margin: 2px; padding-bottom: 5px; background: #fff url(../gfx/default/bak_vgstripe.png) left bottom repeat-x;}
#footer p {text-align: center; font-size: .8em;}


/* HESTESPILL */

.hestespill #heading h1 {background: #045 url(../gfx/default/h1_hestespill.jpg) 0 0 no-repeat; text-indent: -5000px}
.hestespill #content {background: #d6e3e4 url(../gfx/default/content_hestespill.jpg) right 30px no-repeat;}
.hestespill #content h2 {background: #045 url(../gfx/default/bakheading_hestespill.png) 0 0 repeat-x; border: 1px solid #045;}


/* MITT PLAGG */

.mittplagg #heading h1 {background: #b35 url(../gfx/default/h1_mittplagg.jpg) 0 0 no-repeat; text-indent: -5000px;}
.mittplagg #content {background: #ffe7f0 url(../gfx/default/content_mittplagg.png) right 30px no-repeat;}
.mittplagg #content h2 {background: #b35 url(../gfx/default/bakheading_mittplagg.png) 0 0 repeat-x; border: 1px solid #b35;}