@CHARSET "UTF-8";

body,ul,ol,li,form,div,img,h1,h2,h3 {
  border: 0;
  padding: 0;
  margin: 0;
}

html {
  width: 100%;
  height: 100%;
}

body {
  height: 100%;
  background-color: #fff;
}

body,td {
  font-size: 12px;
  font-family: arial;
}

root {
  display: block;
}


ul,ol {
  margin: 20px 12px 20px 28px;
}

  li {
    padding-left: 5px;
  }
  
td {
  vertical-align: top;
}

table.form td {
  vertical-align: middle; 
}
  table.form td h3 {
    margin-top: 4px;
  }

  td.chess {
    background-color: #fafafa;
  }


table.centered td {
  vertical-align: middle; 
}

th {
  text-align: left;
  font-size: 13px;
  background-color: #FAFCFD;
  border-bottom: 1px solid #E9F2F5;
}

  th a {
    color: #0F6C8A;
    font-weight: bold;
  }

tr.odd {
  background-color: #fff;
}

tr.even {
  background-color: #fafafa;
}

  tr.hover {
    background-color: #EDFBDB;
  }
  
  tr.faulty {
    background-color: #FBE4E4;
    color: #662D2D;
  }
  
  tr.selected {
    background-color: #F0F7F9;  
  }

hr {
  border: 0;
  width: 75%;
  background-color: #DEDEDE;
  height: 1px;
  margin: 35px auto 35px auto;
}

h1.top, h2.top, h3.top, h4.top, p.top {
  margin-top: 0;  
}


span.pipe {
  color: #cacaca;
  margin: 0 14px 0 14px;
  font-size: 14px;
}

span.pipe_small {
  color: #cacaca;
  margin: 0 12px 0 12px;
  font-size: 11px;
}

label {
  cursor: pointer;
}

.tooltip {
  cursor: default;
}

.left {
  float: left;
}

.right {
  float: right;
}

.center {
  text-align: center;
}

.right_align {
  text-align: right;  
}

.bold {
  font-weight: bold;  
}
.normal {
  font-weight: normal;  
}

.small {
  font-size: 10px;
}

.large {
  font-size: 14px;  
}

.centered_block {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}
.block {
  display: block;  
}

.clear {
  clear: both;
}

.clearfix {
  overflow: auto;
}

.spacer {
    height: 24px;
    width: auto;
}

.indent {
  margin-left: 12px;
}
.indent_right {
  margin-right: 12px;
}

.right_margin {
  margin: 0 0 0 12px;
}
.right_margins {
  margin: 8px 0 12px 10px;
}

.left_margin {
  margin: 0 12px 0 0;
}
.left_margins {
  margin: 8px 12px 10px 0;
}

.vertical_margins {
  margin: 10px 0 10px 0;
}

.separator {
  margin: 20px 0 20px 0;
  border-top: 1px solid #ccc;  
}

.hide {
  visibility: hidden;
  display: none;
}

.hidden {
  display: none !important;
}  

a em {
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
}

.wysiwyg_out {
  margin-bottom: 25px; 
}

.wysiwyg_out p, .wysiwyg_out td {
  margin: 0;
  line-height: 1.5;
}

  .wywisyg_out p {
    padding: 0;
  }

.mceContentBody {
  background: #fff;
  color: #000;
  border: 0;
  height: auto;
  width: auto;
}

.mceContentBody p, .mceContentBody td {
  margin: 0;
  line-height: 1.5;
}

  .mceContentBody p {
    padding: 0;
  }
  

p.message {
  padding: 10px;
  background-color: #F0F7F9;
  margin: 14px 0 14px 0;
}

p.info {
  padding: 10px;
  background-color: #F0F7F9;
  margin: 14px 0 14px 0;
  /**border-top:1px solid #6B90DA;**/
}

p.warning {
  background-color: #FFFBE2;
  padding: 10px;
  margin: 14px 0 14px 0;
}

p.accept {
  background-color: #EDFBDB;
  padding: 10px;
  color: #566642;
  margin: 14px 0 14px 0;
}

p.error {
  padding: 10px;
  background-color: #FBE4E4;
  color: #662D2D;
  margin: 14px 0 14px 0;
}

p.confirmation {

}

ul.error_list {
  padding: 10px 25px 10px 25px;
  margin: 0 0 10px 0;
  background-color: #F0F7F9;
}

  ul.error_list li {
    list-style-type: square;
    margin-left: 10px;
    padding-left: 5px;
  }
  
