/* ===================================================== Layout */

html {
    height: 100%;
    width: 100%;
    margin:0px;
}

body {
    padding: 0px;
    background-color: #234f60;
    font-size: 8pt;
    font-family: Verdana, Geneva, Univers, Arial;
    margin: 0 auto;
    width:700px;
    text-align:left;
}

div#logo {
    position:absolute;
    top:20px;
}

header {
    width:700px;
    height:200px;
    margin-top:80px;
    background-color:#b5ccdb;
}

nav {
    background-color:#e57f1a;
    color:#fcebcf;
    font-weight:700;
    padding:15px 20px;
}

h1 {
    display: inline-block;
    width:690px;
    height:35px;
    padding-top:10px;
    margin:0;

    color:#234f60;
    font-size:20px;
    font-weight: normal;
    text-align:right;
}


div#content {
    width:680px;
    background-color:#fcebcf;
    min-height:300px;
    padding:10px;
    color:#234f60;
}

footer {
    color:#b5ccdb;
    text-align:right;
    padding:7px;
    width:686px;
    padding-bottom:40px;
}


/* ===================================================== Menus */

ul.mainmenu {
    list-style-type:none;
    font-weight:700;
    margin:0px;
    padding:0px;
}

ul.mainmenu li {
    margin-right:20px;
    color:#ffffff;
    display:inline-block;
}

ul.mainmenu li.active {
    color:#234f60;
}

footer a:link { color:#b5ccdb; }
footer a:visited { color:#b5ccdb; }
footer a:hover { color:#ffffff; }
footer a:active { color:#ffffff; }

/* ===================================================== Default elements */


a:visited  { color:#234f60; text-decoration: none; }
a:link { color:#234f60; text-decoration: none; }
a:hover { color:#22262a; text-decoration: none; }

#content a:visited  { color:#e57f1a; text-decoration: none; }
#content a:link { color:#e57f1a; text-decoration: none; }
#content a:hover { color:#22262a; text-decoration: none; }

#content a.button:visited { color:#234f60; text-decoration: none; }
#content a.button:link { color:#234f60; text-decoration: none; }

p {
    margin:0;
    margin-bottom:7px;
    margin-top:7px;
    padding:0;
}


img { border: 0 none; }

.green {
    color:#22262a;
}

.dark1 {
    background-color: #234f60 ;
}

.dark2{
    background-color:#e57f1a;
}

.light1 {
    background-color:#b5ccdb;
}

.center {
    text-align:center;
}

.negative {
    color:red;
}

h2 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:15px;
    margin-top:6px;
    border-bottom:2px solid  #b5ccdb ;
    padding-bottom:1px;
}

h3 {
    font-size:1.2em;
    font-weight:bold;
    margin-bottom:3px;
    margin-top:15px;
    margin-right:20px;
    display:inline-block;
}

h4 {
    margin-top:20px;
}

.greenrow {
    background-color:#bbffbb;
}

.redrow {
    background-color:#ffbbbb;
}

.yellowrow {
    background-color:#ffffbb;
}

.pinkrow {
    background-color:#ff66ff;
}


/* ===================================================== Forms */

form {
    margin: 0px;
    padding: 0px;
}

.button, button {
    -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
       -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
            box-shadow:inset 1px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bdbdbd) );
    background:-moz-linear-gradient( center top, #ededed 5%, #bdbdbd 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bdbdbd');
    background-color:#ededed;
    -webkit-border-radius:2px;
       -moz-border-radius:2px;
            border-radius:2px;
    border:1px solid #888;
    display:inline-block;
    color:#234f60;
    font-size:13px;
    font-weight:bold;
    padding:7px 20px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
}
.button:hover, button:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #bdbdbd 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#ededed');
    color:#234f60;
}

select, textarea, input {
    -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
       -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
            box-shadow:inset 1px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ddd), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #ddd 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ededed');
    background-color:#ededed;
    -webkit-border-radius:2px;
       -moz-border-radius:2px;
            border-radius:2px;
    border:1px solid #888;
    display:inline-block;
    padding:5px 6px;
    text-shadow:1px 1px 0px #ffffff;
}


/* ===================================================== Tables */

table {
    border:none;
    border-collapse:collapse;
    margin:10px 0;
}

td {
    padding:5px;
    margin:0;
}

table.list {
    border-bottom:solid 1px #234f60;
}
     
table.list th {
    background-color:#fcebcf;
    font-weight:bold;
    vertical-align:bottom;
    text-align:left;
    border-bottom:1px solid #234f60;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:5px;
    padding-right:10px;
}

table.list tr.sum th {
    background-color:#fcebcf;
    font-weight:bold;
    vertical-align:bottom;
    text-align:left;
    border-top:1px solid #234f60;
    padding-top:5px;
    padding-bottom:6px;
    padding-left:5px;
    padding-right:10px;
}
     
table.list td {
    vertical-align:middle;
}

table.form {
     border-collapse:collapse;
     margin-top:7px;
     margin-bottom:7px;
}
     
table.form th {
    background-color:#fcebcf;
    font-weight:bold;
    vertical-align:middle;
    text-align:left;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:0px;
    padding-right:10px;
}
     
table.form td {
    padding-top:3px;
    padding-bottom:3px;
    padding-left:5px;
    padding-right:10px;
    vertical-align:middle;
}

table.ticketlist {
     border-collapse:collapse;
     margin-top:10px;
     margin-bottom:17px;
     border:1px solid;
}

table.ticketlist tr.group {
    border-top:1px dotted;
}

table.ticketlist th {
    background-color:#fcebcf;
    font-weight:bold;
    vertical-align:bottom;
    text-align:left;
    border-bottom:1px solid #234f60;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:5px;
    padding-right:10px;
}

table.ticketlist th.simple {
    padding-bottom:0px;
    border-top:1px solid;
    border:none;
    font-weight:normal;
}

     
table.ticketlist td {
    padding-top:4px;
    padding-bottom:4px;
    padding-left:5px;
    padding-right:10px;
    vertical-align:middle;
}
 
 
table.box {
    border-collapse:collapse;
    margin-top:7px;
    margin-bottom:7px;
    border:1px solid;
}
     
table.box th {
    background-color:#fcebcf;
    font-weight:bold;
    vertical-align:middle;
    text-align:left;
    padding:3px 7px;
    border-left:1px solid;
}
     
table.box td {
    padding-top:3px;
    padding-bottom:3px;
    padding-left:7px;
    padding-right:12px;
    vertical-align:middle;
}