/***** BASE SETTINGS *****/

* {
    margin:0;
    padding:0;} 

html {
    overflow-y: scroll;}

html, body {
    margin: 0;
    padding: 0;}

body {
    background: #333333 url('images/design/background.jpg');
    background-attachment: fixed;
    padding: 0;
    padding-bottom: 20px;
    text-align: center;}

body, p, span, div, td, form, textarea, select, input {
    font-family: arial, helvetica, tahoma, verdana, courier, sans-serif;
    color: #FFFFFF;
    font-size: 14px;}

p, span, div, td {
    text-align: left;
    margin: 0;
    padding: 0;
    line-height: 1.6em;}


/***** HEADINGS *****/

h1 {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    text-shadow: 1px 1px #111111;
    color: #EFEFEF;
    margin-top: 5px;
    margin-left: 35px;
    margin-bottom: 5px;}

h2 {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    text-shadow: 1px 1px #111111;
    color: #EFEFEF;
    margin-top: 0px;
    margin-left: 35px;
    margin-bottom: 5px;}

h2 span {
    font-size: 12px;}
    
    
/***** DESIGN CONTAINERS *****/

#siteContainer {
    width: 870px;
    padding: 0 0px;
    margin: 0 auto;
    text-align: center;}

#siteTop {
    background: url('images/design/top_back.png') no-repeat bottom center;
    text-align: center;
    padding: 12px 35px 15px 35px;
    margin-bottom: 20px;}

.siteContentTop {
    background: url('images/design/content_top.png') no-repeat top left;
    border: 0;
    height: 20px;}

.siteContentMiddle {
    background: url('images/design/content_middle.png') repeat-y center center;
    border: 0;    
    color: #FFFFFF;
    padding: 15px 35px;}

.siteContentMiddle p, .siteContentMiddle div, .siteContentMiddle span {
    color: #FFFFFF;}

.siteContentBottom {
    background: url('images/design/content_bottom.png') no-repeat left bottom;
    border: 0;
    height: 28px;
    margin-bottom: 40px;}

.siteRubrik {
    margin-top: 5px;
    margin-left: 35px;}

#siteMainMenuBox {
    padding: 0 35px;
    color: #CCCCCC;
    margin-bottom: 20px;}

#siteFooter {
    text-align: center;
    font-size: 12px;
    padding: 15px 35px;
    color: #666666;
    margin-bottom: 30px;}
    

/***** LINKS *****/

a:link, a:visited, a:active {
    text-decoration: none;
    border-bottom: 1px solid #009900;
    font-weight: normal;
    color: #EFEFEF;
    text-decoration: none;}