ul.ticked {
  padding: 0 10px 0 25px;
  margin: 10px 0 10px 0;
} 
  ul.ticked li {
    list-style-image: url('../gfx/mosaikk/tick.png');
    margin-left: 25px;
    padding: 3px 5px 3px 5px;
  }

input.button {
  font-weight: bold;
  margin: 0;
  padding: 6px 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  cursor: pointer;
}

  input.button_small {
    padding: 1px 5px;
  }

input.text, textarea {
  width: 180px;
  border: 1px solid #dcdcdc;
  padding: 3px 2px 3px 2px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
}

input.text:focus, textarea:focus {
  border: 1px solid #acacac;
}

.readonly {
  background-color: #fafafa;  
  color: #808080;
  cursor: default;
}
.readonly:focus {
  border: 1px solid #DCDCDC;
}

select {
  padding: 2px;  
}

input.date {
  width: 75px;
  cursor: pointer;
  letter-spacing: 1px;
}

.block {
  width: 100%;
}

.half {
  width: 50%;
  float: left;
}

.vspace {
  width: 10px;
  float: left;  
}

textarea.disabled {
  color: #808080;
}

.gray {
  color: #808080;
}

.green {
  color: #566642;
}

.red {
  color: #662D2D;
}

.blue {
  color: #6B90DA;
}

.yellow {
  color: #9A7801;
}

span.alfakrøll {
  background-image: url(../gfx/mosaikk/at.png);
  background-repeat: no-repeat;
  background-position: middle center;
  padding: 0 5px 0 6px;
  outline: none;
  height: 16px;
  width: 16px;
  background-position: center;
  text-indent: -9999px;
  position: relative;
}

div.mosaikk_console {
  clear: both;
  border: 1px solid #e0e0e0; 
  background-color: #fafafa; 
  padding: 7px 20px 7px 20px; 
  font-size: 11px;
  margin: 10px auto;
  width: 910px;
}

div.one_column {
  width: 960px;
}

  table.mosaikk_columns {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  
    table.mosaikk_columns > tbody:first-child > tr:first-child > td:first-child {
      padding-right: 25px;
    }
    
    table.mosaikk_columns h2 {
      clear: both;
      margin-top: 25px;
    }
  
  div#content_column {
    float: left;
    width: 620px;
    padding-right: 20px;
  }
  
  div#sidebar {
    float: left;
    width: 300px;
    padding-left: 20px;
  }


/** SKJEMA **/

h3.form {
    margin: 15px 0 0 0;
    padding: 3px 0 3px 6px;
    background-color: #FAFCFD;
    border-top: 1px solid #E9F2F5;
    color: #454545;
    font-size: 13px;
    letter-spacing: 1px;
    font-family: tahoma,arial,Tahoma,verdana,sans-serif;
    font-weight: bold;
}

h3.narrow {
    font-weight: normal;
    letter-spacing: 0;
    font-size: 12px;
    padding: 1px 0 1px 5px;
}


div.form {
  clear: both;
  width: auto;
  overflow: auto;
  padding: 5px 0 25px 0;
  margin-bottom: 25px;
  /**border-bottom: 1px dotted #ccc;
  border-right: 1px dotted #ccc;**/
  border-bottom: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}          
            
  div.form label {
    font-size: 14px;
    font-weight: normal;
  } 
  div.form input.text {
    font-size: 14px;
    padding: 5px;
  }
  div.form input.text.date {
    width: 85px;
  }





/** LISTEKONTROLLER **/

div.records_info {
  background-color: #FAFCFD;
  border: 1px solid #EDF9F9;
  color:#666666;
  width: auto;
  padding: 8px 10px 8px 20px;
  margin-top: 15px;
  float: right;
}

div.record_controls {
  float: right;
  margin-left: 10px;
}

  div.record_controls a, div.record_controls span {
    float: left;
  }




/*** KOMMENTARER ***/

