/* General */
body {
    background-color: #f26522;
    color: #000000;
    font-family: 'Trebuchet MS' , Arial, Sans-Serif;
    font-size: 90%;
    margin: 0px;
    padding: 0px;
}
a:link {
    color: #f26522;
}
a:hover {
    color: #ff0000;
}
a:visited {
    color: #c84000;
}
a img {
    border: none;
}
small, .small {
    font-size: 75%;
}
strong, .strong {
    font-weight: bold;
}
.r {
    text-align: right;
}
.c {
    text-align: center;
}
h1 {
    font-size: 200%;
    font-weight: normal;
    margin-top: 0px;
    padding-top: 0px;
    color: #f26522;
}
h2 {
    font-size: 140%;
    font-weight: normal;
    color: #357d18;
}

/* Layout */
div#header {
    height: 100px;
    line-height: 100px;
}
div#content {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
}
div#main {
    margin-left: 220px;
    width: 650px;
    padding-top: 20px;
}
div#footer {
    clear: both;
    padding-top: 20px;
}
div#footer div.inner {
    text-align: center;
    background-image: url(Images/FooterBg.gif);
    background-position: top center;
    background-repeat: no-repeat;
    color: #c84000;
    padding: .5ex 0ex .5ex 0ex;
    font-size: 75%;
}
div#footer a:link, div#footer a:visited {
    color: #c84000;
}

/* Menu */
div#menu {
    float: left;
    width: 200px;
    padding-left: 20px;
}
div#menu div.inner {
    width: 180px;
    background-color: #d3e2cc;
    background-image: url(Images/MenuBg.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
    font-size: 90%;
}
div#menu div.inner ul li span {
    font-weight: bold;
}
div#menu div.inner ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    line-height: 160%;
}
div#menu div.inner ul li {
    margin: 0px;
    padding: 0px;
    border: none;
    border-top: solid 1px #97b38b;
}
div#menu div.inner ul li a, div#menu ul li span {
    padding-left: 2ex;
}
div#menu div.inner ul li li a, div#menu ul li ul li span {
    padding-left: 4ex;
}
div#menu div.inner ul li li li a, div#menu ul li ul li li span {
    padding-left: 6ex;
}
div#menu div.inner ul li a:link {
    color: #000000;
    text-decoration: none;
}
div#menu div.inner ul li a:visited {
    color: #000000;
    text-decoration: none;
}
div#menu div.inner ul li a:hover {
    color: #009900;
    text-decoration: none;
}

/* Orange box */
div#menu div.userbox {
    width: 180px;
    margin-top: 10px;
    font-size: 90%;
}
div#menu div.userbox div.header {
    background-color: #f26522;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    background-image: url(Images/OrangeBoxHeader.gif);
    background-position: top center;
    background-repeat: no-repeat;
}
div#menu div.userbox div.body {
    background-color: #fde8de;
    padding: 1ex 2ex;
    background-image: url(Images/OrangeBoxFooter.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
}
div#menu div.userbox a:link {
    color: #990000;
}
div#menu div.userbox a:visited {
    color: #990000;
}
div#menu div.userbox a:hover {
    color: #FF0000;
}
div#menu div.userbox .action img {
    margin-right: 1ex;
}

/* Grey box */
div#menu div.adbox {
    width: 180px;
    margin-top: 10px;
    font-size: 90%;
}
div#menu div.adbox div.header {
    background-color: #cccccc;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    background-image: url(Images/GreyBoxHeader.gif);
    background-position: top center;
    background-repeat: no-repeat;
}
div#menu div.adbox div.body {
    background-color: #eeeeee;
    padding: 1ex 0ex;
    background-image: url(Images/GreyBoxFooter.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
    text-align: center;
}

/* Popup controls */
div.popup {
    background-color: #ffffee;
    border: solid 1px #666666;
    font-size: 80%;
}

/* Login box */
table.login {
    width: 650px;
}
table.login thead th {
    text-align: center;
    background-color: #f26522;
    color: #ffffff;
    font-weight: bold;
}
table.login tbody td {
    background-color: #f4fff4;
    padding: 1ex;
}
table.login tbody td table td {
    padding: 0px;
}
table.login tbody td table th {
    padding: 0px;
}
table.login tfoot td {
    text-align: center;
    background-color: #dfe7db;
    padding: 1ex;
}

/* Forms */
form {
    margin: 0px;
    padding: 0px;
}
table.form th {
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
}
table.form tfoot th {
    text-align: right;
}
.textbox {
    font-family: 'Trebuchet MS' , Arial, Sans-Serif;
    background-color: #ffffff;
    border: solid 1px #666666;
}
.listbox {
    font-family: 'Trebuchet MS' , Arial, Sans-Serif;
    background-color: #ffffff;
    border: none;
    padding-left: .5ex;
    padding-right: .5ex;
}
.button {
    background-color: #f26522;
    color: #000000;
    border: none;
    font-family: 'Trebuchet MS' , Arial, Sans-Serif;
    font-weight: bold;
}

/* GridView */
table.gridview {
    border-collapse: collapse;
}
table.gridview td {
    padding-left: 1ex;
    padding-right: 1ex;
    vertical-align: top;
}
table.gridview th {
    padding-left: 1ex;
    padding-right: 1ex;
    text-align: left;
}
table.gridview tr.header {
    background-color: #a8c79b;
    color: #ffffff;
    font-weight: bold;
}
table.gridview tr.header A {
    color: #ffffff;
}
table.gridview tr.row {
    background-color: #f4fff4;
}
table.gridview tr.alternating-row {
    background-color: #dfe7db;
}
table.gridview tr.header th, table.gridview tr.row td, table.gridview tr.alternating-row td {
    border: solid 1px #a8c79b;
}
table.gridview td.icons {
    padding: 0px;
    margin: 0px;
    padding-left: 1ex;
    white-space: nowrap;
    text-align: center;
}
table.gridview td.icons a.action {
    margin-right: 1ex;
}

/* Toolbar */
.toolbar {
    margin: 1ex 0ex;
    padding: .5ex;
    background-color: #eeeeee;
    border: solid 1px #cccccc;
}
.toolbar .action img {
    margin-right: .5ex;
}

/* DetailsView */
table.detailsview td.fieldheader {
    font-weight: bold;
    padding-right: 1ex;
}

/* Event information */
table.eventinfo {
    margin-bottom: 1em;
}
table.eventinfo th {
    padding-right: 1ex;
    text-align: left;
    font-weight: bold;
}
table.eventinfo td {
    padding-right: 1ex;
}

/* Tab strips*/
.tabmultiview {
}
.tabmultiview .panel {
    border: solid 1px #e4e4e4;
    padding: 5px;
    background-color: #e4e4e4;
}
.tabmultiview .tabstrip {
    border-left: solid 1px #e4e4e4;
}
.tabmultiview .tabstrip a:link, .tabmultiview .tabstrip a:visited {
    color: #000000;
    text-decoration: none;
}
.tabmultiview .tabstrip a:hover {
    color: #000000;
    text-decoration: underline;
}
.tabmultiview .tabstrip span.activetab {
    background-color: #e4e4e4;
    font-weight: bold;
}
.tabmultiview .tabstrip span {
    display: inline-block;
    padding: 2px 5px;
    border-top: solid 1px #e4e4e4;
    border-right: solid 1px #e4e4e4;
    background-color: #f7f7f7;
}