/*************************************************
Basic style sheet
**************************************************/
@import "extra.css";

*
{
    margin: 0;
    padding: 0;
}

body
{
    background: #fff url(images/header-bg.png) repeat-x top left;
    color: #262624;
    font-family: verdana, arial, sans-serif;
    font-size: 100%;
    text-align: center;
}

.wrapper
{
    margin: 0 auto;
    text-align: left;
    width: 996px;
    border: 0;
}

ul, ul li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

img
{
    background-color: #f1f1f1;
    border: 0;
    margin-bottom: 7px;
    color: #333;
    font-size: 0.688em;
}

img.logoimage
{
    background-color:Transparent;
}


a:link
{
    color: #3349c4;
    text-decoration: none;
}

a:visited
{
    color: #666;
    text-decoration: none;
}

a:hover, a:focus, a:active
{
    text-decoration: underline;
}

h1
{
    font-size: 1.5em;
    font-weight: normal;
    padding: 0 0 11px 0;
}

h2
{
    clear: both;
    color: #734226;
    font-size: 1.125em;
    font-weight: normal;
    line-height: 1.5em;
}

h3
{
    clear: both;
    color: #734226;
    font-size: 1.0em;
    font-weight: normal;
    line-height: 1.2em;
}

input, select
{
    font-family: verdana, arial, sans-serif;
}

/*************************************************
=Layout
**************************************************/
.content-wrapper
{
    background: #fff url(images/content.png) no-repeat fixed 50% top ;
    clear: both;
    min-height: 463px;
    padding: 10px 11px 0 11px;
}

.content-nav
{
    float: left;
    margin: 0 10px 0 0;
    overflow: hidden;
    width: 236px;
}

.inner
{
    float: right;
    overflow: hidden;
    width: 728px;
}

.innerMax
{
    float: right;
    overflow: hidden;
    width: 970px;
}

.layoutA .contentA
{
    float: left;
    margin: 0 10px 0 0;
    overflow: hidden;
    width: 482px;
}

.layoutA .contentB
{
    float: right;
    overflow: hidden;
    width: 236px;
}

.layoutB .contentA
{
    float: left;
    margin: 0 10px 0 0;
    overflow: hidden;
    width: 359px;
}

.layoutB .contentB
{
    float: right;
    overflow: hidden;
    width: 359px;
}

/* Brukes på fallvilt (uten venstremeny) */
.layoutC .contentA {
	float: left;
    margin: 0 5px 20px 0;
    overflow: hidden;
    width: 480px;
}

.layoutC .contentB 
{
	float: right;
	margin-bottom: 20px;
    overflow: hidden;
    width: 480px;
}

.layoutD .contentA {
	float: left;
    margin: 0 5px 20px 0;
    overflow: hidden;
    width: 480px;
}

.layoutD .contentB 
{
	border: 1px solid silver;
	float: left;
	margin: 0 5px 20px 0;
    overflow: hidden;
    width: 120px;
}

.layoutD .contentC {
	float: right;
	margin-bottom: 20px;
    overflow: hidden;
    width: 358px;
}

/*************************************************
=Header
**************************************************/
.header
{
    background: transparent url(images/content-top.png) no-repeat 0 81px;
    padding: 0 11px;
}

.header img.logo
{
    float: left;
    margin: 26px 0 0 5px;
}

/* Top menu */
.header .top ul
{
    float: right;
    margin: 10px 0 0 0;
}

.header .top ul li
{
    border-right: 1px solid #ccc;
    float: left;
    font-size: 0.688em;
}

.header .top ul li:last-child
{
    border-right: none;
}

.header .top ul li.user
{
    padding-right: 10px;
}

.header .top ul li a:link, .header .top ul li a:visited
{
    color: #262624;
    display: block;
    padding: 0 9px;
}

.header .top ul li a:hover, .header .top ul li a:focus, .header .top ul li a:active
{
    color: #3349c4;
    text-decoration: underline;
}

.header .top ul li.selected a:link, .header .top ul li.selected a:visited
{
    color: #734226;
    text-decoration: underline;
}

/* Main menu */
.header .menu
{
    clear: both;
}

.header .menu ul li
{
    float: left;
    font-size: 0.875em;
    font-weight: bold;
    margin: 0 1px 0 0;
}