ol#commentlist {
  clear: both;
  padding: 10px 0 1px 0;
  margin: 0;
  font-family: tahoma;
  font-size: 12px;
  list-style: none outside none;
  width: auto;
}

  #commentlist li {
    clear: left;
    width: auto;
    margin-bottom: 20px;
    padding-bottom: 20px;
    /**border-bottom: 1px dotted #CCCCCC;**/
    border-bottom: 1px solid #eaeaea;
  }
    
    #commentlist li td.comment_author {
      width: 90px;
      padding-top: 0;
      text-align: center;
      padding-right: 20px;
    }
    
      #commentlist li td.comment_author p.posting_counter {
        font-size: 11px;
        color: #aaa;
        margin-bottom: 4px;
      }
  
        #commentlist li td.comment_author span.count {
          margin-right: 3px;
          font-size: 14px;
        }
        
      #commentlist li td.comment_author p.member_since {
        font-size: 10px;
        color: #ccc;
        margin: 0;
      }
    
    #commentlist li td.comment_text {
      line-height: 1.5;
      padding-right: 5px;
    }
  
      #commentlist li td.comment_text p.comment_meta {
        margin: 0 0 10px 0;
      }
      
        #commentlist li td.comment_text p.comment_meta span.author_name {
          font-size: 14px;
          font-weight: bold;
          color: #333;
          margin-right: 3px;
        }
      
        #commentlist li td.comment_text p.comment_meta span.nicetime {
          font-size: 12px;
          color: #898989;
        }
        
          #commentlist li td.comment_text p.comment_meta span.nicetime a {
            color: inherit;
          }

      #commentlist li td.comment_text span.comment_id {
        font-size: 11px;
        position: relative;
        top: -2px;
        color: #aeaeae;
      }
          
          
#comment_form {
  clear: both;
  width: auto;
  overflow: auto;
  padding: 5px 0 25px 0;
  margin: 15px 0 25px 0;
  /**border-bottom: 1px dotted #ccc;
  border-right: 1px dotted #ccc;**/
  border-bottom: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}          
            
  #comment_form label {
    font-size: 14px;
    font-weight: normal;
  } 
  #comment_form input.text {
    font-size: 14px;
    padding: 5px;
  }


a.comments_count {
  background: transparent url(../gfx/mosaikk/comments.png) no-repeat scroll 0 0;
  padding-left: 23px;
}
a.pictures_count {
  background: transparent url(../gfx/mosaikk/images.png) no-repeat scroll 1px 0;
  padding: 2px 0 0 24px;
}


/******************* BILDER ********************/

img.picture {
  background: #fcfcfc; 
  padding: 4px; 
  border: solid 1px #ccc;
}

img.picture_milli {
  background: #fcfcfc;
  padding: 3px; 
  border: solid 1px #ccc;
}

img.picture_micro {
  background: #fff; 
  padding: 3px; 
  border: solid 1px #ccc;
}



/********************* FILLAGER *******************/

#file_container {
  clear: both;
  padding: 20px 20px 10px 20px;
  background-color: #F0F7F9;
  border: 1px solid #C9E2E5;
  margin: 20px 5px 20px 5px;
}

  #file_container ul {
    margin: 0;
    padding: 0;
  }
  
  #file_container ul li {
    margin-top: 8px;
    margin-bottom: 8px;
  }



/****************** SITEMAP ***********************/
ul.sitemap {
  list-style: square;
  padding: 0 0 15px 0;
  margin: 0;
}

  ul.sitemap a {
    
  }

  li.map_level1 {
    list-style-type: none;
    font-size: 20px;
    margin: 25px 0 15px 0;
    padding: 10px 0 10px 5px;
    /**background-color: #FAFCFD;**/
    border-bottom: 1px solid #E9F2F5;
  }

  li.map_level2 {
    font-size: 17px;
    margin: 20px 0 12px 40px;
  }
  
  li.map_level3 {
    margin: 2px 0 2px 65px;
    list-style-type: circle;
  }
  
  
  
/********************** ALBUM *********************/

#album {
  clear: both;
  margin-top: 25px;
  padding: 0;
}

    #album td {
      width: 140px;
      height: 140px; 
      padding: 0;
      overflow: hidden;
      text-align:center;
      vertical-align:middle;
    }

    #album img {
      background: #fdfdfd; 
      padding: 4px;
      border: solid 1px #ccc; 
    }

    #album img:hover {
      border: solid 1px #505050;
    }

#album_top {
  padding: 0;
  border-bottom: 1px solid #f0f0f0;
  margin: 0;
}

    #album_top .album_info {
      float: left;
      font-weight: normal;
      padding: 0;
      border-bottom: none;
    }

#album_nav {
  float: right;
  list-style-type: none;
  padding: 0 0 5px 0;
  margin: 0;
}

    #album_nav li {
        margin: -6px 0 0 0;
        display: inline;
        float: left;
    }

    #album_nav a {
        display: block;
        padding: 5px 8px 5px 8px;
    }

    #album_nav a:hover {
        background: #fafafa;
        border-color: #D8DFEA;
        color: #505050;
        text-decoration: none;
    }