a:hover {
    text-decoration: none;;
    border-bottom: 1px solid #33ff33;
    font-weight: normal;
    color: #FFFFFF;}

a.nostyle:link, a.nostyle:visited, a.nostyle:active, a.nostyle:hover {
    text-decoration: none;
    border: 0;}


/***** MAINMENU *****/

a.mm, .mm:link, .mm:active, .mm:visited {
    display: block;
    float: right;
    margin-left: 8px;
    border: 0;
    padding: 3px 9px;
    background: #333333;
    background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#333333));
    background: -moz-linear-gradient(top,  #777777,  #333333);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#333333');*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;}

.mm:hover {
    background: #111111;
    background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#111111));
    background: -moz-linear-gradient(top,  #555555,  #111111);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222');*/
    color: #FFFFFF;}

a.mmActive, .mmActive:link, .mmActive:active, .mmActive:visited, .mmActive:hover {
    display: block;
    float: right;
    margin-left: 8px;
    border: 0;
    padding: 3px 9px;
    background: #009900;
    background: -webkit-gradient(linear, left top, left bottom, from(#00FF0B), to(#009900));
    background: -moz-linear-gradient(top,  #00FF0B,  #009900);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FF0B', endColorstr='#009900');*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;}

a.mmRed, .mmRed:link, .mmRed:active, .mmRed:visited {
     display: block;
     float: right;
     margin-left: 8px;
     border: 0;
     padding: 3px 9px;
     background: #990000;
     background: -webkit-gradient(linear, left top, left bottom, from(#CC3300), to(#990000));
     background: -moz-linear-gradient(top,  #CC3300,  #990000);
     border-radius: 10px;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
     -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
     -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
     text-align: center;
     font-weight: bold;
     text-decoration: none;
     color: #FFFFFF;}
 
 .mmRed:hover {
     background: #CC3300;
     background: -webkit-gradient(linear, left top, left bottom, from(#f33d00), to(#CC3300));
     background: -moz-linear-gradient(top,  #f33d00,  #CC3300);
     color: #FFFFFF;}
     

/***** COMMON *****/

.statusOk {
    color: #33ff33;}

.statusMaybe {
    color: #FFCC00;}

.statusNo {
    color: #d34607;}
 
.info {
    margin-bottom: 0;
    background: #333333 url('images/design/infobubble_gray.png') no-repeat 20px center;
    padding: 40px 20px;
    padding-left: 120px;
    border: 0;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;}

.noData {
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 1px 1px #222222;
    border: 0;
    padding: 50px 0;
    font-size: 24px;
    font-weight: bold;}

.icon {
    margin-right: 4px;
    vertical-align: middle;
    border: 0;}

.clear {
    clear: both;}

.clearNH {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;}


/***** FORMS *****/

.formbutton {
    vertical-align: middle;
    border: 0;
    text-shadow: 0px 1px 1px #777777;
    background: url('images/design/button_green.png') no-repeat;
    width: 154px;
    height: 51px;
    font-weight: bold;
    color: #FFFFFF;}
    
.form {
    color: #333333;
    background: #FFFFFF url('images/design/form_back.png') repeat-x top center;
    border-left: 1px solid #555555;
    border-top: 1px solid #444444;
    border-right: 1px solid #888888;
    border-bottom: 1px solid #777777;
    font-weight: normal;
    vertical-align: middle;
    padding: 8px 5px;}

.formselect {
    color: #333333;
    background: #FFFFFF url('images/design/form_back.png') repeat-x top center;
    border-left: 1px solid #555555;
    border-top: 1px solid #444444;
    border-right: 1px solid #888888;
    border-bottom: 1px solid #777777;
    font-weight: normal;
    vertical-align: middle;
    padding: 7px 5px;}

.gsSelect {
    margin: 0;
    font-weight: normal;
    vertical-align: middle;}

select {
    padding: 0;  
    padding-right: 0;
    background: #FFFFFF;}
    
option {
    padding: 0;
    padding-right: 8px;
    background: #FFFFFF;}    


/***** EDIT TABLE *****/

.editTable {
    width: 100%;}
    
.editTable td {
    text-align: left;
    vertical-align: middle;
    padding: 3px 6px 3px 0;}

.editTable td.tdHeader {
    font-weight: bold;}

.editTable td.tdInput span {
    display: block;
    padding-top: 3px;
    font-size: 12px;
    color: #CCCCCC;
    font-weight: normal;}

.editTable td.tdLine {
    height: 30px;
    /*padding: 14px 0;*/
    background: url('images/design/table_line.png') no-repeat center center;}


/***** LIST TABLE *****/

.listTable {
    width: 100%;}
    
.listTable td {
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #666666;
    padding: 6px 6px;}

.listTable tr.trAlter td {
    background: #444444;}
 
.listTable tr:hover td {
    background: #333333;}

.listTable tr.noHover td {
        background: transparent;}

.listTable td.left {
    text-align: left;}
 
.listTable td.center {
    text-align: center;}
 
.listTable td.right {
    text-align: right;}
  
.listTable td.lBold {
    text-align: left;
    font-weight: bold;}
  
.listTable td.cBold {
    text-align: center;
    font-weight: bold;}
  
.listTable td.rBold {
    text-align: right;
    font-weight: bold;}
 
.listTable td.noData, .listTable td.noData:hover {
    text-align: center;
    color: #999999;
    background: transparent;
    border: 0;
    padding: 20px 0;
    font-size: 18px;
    font-weight: bold;}
 

/***** MESSAGES AND NOTIFICATIONS *****/

.messageOk {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -220px;
    margin-left: -350px;
    z-index: 150;
    width: 600px;
    padding: 60px 50px;
    border: 2px solid #009900;
    border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 2px 6px #333333;
    -moz-box-shadow: 0px 2px 6px #333333;
    background: #009900;
    background: -webkit-gradient(linear, left top, left bottom, from(#7ECE17), to(#009900));
    background: -moz-linear-gradient(top,  #7ECE17,  #009900);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ECE17', endColorstr='#009900');*/
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 1px 1px #666666}

.messageOk a {
    border: 0;}

* html .messageOk {
    /* IE6 FIX */
    position: absolute; }
    
.messageError {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -220px;
    margin-left: -350px;
    z-index: 150;
    width: 600px;
    padding: 60px 50px;
    background: #CC0000;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#CC0000));
    background: -moz-linear-gradient(top,  #FF0000,  #CC0000);
    */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#CC0000');*/
    border: 2px solid #CC0000;
    border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 2px 6px #333333;
    -moz-box-shadow: 0px 2px 6px #333333;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 1px 1px #666666;}

.messageError a {
    border: 0;}

* html .messageError {
    /* IE6 FIX */
    position: absolute; }