.header .menu ul li a:link, .header .menu ul li a:visited
{
    background: #262624 url(images/mainmenu.png) repeat-x top left;
    border-top: 2px solid #262624;
    color: #fff;
    display: block;
    padding: 2px 18px 4px 18px;
}

.header .menu ul li.animal a:link, .header .menu ul li.animal a:visited
{
    background: #4e2513 url(images/mainmenu-animal.png) repeat-x top left;
    border-color: #4e2513;
}

.header .menu ul li a:hover, .header .menu ul li a:focus, .header .menu ul li a:active, .header .menu ul li.selected a:link, .header .menu ul li.selected a:visited
{
    text-decoration: none;
    background-image: none;
    border-top: 2px solid #4e2513;
}

.header .menu ul li.animal a:hover, .header .menu ul li.animal a:focus, .header .menu ul li.animal a:active, .header .menu ul li.animal.selected a:link, .header .menu ul li.animal.selected a:visited
{
    text-decoration: none;
    background-image: none;
    border-top: 2px solid #262624;
}

/*************************************************
=Left menu
**************************************************/

/* Level 1 */
.content-nav ul.menu li
{
    border-bottom: 1px solid #fff;
    display: block;
    float: left;
    width: 100%;
}

.content-nav ul.menu li a:link, .content-nav ul.menu li a:visited
{
    background-color: #262624;
    color: #fff;
    display: block;
    font-size: 0.75em;
    font-weight: bold;
    padding: 4px 10px;
}

.content-nav ul.menu li a:hover, .content-nav ul.menu li a:focus, .content-nav ul.menu li a:active
{
    background-color: #734226;
    text-decoration: none;
}

.content-nav ul.menu li.selected a:link, .content-nav ul.menu li.selected a:visited
{
    background-color: #734226;
}

/* Level 2 */
.content-nav ul.menu li ul
{
    border-top: 1px solid #fff;
    margin-bottom: 10px;
    clear: both;
}

.content-nav ul.menu li ul li
{
    width: 236px;
}

.content-nav ul.menu li ul li a:link, .content-nav ul.menu li ul li a:visited
{
    background-color: #e6decf !important;
    color: #262624;
    display: block;
    font-weight: normal;
    padding: 4px 10px;
}

.content-nav ul.menu li ul li.selected a:link, .content-nav ul.menu li ul li.selected a:visited
{
    background: #fff url(images/brown-arrow-r.png) no-repeat 224px 8px !important;
}

.content-nav ul.menu li ul li a:hover, .content-nav ul.menu li ul li a:focus, .content-nav ul.menu li ul li a:active
{
    background: #faf1e1 url(images/brown-arrow-r.png) no-repeat 224px 8px !important;
}

/* Level 3 */
.content-nav .menu ul li ul li ul
{
    margin: 0 0 6px 0;
}

.content-nav .menu ul li ul li ul li a:link, .content-nav .menu ul li ul li ul li a:visited
{
    background: #fff url(images/menuitem3.png) no-repeat left 9px !important;
    color: #333 !important;
    font-style: italic;
    font-weight: normal !important;
}

.content-nav .menu ul li ul li ul li.selected a:link, .content-nav .menu ul li ul li ul li.selected a:visited
{
    background: #fff url(images/menuitem3-on.png) no-repeat left 9px !important;
    color: #630000 !important;
}

.content-nav .menu ul li ul li ul li.expanded a:link, .content-nav .menu ul li ul li ul li.expanded a:visited
{
    background: #fff url(images/menuitem3-on.png) no-repeat left 9px !important;
    color: #630000 !important;
}

.content-nav .menu ul li ul li ul li a:hover, .content-nav .menu ul li ul li ul li a:focus, .content-nav .menu ul li ul li ul li a:active
{
    background: #fff url(images/menuitem3-on.png) no-repeat left 9px !important;
    color: #630000 !important;
}

.login
{
    border: 1px solid #777;
    clear: both;
    margin: 0 0 10px 0;
    width: 234px;
}

.login h2
{
    background: #eaeaea url(images/theader.png) repeat-x top left;
    border-bottom: 1px solid #777;
    color: #4e2513;
    font-size: 0.75em;
    font-weight: bold;
    padding: 4px 9px;
}

.login form, .login .loggedin
{
    background-color: #dfdfdf;
    padding: 10px 9px;
}

.login .loggedin p
{
    font-size: 0.75em;
    padding-bottom: 10px;
}