#show_picture {
    text-align: center;
    padding: 10px 0 10px 0;
}

#picture_details {
    text-align: left;
    padding: 6px 5px 12px 5px;
    font-size: 11px;
    border-top: 1px solid #f5f5f5;
}

span.photographer, span.photo_date {
    color: #a0a0a0;
    font-size: 11px;
    float: right;
}

span.photographer {
}

td.album_picture {
    width: 140px;
    height: 165px; 
    padding: 0; 
    overflow: hidden;
}

img.album_picture {
    background: #fcfcfc; 
    padding: 4px; 
    border: solid 1px #ccc; 
    vertical-align: middle;
}

    td.album_picture img.album_picture:hover {
      border: solid 1px #505050;
    }
    
    
    
    
/***************** UTSKRIFT AV SIDEN *****************/

#page_info_notices {
  margin: 10px 0 35px 0;
}
  #page_info_notices .info_notice {
    margin: 5px 0 30px 0;
  }
    #page_info_notices .info_notice h3 {
      margin-top: 3px;
    }




#floating_column {
  clear: both;
  float: right;
  width: auto;
  padding: 20px 20px 20px 20px;
  margin: 0 0 16px 16px;
  background-color: #F0F7F9;
}

  #floating_column > h1:first-child { margin-top: 0; }
  #floating_column > h2:first-child { margin-top: 0; }
  #floating_column > h3:first-child { margin-top: 0; }

#page_details {
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #fbfbfb;
    background-color: #fdfdfd;
    color: #909090;
    padding: 5px 5px 5px 5px;
    font-size: 10px;
    margin: 8px 0 10px 0;
}

    #date_time {
      float: right;
    }

    #author {
      float: left;
    }
    
        #author a {
          color: #909090;
          text-decoration: none;
        }
    
        #author a:hover {
          color: #404040;
          text-decoration: none;
        }        

    #hit_counter {
      float: left;
      padding-left: 5px;
      color: #909090;
    }
    
#summary_full {
  
}



#primary_picture {
  width: 100%;
  padding: 15px 0 5px 0;
  text-align: center;
}



#text {
  
}



/********************* UNDERORDNEDE SIDER *******************/

div.top_story {
  width: auto;
  clear: both;
  padding: 10px 0 10px 0;
}

    div.top_story h3 {
      font-size: 22px;
      line-height: 26px;
      margin-bottom: 0;
    }
    
    div.top_story p {
      margin: 5px 0 8px 0;
    }
    
div.child {
  margin: 0;
}

    div.child h3 {
      font-weight: normal;
      margin: 0 0 2px 0;
    }

div.half_width {
  width: 50%;
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
}
    
    div.half_width h3 {
      font-size: 18px;
      line-height: 22px;
    }
    
    div.half_width p {
      margin: 5px 0 8px 0;
    }

	div.hw_child_left {
      padding-right: 10px;
	}
	div.hw_child_right {
	  padding-left: 10px;
	}
	
	
  div.picture_block {
    clear: both;
    margin-bottom: 5px;
  }

  .story_controls {
    
  }
  .story_controls a {
    text-decoration: none;
  }



/******************* KALENDER *******************/
table.calendar {
  width: 100%;
  border: 0;
}

  table.calendar td {
    padding: 8px 6px 8px 6px;
    margin: 0;
    font-size: 1.1em;
    vertical-align: bottom;
  }
  

  table.calendar td h2 {
    margin-bottom: 0;
    font-size: 26px;
  }
  
  
  td.actday{
    background-color: #c22;
    font-weight:bold;
  }
  
  
#event_details {
  float: left;
  padding: 25px 33px 20px 25px;
  width: auto;
  background-color: #F0F7F9;
}

  #event_details h3, #event_signup h3 {
    margin-top: 0;
  }

#event_signup {
  float: left;
  margin-left: 15px;
  background-color: #F0F7F9;
  width: auto;
  padding: 25px 30px 20px 25px;
}



/********* GROUPS **********/

table.small_member_list {
  width: 100%;
  padding: 0;
  margin: 5px 0 15px 0;
  overflow: auto;
}

  td.small_member {
    width: 80px;
    padding: 0 3px 10px 2px;
    margin: 0;
    text-align: center;
  }
  
    td.small_member img.picture {
      padding: 3px;
      margin: 0;
    }
    
    span.small_member_alias {
      font-size: 10px;
      margin: 4px 0 0 0;
      display: block;
    }

