﻿/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #F5F5F5;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #400501;
}

a:link, a:visited
{
    color: #CAB0AB;
}

a:hover
{
    color: #CAB0AB;
    text-decoration: none;
}

a:active
{
    color: #CCB4A8;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p1
{
    font-size: 1.5em;
    color: #400501;
    font-variant:normal;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
    font-variant:small-caps;
    color:#8B6041;
}

h9
{
    font-size: 1.2em;
    font-variant:small-caps;
    color:#8B6041;
    font-weight:bold;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}
p1
{
    font-size: 1.2em;
    font-weight:bold;
    font-variant:small-caps;
    color:#8B6041;
}


/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.ElementInfo
{
    font-weight:lighter;
    width:390px;
    float:left;
}


.heading
{
    
}

.Ingress
{
    width:390px;
    float:left;
    height:120px;
}

.Ingress1
{
    width:740px;
    float:left;
    height:120px;
}

.rightSpacer
{
    
    width:150px;
    height:150px;
    padding-right:150px;
    float:right;
    
    }


.Image
{
    width:210px; 
    height:130px; 
    padding-right:100px;
    float:right;
}
.Article
{
    width:750px;
    
}

.sort
{
    width:720px;
    
    
    }

.spacer
{
    
    width:390px;
    float:left;
    height:10px;
    }

.clear 
{ 
    
    clear: both;
    height:20px;       
         
}

.editFormLabel
{
    width:350px;
}

.editFormText
{
    width:350px;
}

.editFormSection
{
    width:780px;
    border: 1px dotted #400501;
    
}


.items
{
    vertical-align:text-top;
    height:390px;
    width:300px;    
    padding: 10px 10px 10px 10px;
    margin: 4px auto 20px auto 10px auto 20px auto;
    border: 1px solid #400501;   
    
}

.content_title
{
    display: block;
    float:left;
    width:500px;

}

.content_author
{
    display: block;
    width:500px;
    font-size: 0.85em;
    line-height: 2.0em;
    float:left;
}

.content_ingress
{
    display: block;
    float: left;
    text-align: left;
    width: 500px;
    
}

.content_image
{
    border: 0px solid #000000;
    float: right;
    width: 150px;
    height:93px;     
    -moz-border-radius:4px;
    border-radius:4px;
   
    
}

.content2_title
{
    display: block;
    float:left;
    width:240px;

}

.content2_author
{
    display: block;
    width:240px;
    font-size: 0.85em;
    line-height: 2.0em;
    float:left;
}

.content3_image
{
    border: 0px solid #000000;
    float: right;
    width: 100px;
    height:80px;     
    
}

.content3_title
{
    display: block;
    float:left;
    width:200px;

}

.content3_author
{
    display: block;
    width:200px;
    font-size: 0.85em;
    line-height: 2.0em;
    float:left;
}

.content2_ingress
{
    display: block;
    float: left;
    text-align: left;
    width: 240px;
    
}

.content2_image
{
    
    float: right;
    width: 100px;
    height:62px;     
    
}

.sort_title
{
    width: 200px;
    
    }
    
.sort_desc
{
    
    margin: 5px 5px 5px 5px auto;
    width: 200px;
    padding-top:10px;
    padding-bottom:10px;
    
    
    }
.sort_image
{
    border-style:none;   
    width:180px;
    height:111px;
    margin:0px auto;
    
    }

.img_link
{
    border-style:none;
    text-decoration:none;
    
    }

.twoColsFP
{
    width:340px;
    max-height:175px;
    min-height:175px;
    padding: 5px 10px 5px 10px;
    margin: 5px 10px 5px 10px;
    border: 0px dotted #400501;
    background-image:url(http://bestilling.settepotet.no/publisering/img/bakgrunn_boks_lys_stor.jpg) ;
    background-position:bottom right;
    background-color:#EFE9D3;
    -moz-border-radius:4px;
    border-radius:4px;
   
}

.twoCols
{
    width:345px;
    max-height:175px;
    min-height:175px;
    padding: 5px 20px 5px 20px;
    border: 0px dotted #400501;
    background-image:url(http://bestilling.settepotet.no/publisering/img/bakgrunn_boks_lys_stor.jpg) ;
    background-position:bottom right;
    background-color:#EFE9D3;
    -moz-border-radius:4px;
    border-radius:4px;
   
}
.threeCols
{
    float:left;
    width:200px;
    max-height:275px;
    min-height:275px;
    padding: 5px 20px 5px 20px;
    border: 0px dotted #400501;
    margin: 5px 5px 5px 5px;
    background-image:url(http://bestilling.settepotet.no/publisering/img/bakgrunn_boks_lys.jpg);
    background-position:bottom right;
    background-color:#EFE9D3;
    -moz-border-radius:4px;
    border-radius:4px;
   
}
.threeColsFP
{
    float:left;
    width:208px;
    max-height:125px;
    min-height:125px;
    padding: 5px 20px 5px 20px;
    border: 0px dotted #400501;
    margin: 5px 5px 5px 5px;
    background-image:url(http://bestilling.settepotet.no/publisering/img/bakgrunn_boks.jpg);
    background-position:bottom right;
    background-color:#EFE9D3;
    -moz-border-radius:4px;
    border-radius:4px;
   
}

.threeColsFPBestilling
{
    float:right;
    width:208px;
    max-height:125px;
    min-height:125px;
    padding: 5px 20px 5px 20px;
    border: 0px solid #400501;
    margin: 5px 5px 5px 5px;
    background-image:url(http://bestilling.settepotet.no/publisering/img/bakgrunn_boks.jpg);
    background-position:bottom right;
    background-color:#EFE9D3;
    -moz-border-radius:4px;
    border-radius:4px;
   
}





.imgCols
{
    width:345px;
    max-height:200px;
    min-height:200px;
    padding: 5px 20px 5px 20px;
    border: 1px dotted #400501;
}



.oneCol
{
    width:734px;
    max-height:165px;
    min-height:165px;
    padding: 5px 20px 5px 20px;
    border: 0px dotted #400501;
    background-image:url(http://bestilling.settepotet.no/publisering/img/bakgrunn_boks_lys_stor.jpg);
    background-position:bottom right;
    background-color:#EFE9D3;
    -moz-border-radius:4px;
    border-radius:4px;
   
}

.content
{
    
    padding: 5px 10px 10px 10px;
    margin: 5px auto 10px auto 10px auto 10px auto;
    border: 0px dotted #400501;
    min-height:430px;
/*    background-image:url(http://bestilling.settepotet.no/publisering/img/bakgrunn_boks_lys_stor.jpg);
    background-position:bottom right;
    background-repeat:no-repeat;
    background-color:#EFE9D3;
*/    
}
.page
{
    width: 1024px;
    background-color: #4E1301;
    margin: 20px auto 0px auto;
    border: 1px solid #CCB4A8;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4E1301;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #CCB4A8;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    color: #400501;
    padding: 0px 12px;
    margin: 1px auto;
    min-height: 420px;
    width:1018px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
}

.mainer
{
    color: #400501;
    padding: 0px 0px 0px 2px;
    margin: 0px 0px 0px 2px auto;
    min-height: 620px;
    width:1018px;
    margin: 0px auto;
    background-color: #F5F5F5;
    background-image:url(http://bestilling.settepotet.no/publisering/img/bunn_end.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
}

.outer
{
    width: 1008px;
    color: #400501;
    margin: 0px auto;
    padding: 0 0px 0 0px;
    border: 0px solid #400501;   
    background-color: #FFFFFF;
    background-image:url(http://bestilling.settepotet.no/publisering/img/bunn.jpg);
    background-repeat:repeat-y;
        
    
}

.downer
{
    width: 1000px;
    color: #400501;
    margin: 0px auto;
    padding: 0 0px 0 0px;
    border: 0px solid #400501;   
    background-color: #FFFFFF;
    
    background-image:url(http://bestilling.settepotet.no/publisering/img/bunn_end.jpg);
    background-position:bottom;
    background-repeat:no-repeat;

    
    
}


.leftCol
{
    padding: 6px 0px;
    margin: 8px 8px 8px 8px;
    width: 220px;
    min-height: 200px;
}

.rightCol
{
    padding: 1px 0px;
    margin: 1px 8px 8px 8px;
    width: 780px;
    min-height: 425px;
}


.footer
{
    color: #CCB4A8;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

.MenuCell
{
  text-align: center;
  width:180px;
  min-width:180px;
} 


div.hideSkiplink
{
    background-color:#CCB4A8;
    width:180px;
    min-width:180px;
}

div.menu
{
    padding: 4px 8px 4px 8px;
    width:180px;
    min-width:180px;
    
}

div.menu ul
{
    min-width:180px;
    max-width:180px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    /*width: auto;*/

}

div.menu ul li a, div.menu ul li a:visited
{
    max-width:180px;
    background-color: #8B604F;
    border: 1px #4E1301 solid;
    color: #CCB4A8;
    display: inherit;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
}

div.menu ul li a:hover
{
    max-width:180px;
    background-color: #DDA53B;
    color: #400501;
    text-decoration: none;
}

div.menu ul li a:active
{
    max-width:180px;
    background-color: #400501;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/


.clear
{
    clear: both;
}

.title
{
    color:#DDA53B;
    font-variant:small-caps;
    padding-left:5px;
    padding-bottom:25px;
    display: block;
    float: left;
    text-align: left;
    width: 720px;
}
.ulDerfor
{
    /* color:#F3F3F3; */
    color:#CCB4A8;
    
    
    }
.title_def
{
    color:#DDA53B;
    font-size:1.4em;
    padding-left:5px;
    padding-bottom:25px;
    display: block;
    float: left;
    text-align: left;
    width: 720px;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.MyCalendar

td 
{


padding:0px,0px,0px,0px; 

border-spacing:0px; 

padding-top: 0px; 

padding-right: 0px; 

padding-bottom: 0px; 

padding-left: 0px; 
}
.MyCalendar .ajax__calendar_container {

border:1px solid #646464;

background-color:#ffffff;

color:#000000;

}

.MyCalendar

.ajax__calendar_footer { 

border-top:1px solid #f5f5f5; 
} 

.MyCalendar

.ajax__calendar_dayname { 

border-bottom:1px solid #f5f5f5; 
} 

.MyCalendar

.ajax__calendar_day { 

border:1px solid #ffffff; 
} 

.MyCalendar

.ajax__calendar_month { 

border:1px solid #ffffff; 
} 

.MyCalendar

.ajax__calendar_year { 

border:1px solid #ffffff; 
} 

.MyCalendar

.ajax__calendar_active .ajax__calendar_day { 

background-color:#edf9ff; 

border-color:#0066cc; 

color:#0066cc; 
} 

.MyCalendar

.ajax__calendar_active .ajax__calendar_month { 

background-color:#edf9ff; 

border-color:#0066cc; 

color:#0066cc; 
} 

.MyCalendar

.ajax__calendar_active .ajax__calendar_year { 

background-color:#edf9ff; 

border-color:#0066cc; 

color:#0066cc; 
} 

.MyCalendar

.ajax__calendar_other .ajax__calendar_day { 

background-color:#ffffff; 

border-color:#ffffff; 

color:#646464; 
} 

.MyCalendar

.ajax__calendar_other .ajax__calendar_year { 

background-color:#ffffff; 

border-color:#ffffff; 

color:#646464; 
} 

.MyCalendar

.ajax__calendar_hover .ajax__calendar_day { 

background-color:#edf9ff; 

border-color:#daf2fc; 

color:#0066cc; 
} 

.MyCalendar

.ajax__calendar_hover .ajax__calendar_month { 

background-color:#edf9ff; 

border-color:#daf2fc; 

color:#0066cc; 
} 

.MyCalendar

.ajax__calendar_hover .ajax__calendar_year { 

background-color:#edf9ff; 

border-color:#daf2fc; 

color:#0066cc; 
} 

.MyCalendar

.ajax__calendar_hover .ajax__calendar_title { 

color:#0066cc; 
} 

.MyCalendar

.ajax__calendar_hover .ajax__calendar_today { 

color:#0066cc; 
} 