.login fieldset
{
    border: 0;
    margin: 0 0 8px 0;
}

.login .line
{
    padding: 0 0 6px 0;
}

.login label
{
    display: block;
    float: left;
    font-size: 0.75em;
}

.login input.text
{
    float: right;
    width: 128px;
}

.login input.button
{
    float: left;
}

.login ul
{
    float: right;
}

.login ul li
{
    font-size: 0.75em;
    padding: 0 0 3px 0;
}

/*************************************************
=Footer
**************************************************/
.footer
{
    border-top: 2px solid #f0eae7;
    border-bottom: 2px solid #f0eae7;
    clear: both;
    font-size: 0.688em;
    margin-top: 16px;
    padding: 10px 11px;
    width: 974px;
}

.footer .logos
{
    float: left;
    margin: 0 10px 0 0;
    width: 360px;
}

.footer .logos img
{
    margin: 0 20px 0 0;
    vertical-align:top;
}

.footer .info
{
    float: left;
    width: 359px;
}

.footer a:visited
{
    color: #3349c4;
}

.footer .menu
{
    float: right;
}

.footer .menu ul
{
    float: right;
}

.footer .menu ul li
{
    border-right: 1px solid #ccc;
    float: left;
}

.footer .menu ul li:last-child
{
    border-right: none;
}

.footer .menu ul li.user
{
    padding-right: 10px;
}

.footer .menu ul li a:link, .footer .menu ul li a:visited
{
    color: #262624;
    display: block;
    padding: 0 9px;
}

.footer .menu ul li a:hover, .footer .menu ul li a:focus, .footer .menu ul li a:active
{
    color: #3349c4;
    text-decoration: underline;
}

/*************************************************
=Modules (used more than 1 time)
**************************************************/
.sample
{
    background-color: #f7f7f7;
    border: 1px solid #777;
    clear: both;
    margin: 0 0 10px 0;
}

.sample h2
{
    background: #eaeaea url(images/theader.png) repeat-x top left;
    border-bottom: 1px solid #777;
    color: #4e2513;
    font-size: 0.75em;
    font-weight: bold;
    margin-bottom: 7px;
    padding: 4px 9px;
}

.sample img
{
    margin: 0 7px 7px 7px;
}

.sample .article
{
    margin: 0 7px;
}

.sample ul.links li
{
    background: #eaeaea url(images/theader.png) repeat-x top left;
    border-top: 1px solid #777;
    font-size: 0.75em;
}

.sample ul.links li a:link, .sample ul.links li a:visited
{
    background: transparent url(images/grey-arrow-r.png) no-repeat 7px 6px;
    color: #262624;
    display: block;
    padding: 3px 7px 3px 17px;
}

.sample ul.links li a:hover, .sample ul.links li a:focus, .sample ul.links li a:active
{
    background: #fff url(images/grey-arrow-r.png) no-repeat 7px 6px;
    color: #3349c4;
    text-decoration: none;
}

.selection
{
    background-color: #f4f2f1;
    margin-bottom: 10px;
    padding: 8px;
}

.selection h2
{
    background: #eaeaea url(images/theader.png) repeat-x top left;
    border-top: 1px solid #777;
    border-bottom: 1px solid #777;
    color: #4e2513;
    font-size: 0.75em;
    font-weight: bold;
    margin: 0 -8px 7px -8px;
    padding: 4px 9px;
}

.selection ul.tools
{
    clear: both;
    width: 708px;
}

.selection ul.tools li
{
    float: left;
    font-size: 0.75em;
    font-weight:bold;
}

.selection ul.tools li.advanced
{
    float: right;
}

.selection dl
{
    margin-bottom: 10px;
}

.selection dl dt
{
    float: left;
    font-size: 0.75em;
    font-weight: bold;
    padding-bottom: 4px;
    width: 98px;
}

.selection dl dd
{
    float: left;
    font-size: 0.75em;
    padding-bottom: 4px;
    width: 614px;
}

/* Table */
table
{
    border-collapse: collapse;
    border-bottom: 1px solid #777;
    clear: both;
    margin-bottom: 10px;
    width: 100%;
}

table th, table td
{
    font-size: 0.75em;
    padding: 4px;
    text-align: left;
    vertical-align: top;
}

table thead th
{
    background: #eaeaea url(images/theader.png) repeat-x top left;
    border-top: 1px solid #777;
    border-bottom: 1px solid #777;
    color: #4e2513;
    font-weight: bold;
}