#page_group_integration {
  padding: 25px 10px 20px 10px;  
}

  #page_group_integration table.small_member_list { 
  }

table.small_calendar {
  width: 100%;
  padding-bottom: 20px;
}
  table.small_calendar td {
    padding: 4px;
  }


/*** COMMON STRUCTS *****/

div.box_325 h2, div.box_353 h2, div.box_250 h2, div.box_600 h2 {
    color: #74858A;
    background: transparent;
    padding: 6px 0 5px 2px;
    border-bottom: 1px solid #E9F2F5;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: normal;
    margin: 16px 0 8px 0;
    width: auto;
    position: relative;
    left: 0px;
}
    
div.box_325 {
    width: 325px;
    padding-bottom: 1px;
    background: url('../gfx/mosaikk/admin/right_box_bg.gif') repeat-y;
}

    div.box_contents_325 {
        width: 295px;
        min-height: 70px;
        padding: 5px 15px 0 15px;
        background: url('../gfx/mosaikk/admin/right_box_top.gif') no-repeat;
    }
    
    div.box_bottom_325 {
        width: 325px;
        height: 29px;
        background: url('../gfx/mosaikk/admin/right_box_bottom.gif') no-repeat;
    }    
    
div.box_353 {
    width: 353px;
    padding-bottom: 1px;
    background: url('../gfx/mosaikk/common_structs/box_bg_353.gif') repeat-y;
}

    div.box_contents_353 {
        width: 323px;
        min-height: 70px;
        padding: 5px 15px 0 15px;
        background: url('../gfx/mosaikk/common_structs/box_top_353.gif') no-repeat;
    }
    
    div.box_bottom_353 {
        width: 353px;
        height: 29px;
        background: url('../gfx/mosaikk/common_structs/box_bottom_353.gif') no-repeat;
    }
    
div.box_250 {
    width: 250px;
    padding-bottom: 1px;
    background: url('../gfx/mosaikk/common_structs/box_bg_250.gif') repeat-y;
}

    div.box_contents_250 {
        width: 220px;
        min-height: 70px;
        padding: 5px 15px 0 15px;
        background: url('../gfx/mosaikk/common_structs/box_top_250.gif') no-repeat;
    }
    
    div.box_bottom_250 {
        width: 250px;
        height: 29px;
        background: url('../gfx/mosaikk/common_structs/box_bottom_250.gif') no-repeat;
    }

div.box_600 {
    width: 600px;
    padding-bottom: 1px;
    background: url('../gfx/mosaikk/common_structs/box_bg_600.gif') repeat-y;
}

    div.box_contents_600 {
        width: 570px;
        min-height: 30px;
        padding: 5px 15px 0 15px;
        background: url('../gfx/mosaikk/common_structs/box_top_600.gif') no-repeat;
    }

    div.box_bottom_600 {
        width: 600px;
        height: 17px;
        background: url('../gfx/mosaikk/common_structs/box_bottom_600.gif') no-repeat;
        margin-top: -17px; /* BUGFIX: Elements inside box with margin push the bottom down */
    }


td.first_column {
  padding-right: 15px;
}

td.column {
  border-left: 1px solid #EAEAEA;
  padding: 0 15px 0 15px;
}

td.last_column {
  border-left: 1px solid #EAEAEA;
  padding-left: 15px;
}