table thead tr.sub th
{
    font-size: 0.688em;
    font-weight: normal;
    text-align: right;
    vertical-align: bottom;
}

table thead tr.sub th.text
{
    text-align: left;
}

table th.divider, table td.divider
{
    border-right: 1px solid #777;
}

table th.top_divider, table td.top_divider
{
    border-top: 1px solid #777;
}
table th.bottom_divider, table td.bottom_divider
{
    border-bottom: 1px solid #777;
}

table.num th,
table.num td,
table thead th.num
{
    text-align: right;
}

table td
{
    border-bottom: 1px solid #dfdfdf;
    text-align: right;
}

table tbody tr.sum td
{
    background-color:#c8ffc8;
}

table.text td, td.text,th.text
{
    text-align: left;
}

table tbody th
{
    border-bottom: 1px solid #dfdfdf;
}

table tr.odd td, table tr.odd th
{
    background-color: #fbfbfb;
}

table tr.odd tbody th
{
    background-color: #fbfbfb;
}

table a.edit:link, table a.edit:visited
{
    background: url(images/edit.png) no-repeat top left;
    margin-top: -2px;
    margin-bottom: -2px;
    padding: 2px 0 2px 20px;
}

table tr.edit td
{
    background-color: #f4f2f1;
    border: 0;
}

table tr.edit.top td
{
    padding-top: 8px;
}

table tr.edit.bottom td
{
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 8px;
}

table tr.edit td input.button
{
    font-size: 1em;
}

table tr.all td {
background-color: #fbfbfb;
padding: 0;
}

table tr.all td a:link, table tr.all td a:visited
{
    background: transparent url(images/grey-arrow-r.png) no-repeat 7px 6px;
    color: #262624;
    display: block;
    padding: 3px 7px 3px 17px;
}

table tr.all td a:hover, table tr.all td a:focus, table tr.all td a:active
{
    background: #fff url(images/grey-arrow-r.png) no-repeat 7px 6px;
    color: #3349c4;
    text-decoration: none;
}

table td.icons div {
	width: 80px;
}

table td.icons img 
{
	margin-right: 4px;
	margin-bottom: 0;
}

.table-buttons {
	padding-bottom: 20px;
}

.table-buttons a:link, .table-buttons a:visited
{
    background: #acb0cc url(images/button.png) no-repeat top left;
    border: 1px solid #474c6b;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0.75em;
    font-weight: bold;
    margin: 0;
    line-height: 18px;
    padding: 1px 8px 3px 8px;
    text-align: center;
}

.table-buttons a:hover, .table-buttons a:focus, .table-buttons a:active
{
    background: #6f748f;
    text-decoration: none;
}

.table-buttons .actions
{
    float: left;
}

.table-buttons .save-as
{
    float: right;
}

.table-buttons p
{
    float: left;
    font-size: 0.75em;
    padding: 5px 4px 0 0;
}

.table-buttons .actions a:link, .table-buttons .actions a:visited
{
    margin-right: 6px;
}

.table-buttons .save-as a:link, .table-buttons .save-as a:visited
{
    margin-left: 6px;
}

.table-tools
{
    margin-bottom: 8px;
}

.table-tools a.button:link, .table-tools a.button:visited
{
    margin-right: 6px;
}

/*************************************************
=Chart
**************************************************/
img.chart {
margin-bottom: 10px;
}

/*************************************************
=Front page (home)
**************************************************/
.home .inner {
float: left;
}

.home .secondary-content {
float: right;
margin: 0 0 0 10px;
overflow: hidden;
width: 236px;
}

.home  .secondary-content .article {
border-top: 1px solid #dfdfdf;
padding-top: 10px;
}

.home  .secondary-content .article h2 {
font-weight: bold;
}




/*************************************************
=Article
**************************************************/
.article
{
    clear: both;
    margin-bottom: 10px;
}

.article h2
{
    color: #734226;
    font-size: 0.875em;
}

.article h3, .article h4, .article h5, .article h6
{
    color: #333;
    font-size: 0.75em;
}

.article p
{
    font-size: 0.75em;
    line-height: 1.375em;
    padding: 0 0 1em 0;
}

.article p.intro
{
    color: #734226;
    font-size: 1.063em;
    line-height: 1.25em;
    padding: 0 0 11px 0;
}

.article p strong
{
    color: #444;
}

.article ul
{
    font-size: 0.75em;
    margin: -4px 0 12px 0;
}

.article ul li
{
    background: url(images/grey-arrow-r.png) no-repeat left 4px;
    padding: 0 0 0 12px;
}


.article ol
{
    font-size: 0.75em;
    margin: -4px 0 12px 20px;
    padding-left: 2px;
}

.article table
{
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.article table th
{
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.article table th, .article table td
{
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: left;
    font-size: 0.75em;
    padding: 2px 4px;
}

.article img
{
    float: left;
    margin: 0 12px 10px 0;
}

.article img.main-image
{
    float: none;
    margin: 0 0 10px 0;
}

.layoutA .contentB img
{
    margin: 0 0 10px 0;
}

/*************************************************
=Form
**************************************************/
label span, span.must
{
    color: #a0310a;
}

input.text
{
    height: 16px;
}

input.text, textarea
{
    border-top: 1px solid #666;
    border-bottom: 1px solid #d4d4d7;
    border-left: 1px solid #666;
    border-right: 1px solid #d4d4d7;
}

input.text:focus, textarea:focus
{
    background-color: #fdfcaf;
}

input.button
{
    background: #acb0cc url(images/button.png) no-repeat top left;
    border: 1px solid #474c6b;
    color: #fff;
    cursor: pointer;
    font-size: 0.75em;
    font-weight: bold;
    margin: 0;
    padding: 1px 3px 3px 3px;
    text-align: center;
}

input.button:hover
{
    background: #6f748f;
}

a.button:link, a.button:visited
{
    background: #acb0cc url(images/button.png) no-repeat top left;
    border: 1px solid #474c6b;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0.75em;
    font-weight: bold;
    margin: 0;
    line-height: 18px;
    padding: 1px 8px 3px 8px;
    text-align: center;
}

a.button:hover, a.button:focus, a.button:active
{
    background: #6f748f;
    text-decoration: none;
}

.form h3 {
font-size: 0.75em;
font-weight: bold;
padding-bottom: 4px;
}

.form p {
clear: both;
font-size: 0.75em;
}

form .item
{
    margin-bottom: 10px;
}

form.form .item
{
    clear: both;
}

.form .item a:link, .form .item a:visited
{
    color: #3349c4;
    font-size: 0.75em;
}

.form label
{
    clear: left;
    float: left;
    font-size: 0.75em;
    font-weight: bold;
    padding-bottom: 4px;
    width: 98px;
}

.form label.radio
{
    font-weight: normal;
    padding-right: 15px;
}

.form .item label.check
{
    clear: both;
    float: none;
    font-weight: normal;
    padding: 0 0 6px 4px;
}

.form .item label.check.horizontal
{
    clear: none;
    float: left;
    padding-right: 16px;
}

.form .item label.check input
{
    margin: 0 4px 0 0;
}

.form label span
{
    font-weight: normal;
}

.form input
{
    float: left;
    margin-bottom: 2px;
}

.form input[type=button],
.form input[type=submit] {
float: none;
}

.form select
{
    font-size: 0.75em;
}

.form table select
{
    font-size: 1em;
}

.form select option
{
    padding: 0 4px;
}

.form fieldset
{
    border: 0;
}

.form fieldset.highlight
{
    border-bottom: 2px solid #f0eae7;
    border-top: 2px solid #f0eae7;
    padding: 10px 0 10px 0;
}

.form fieldset.spacer {
margin-bottom: 15px;
}

.form legend
{
    font-size: 0.75em;
    font-weight: bold;
    padding-bottom: 3px;
}

form .item .date p
{
    color: #999;
    display: inline;
    font-size: 0.688em;
    padding: 0;
}

form .item .date input.text
{
    margin-bottom: 2px;
    width: 80px;
}

form .item .date img
{
    margin: 2px 0 0 4px;
}

.form .item .text-between 
{
	float: left;
	font-size: 0.75em;
	padding: 0 10px;	
}

.form table.simple
{
    border: 0;
    margin-bottom: 0;
}

.form table.simple tbody th
{
    border: 0;
    padding: 0 0 6px 0;
    width: 98px;
}

th span
{
    font-weight: normal;
}

.form table.simple td
{
    border: 0;
    text-align: left;
    padding-left: 0;
    vertical-align: top;
}

.form table.simple td label
{
    float: none;
    font-size: 1em;
    font-weight: normal;
    width: auto;
}

.form table.simple td input.check
{
    margin-right: 2px;
}

.form-buttons .button
{
    margin-right: 6px;
    margin-top: 13px;
}

/* Brukes i registrering av sett dyr */
table.form-fields th,
table.form-fields td {
padding: 4px 3px;
}

table.form-fields .sub th {
font-size: 0.625em;
}

table.form-fields td input {
float: right;
}

/* Error + confirm messages */
.error
{
    border: 4px solid #a0310a;
    background-color: #fce6de;
    color: #891d0f;
    margin-bottom: 8px;
    padding: 8px;
}

.error p,
.error ul li
{
    font-size: 0.75em;
}

.confirm
{
    border: 4px solid #31550f;
    background-color: #e9fcd6;
    color: #233324;
    margin-bottom: 8px;
    padding: 8px;
}

.confirm p
{
    font-size: 0.75em;
}

.information
{
    border: 4px solid #554f0f;
    background: #fcf3d6;         
    color: #333223;
    margin-bottom: 8px;
    padding: 8px;
}

.information p
{
    font-size: 0.75em;
}


/*************************************************
=Selection 
**************************************************/
/* Selection */
form.selection
{
    width: 740px;
}

form.selection .column
{
    float: left;
    margin-right: 8px;
    width: 356px;
}

form.selection .item .left
{
    float: left;
    padding: 0 10px 0 0;
    width: 140px;
}

form.selection .item .left select
{
    margin-top: 3px;
}

form.selection .item .check-v
{
    padding-right: 2px;
    width: 116px;
}

form.selection .item .check-v2
{
    padding-right: 2px;
    width: 174px;
}

form.selection .item .check-v input, form.selection .item .check-v2 input
{
    clear: both;
    margin: 0 2px 0 0;
}

form.selection .item .check-v label, form.selection .item .check-v2 label
{
    display: block;
    width: 100%;
}

form.selection .item select.nolabel
{
    margin-top: 16px;
}

form.selection .item label
{
    clear: none;
    float: none;
    font-weight: normal;
    padding: 0 0 2px 0;
    width: auto;
}

form.selection .item .date label
{
    display: block;
}

form.selection .item .date p
{
    clear: both;
    display: block;
    float: none;
}

form.selection .item h3
{
    font-size: 0.75em;
}

form.selection .item p
{
    color: #666;
    font-size: 0.75em;
    padding-bottom: 0.5em;
}

form.selection .item .date
{
    float: left;
    width: 160px;
}

form.selection .item select
{
    float: left;
    width: 140px;
}

form.selection .item .date select
{
    width: auto;
}

form.selection .item .date .day
{
    float: left;
    margin-right: 6px;
    width: 43px;
}

form.selection .item .date .month
{
    float: left;
}

form.selection .item .date .year
{
    float: left;
    margin-right: 6px;
    width: 60px;
}

form.selection .item .date .day label, form.selection .item .date .month label, form.selection .item .date .year label
{
    float: left;
}

.item.radio-h
{
    width: 100% !important;
}

.item.radio-h h2, .item.radio-h h3, form.selection .item.radio-h h2, form.selection .item.radio-h h3
{
    background: none;
    border: 0;
    color: #262624;
    font-size: 0.75em;
    margin: 0;
    padding: 0 0 4px 0;
}

.item.radio-h label, form.selection .item.radio-h label
{
    clear: none;
    float: left;
    font-weight: normal;
    padding: 0 16px 0 0;
    vertical-align: top;
    width: auto;
}

.item.radio-h label input, form.selection .item.radio-h label input
{
    margin: 0 1px 0 0;
}

/* Simple selection */
form.selection.simple
{
    width: 740px;
}

form.selection.simple .item
{
    clear: none;
    float: left;
    margin: 0 10px 8px 0;
    width: 170px;
}

form.selection.simple label
{
    float: none;
}

form.selection.simple select
{
    width: 170px;
}

form.selection .years .year
{
    float: left;
    margin-right: 6px;
    width: 70px;
}

form.selection .years label
{
    width: auto;
}

form.selection .years select
{
    width: 70px;
}

form.selection.simple input.button
{
    margin: 10px 0 0 0;
}

form.selection.simple input.button.nomargin
{
    margin:0 0 0 0;
}

/* Simple selection */
form.selection.col3
{
    width: 970px;
}

form.selection.col3 .item
{
    clear: none;
    float: left;
    margin: 0 30px 8px 0;
}

form.selection.col3 input,
form.selection.col3 select,
form.selection.col3 label
{
    clear: both;
    float: left;
}





/* Advanced selection*/
form.selection.advanced .item
{
    clear: none;
    width: 500px;
}

form.selection.advanced .item .buttons
{
    float: left;
    padding: 16px 16px 0 16px;
    width: 110px;
}

form.selection.advanced .item .buttons input.button
{
    clear: left;
    display: block;
    margin: 0 0 8px 0;
    width: 100%;
}

form.selection.advanced ul.tools
{
    width: 100%;
}

/* Fallvilt */
form.selection.fallen .item .date
{
    width: 113px;
}

/*************************************************
=Form - view mode
**************************************************/
.form-view dl
{
    margin-bottom: 10px;
}

.form-view dl dt
{
    clear: left;
    float: left;
    font-size: 0.75em;
    font-weight: bold;
    padding-bottom: 4px;
    width: 98px;
}

.form-view dl dt span
{
    font-weight: normal;
}

.form-view dl dd
{
    float: left;
    font-size: 0.75em;
    padding-bottom: 4px;
}

.contentA .form-view dl dd
{
    width: 380px;
}

.layoutB .form-view dl dd
{
    width: 250px;
}

/*************************************************
=Other
**************************************************/
.map 
{
	border: 1px solid #ccc;
}

/* Margins */
.margr6
{
    margin-right: 6px !important;
}
.margb8
{
    margin-bottom: 8px !important;
}

.margt0
{
    margin-top: 0 !important;
}

.margt13
{
    margin-top: 13px !important;
}

/* Floats */
.left
{
    float: left;
}
.right
{
    float: right;
}
.clear
{
    clear: both;
}
.clearleft
{
    clear: left !important;
}
.hidden
{
    display: none;
}

/* Widths */

.w16
{
    width: 16px;
}

.w20
{
    width: 20px;
}

.w30
{
    width: 30px;
}
.w40
{
    width: 40px;
}
.w50
{
    width: 50px;
}

.w55
{
    width: 55px;
}

.w60
{
    width: 60px;
}
.w70
{
    width: 70px;
}
.w80
{
    width: 80px;
}
.w100
{
    width: 100px;
}
.w140
{
    width: 140px;
}
.w200
{
    width: 200px !important;
}

.w250
{
    width: 250px !important;
}

.w256
{
    width: 256px;
}

.w300
{
	width: 300px;
}
.w363
{
	width: 363px;
}
.w365
{
	width: 365px;
}
.w380
{
    width: 380px;
}
.w382
{
    width: 382px;
}
.w384
{
    width: 370px;
}
.w500
{
	width: 500px;
}
.w600
{
	width: 600px;
}
.w700
{
	width: 600px;
}

.centered
{
    text-align:center;
}

.fakelink
{
    font-size:0.75em;
    font-weight:bolder;
    color:#3349c4;
    cursor:pointer;
}


/* TEMP - stein ove */

.showButton
{
	background-image: url(images/arrow_right.png);
	border: 1px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.deleteButton
{
	background-image: url(images/cross.png);
	border: 1px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

/*CollapsiblePanel*/

.ContainerPanel
{
       width:500px;
       border:1px;
       border-color: Gray; /*#1052a0;*/
       border-style: double double double double;
}

.collapsePanelHeader
{
       width:500px;
       height:20px;
       background-image: url(images/mainmenu-animal.png);
       background-repeat:repeat-x;
       color:#FFF;
       font-weight:bold;
}

.HeaderContent
{
    float:left;
    margin-top: 2px;
    padding-left:5px;
}

.Content
{
}

.ArrowExpand
{
     background-image: url(images/expand_blue.jpg);
     width:13px;
     height:13px;
     float:right;
     margin-top:2px;
     margin-right:5px;
}

.ArrowExpand:hover
{
    cursor: pointer;
}

.ArrowClose
{
       background-image: url(images/collapse_blue.jpg);
       width:13px;
       height:13px;
       float:right;
       margin-top:2px;
       margin-right:5px;
}

.ArrowClose:hover
{
       cursor: pointer;
}

input[readonly]
{
    background-color: #dfdfdf;
}