ul.jquery_carousel {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
  
  ul.jquery_carousel li {
    width: auto;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  
  ul.jquery_carousel li div.item_wrapper {
    padding: 0;
    margin: 0;
    overflow: hidden;
  }


/************** MOSAIKK ICONS ********************/
.icon {
  background-repeat: no-repeat;
  background-position: top left;
  padding: 1px 0 1px 23px;
  outline: none;
}

.icon_right {
  background-position: top right;
  padding: 1px 22px 1px 0;
  margin-right: 3px;
}

  a.move_up {
    background-image: url('../gfx/mosaikk/arrow_up.png');
  }
  a.move_down {
    background-image: url('../gfx/mosaikk/arrow_down.png');
  }
  span.move_up_disabled {
    background-image: url('../gfx/mosaikk/arrow_up_disabled.png');
  }
  span.move_down_disabled {
    background-image: url('../gfx/mosaikk/arrow_down_disabled.png');
  }
  
  a.move_free {
    background-image: url('../gfx/mosaikk/arrows_4_way.png');
  }  
  a.delete {
    background-image: url('../gfx/mosaikk/delete.png');
  }  
  a.pause {
    background-image: url('../gfx/mosaikk/pause.png');
  }  
  a.turn_back {
    background-image: url('../gfx/mosaikk/turn_back.png');
  }
  
  
  a.sort_up {
    background-image: url('../gfx/mosaikk/sort_up.png');
  }
  a.sort_down {
    background-image: url('../gfx/mosaikk/sort_down.png');
  }
  
  a.add {
    background-image: url('../gfx/mosaikk/add.png');
  }
  a.accept {
    background-image: url('../gfx/mosaikk/accept.png');
  }
  a.stop {
    background-image: url('../gfx/mosaikk/stop.png');
  }
  a.home {
    background-image: url('../gfx/mosaikk/house.png');
  }
  a.draft {
    background-image: url('../gfx/mosaikk/page_edit.png');
  }
  a.page {
    background-image: url('../gfx/mosaikk/page.gif');
  }
  a.group_add {
    background-image: url('../gfx/mosaikk/group_add.png');
  }
  a.group_remove {
    background-image: url('../gfx/mosaikk/group_delete.png');
  }
  a.group_edit {
    background-image: url('../gfx/mosaikk/group_edit.png');
  }
  a.bill {
    background-image: url('../gfx/mosaikk/page_bill.png');
  }
  a.coins {
    background-image: url('../gfx/mosaikk/coins.png');
  }
  a.coins_add {
    background-image: url('../gfx/mosaikk/coins_add.png');
  }
  a.sitemap {
    background-image: url('../gfx/mosaikk/sitemap.png');
  }
  a.approval {
    background-image: url('../gfx/mosaikk/page_user_light.gif');
  }
  a.edit_record {
    background-image: url('../gfx/mosaikk/report_edit.png');
  }
  a.edit_user {
    background-image: url('../gfx/mosaikk/user_edit.png');
  }
  a.user {
    background-image: url('../gfx/mosaikk/user.png');
  }
  a.lock {
    background-image: url('../gfx/mosaikk/lock.png');
  }
  a.admin_page {
    background-image: url('../gfx/mosaikk/page_gear.png');
  }
  a.edit_bill {
    background-image: url('../gfx/mosaikk/page_bill_edit.png');
  }
  a.edit_contact {
    background-image: url('../gfx/mosaikk/vcard_edit.png');
  }
  a.rotate_left {
    background-image: url('../gfx/mosaikk/shape_rotate_anticlockwise.png');
  }
  a.rotate_right {
    background-image: url('../gfx/mosaikk/shape_rotate_clockwise.png');
  }
  a.refresh {
    background-image: url('../gfx/mosaikk/arrow_refresh.png');
  }
  a.back {
    background-image: url('../gfx/mosaikk/arrow_back.png');
  }
  a.archive {
    background-image: url('../gfx/mosaikk/folder_page_white.png');
  }
  a.restore {
    background-image: url('../gfx/mosaikk/restore.png');
  }
  a.message {
    background-image: url('../gfx/mosaikk/email.png');
  }
  a.picture {
    background-image: url('../gfx/mosaikk/picture.png');
  }
  a.picture_add {
    background-image: url('../gfx/mosaikk/picture_add.png');
  }
  a.picture_delete {
    background-image: url('../gfx/mosaikk/picture_delete.png');
  }
  .url {
    background-image: url('../gfx/mosaikk/world_link.png');
  }
  .cross {
    background-image: url('../gfx/mosaikk/cross.png');
  }
  .zoom {
    background-image: url('../gfx/mosaikk/zoom.png');
  }
  .event {
    background-image: url('../gfx/mosaikk/date.png');
  }
  .group {
    background-image: url('../gfx/mosaikk/group.png');
  }
  
  
  .star {
    background-image: url('../gfx/mosaikk/star.png');
  }
  .tick {
    background-image: url('../gfx/mosaikk/tick.png');
  }
  
  
  a.first {
    background-image: url('../gfx/mosaikk/resultset_first.png');
  }
  a.previous {
    background-image: url('../gfx/mosaikk/resultset_previous.png');
  }
  a.next {
    background-image: url('../gfx/mosaikk/resultset_next.png');
  }
  a.last {
    background-image: url('../gfx/mosaikk/resultset_last.png');
  }
  .first_disabled {
    background-image: url('../gfx/mosaikk/resultset_first_gray.png');
  }
  .previous_disabled {
    background-image: url('../gfx/mosaikk/resultset_previous_gray.png');
  }
  .next_disabled {
    background-image: url('../gfx/mosaikk/resultset_next_gray.png');
  }
  .last_disabled {
    background-image: url('../gfx/mosaikk/resultset_last_gray.png');
  }
  
  
  
  .warning {
    background-image: url('../gfx/mosaikk/error.png');
  }
  .info {
    background-image: url('../gfx/mosaikk/information.png');
  }
  .accept {
    background-image: url('../gfx/mosaikk/accept.png');
  }
  .error {
    background-image: url('../gfx/mosaikk/exclamation.png');
  }
  

.notext {
  display: block;
  height: 16px;
  width: 16px;
  background-position: center;
  text-indent: -9999px;
}

p.icon {
  background-position: 10px 10px;
  padding-left: 35px;
  padding-right: 15px;
}

p.noicon {
  background-image: none;
}

a.icon:hover {
  color: #000;
}


.medium_icon {  
  background-repeat: no-repeat;
  background-position: 0 -2px;
  padding: 3px 0 0 30px;
}

  a.folder {
    background-image: url('../gfx/mosaikk/folder_24.png');
  }
  a.tabs {
    background-image: url('../gfx/mosaikk/tabs_24.png');
  }


.large_icon {
  background-repeat: no-repeat;
  background-position: center top;
  width: 90px;
  padding: 52px 0 1px 0;
  display: block;
  text-align: center;
  cursor: pointer;
}

span.disabled { 
  cursor: default;
  color: #a0a0a0;
}

  a.edit_page {
    background-image: url('../gfx/mosaikk/paper_content_48.png');
  }
  span.edit_page {
    background-image: url('../gfx/mosaikk/paper_content_gray_48.png');
  }  
  a.album {
    background-image: url('../gfx/mosaikk/image_48.png');
  }
  span.album {
    background-image: url('../gfx/mosaikk/image_gray_48.png');
  }
  a.settings {
    background-image: url('../gfx/mosaikk/spanner_48.png');
  }
  span.settings {
    background-image: url('../gfx/mosaikk/spanner_gray_48.png');
  }
  a.edit_event {
    background-image: url('../gfx/mosaikk/cal_48.png');
    width: 105px;
  }
  span.edit_event {
    background-image: url('../gfx/mosaikk/cal_gray_48.png');
    width: 105px;
  }
  a.registrations {
    background-image: url('../gfx/mosaikk/users_two_48.png');
  }
  span.registrations {
    background-image: url('../gfx/mosaikk/users_two_gray_48.png');
  }
  a.responses {
    background-image: url('../gfx/mosaikk/questionmark_48.png');
  }
  span.responses {
    background-image: url('../gfx/mosaikk/questionmark_gray_48.png');
  }
  
  
  
  a.save {
    background-image: url('../gfx/mosaikk/floppy_disk_48.png');  
  }
  
  a.edit_small {
    background-image: url('../gfx/mosaikk/paper_content_16.png');
  }
  a.picture_small {
    background-image: url('../gfx/mosaikk/image_16.png');
  }
  a.folder_small {
    background-image: url('../gfx/mosaikk/folder_16.png');
  }
  a.settings_small {
    background-image: url('../gfx/mosaikk/spanner_16.png');
  }
  a.tabs_small {
    background-image: url('../gfx/mosaikk/tabs_16.png');
  }
  

a.large_icon:hover {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}



ul.set {
  clear: both;
  padding: 10px 0 1px 0;
  margin: 0;
  font-family: tahoma;
  font-size: 12px;
  list-style: none outside none;
  width: auto;
  margin-bottom: 25px;
}

  ul.set li {
    clear: left;
    width: auto;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
}


ul.icons {
  list-style-type: none;
  margin-left: 5px;
  margin-bottom: 5px;
}

  ul.icons li {
    margin-bottom: 5px;
  }


ul.files_m li {
  height: 40px;
}

.file_m {
  padding: 18px 0 16px 48px;
  background-position: center left;
  background-repeat: no-repeat; 
  text-decoration: none;
  font-size: 14px;
}

.doc { background-image: url('../gfx/mosaikk/file_icons/small/doc.gif'); }
.doc_m { background-image: url('../gfx/mosaikk/file_icons/medium/doc.png'); }
.eps { background-image: url('../gfx/mosaikk/file_icons/small/eps.gif'); }
.gif { background-image: url('../gfx/mosaikk/file_icons/small/gif.gif'); }
.gif_m { background-image: url('../gfx/mosaikk/file_icons/medium/gif.png'); }
.html { background-image: url('../gfx/mosaikk/file_icons/small/html.gif'); }
.html_m { background-image: url('../gfx/mosaikk/file_icons/medium/html.png'); }
.jpg { background-image: url('../gfx/mosaikk/file_icons/small/jpg.gif'); }
.jpg_m { background-image: url('../gfx/mosaikk/file_icons/medium/jpg.png'); }
.msi { background-image: url('../gfx/mosaikk/file_icons/small/msi.gif'); }
.msi_m { background-image: url('../gfx/mosaikk/file_icons/medium/msi.png'); }
.pdf { background-image: url('../gfx/mosaikk/file_icons/small/pdf.gif'); }
.pdf_m { background-image: url('../gfx/mosaikk/file_icons/medium/pdf.png'); }
.ppt { background-image: url('../gfx/mosaikk/file_icons/small/ppt.png'); }
.ppt_m { background-image: url('../gfx/mosaikk/file_icons/medium/ppt.png'); }
.psd { background-image: url('../gfx/mosaikk/file_icons/small/psd.gif'); }
.psd_m { background-image: url('../gfx/mosaikk/file_icons/medium/psd.png'); }
.txt { background-image: url('../gfx/mosaikk/file_icons/small/txt.gif'); }
.txt_m { background-image: url('../gfx/mosaikk/file_icons/medium/txt.png'); }
.unknown { background-image: url('../gfx/mosaikk/file_icons/small/unknown.gif'); }
.unknown_m { background-image: url('../gfx/mosaikk/file_icons/medium/unknown.png'); }
.wmavmpeg { background-image: url('../gfx/mosaikk/file_icons/small/wmavmpeg.gif'); }
.wmavmpeg_m { background-image: url('../gfx/mosaikk/file_icons/medium/wmavmpeg.png'); }
.xls { background-image: url('../gfx/mosaikk/file_icons/small/xls.gif'); }
.xls_m { background-image: url('../gfx/mosaikk/file_icons/medium/xls.png'); }
.zip { background-image: url('../gfx/mosaikk/file_icons/small/zip.gif'); }
.zip_m { background-image: url('../gfx/mosaikk/file_icons/medium/zip.png'); }

.rss {
  background-repeat: no-repeat;
  background-position: 1px 0;
  padding: 0px 0 1px 22px;
  outline: none;
  background-image: url('../gfx/mosaikk/feed-icon-14x14.png');
}
.twitter {
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0px 0 1px 22px;
  outline: none;
  background-image: url('../gfx/mosaikk/twitter_16.png');
}


/******* GRID LAYOUT ******/
div#container, div.container { position:  relative; width:  940px; margin: 0 auto; padding: 0; }

.column-row, .row { margin: 0 0 18px -20px; }
.column, .columns { float: left; display: inline; margin: 0 0 0 20px; }
.one { width: 60px; }
.two { width: 140px; }
.three { width: 220px; }
.four { width: 300px; }
.five { width: 380px; }
.six { width: 460px; }
.seven { width: 540px; }
.eight { width: 620px; }
.nine { width: 700px; }
.ten { width: 780px; }
.eleven { width: 860px; }
.twelve { width: 940px; }
 
.offset-by-one-half { margin-left: 40px; }
.offset-by-one { margin-left: 80px; }
.offset-by-two { margin-left: 160px; }
.offset-by-three { margin-left: 240px; }
.offset-by-four { margin-left: 320px; }
.offset-by-five { margin-left: 400px; }
.offset-by-six { margin-left: 480px; }
.offset-by-seven { margin-left: 560px; }
.offset-by-eight { margin-left: 640px; }
.offset-by-nine { margin-left: 720px; }
.offset-by-ten { margin-left: 800px; }
  
.column-row:after, .row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .column-row, * html .row, * html .clearfix { height: 1%; }
.column-row, .row, .clearfix { display: inline-block; }
.column-row, .row, .clearfix { display: block; }
 
/* IE6 Problems ---------- */
body.ie .column-row { width: 960px; }
body.ie .eight .column-row { width: 640px; }
body.ie .nine .column-row { width: 720px; }
body.ie .ten .column-row { width: 800px; }
body.ie .eleven .column-row { width: 880px; }
body.ie .two-thirds .column-row { width: 640px; }