/* 
Client: Axis Security, Inc.
Author: Tim McLeod (www.timmcleod.com)
*/

body, html {background: #ccd1d2 url(/static/media/images/bg.jpg) repeat-x; margin: 0px; padding: 0px; position: relative; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #7b8284;}
hr {border-style: solid; border-color: #d5d5d5 #eaeaea #fff #eaeaea; display: block; height: 0px;}
h1, h2 {font-weight: normal; margin: 30px 0px 0px 0px;}
h3, h4, h5, h6 {font-weight: normal; margin: 0px 0px 0px 0px;}
h1 {font-size: 32px; color: #b5b9ba;}
h2 {font-size: 24px; color: #0b1d2b;}
h3 {font-size: 18px; color: #a68a38;}
h4 {font-size: 12px; text-transform: uppercase; color: #0b1d2b; font-weight:bold;}
h5 {font-size: 12px; color: #0b1d2b; font-weight:bold;}
h1.page-title {margin: 0px 0px 20px 0px;}
p {line-height: 16px; margin: 7px 0px 15px 0px;}
a img {border-style: none;}
a {cursor: pointer; outline: none; border-style: none; color: #9e8335; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}
table {margin-left: auto; margin-right: auto; text-align: left; width: 100%;}
table th {color: #000;}
table td,th {padding: 5px;}

.item-id {display: none;}
.clear-floats {clear: both;}
.box-type1 {color: #4d4d4d; padding: 15px 20px 15px 20px; margin: 14px 0px 14px 0px; background: #eaeaea;}
.box-type2 {padding: 15px 20px 15px 20px; margin: 14px 0px 14px 0px; background: #899394; color: #FFF;}
.right {text-align: right; display: block;}
.left {text-align: left; display: block;}

#user-msg {display: none; padding: 25px 20px 25px 20px; margin: 0px 0px 0px 0px; background: #ffffee url(/static/media/images/message-bg.jpg); color: #000; font-size: 18px; text-align: center;}

/* SHELL */
div#shell {position: relative; margin-left: auto; margin-right: auto; width: 922px; min-height: 116px; background: url(/static/media/images/header.jpg) no-repeat;}

/* HEADER */
a#logo {position: relative; display: block; height: 100px; width: 200px; z-index: 10; padding-bottom: 16px;}
a#logo span {display: none;}

/* NAV */
div#nav-main {width: 100%; text-align: right; position: absolute; top: 52px; right: 0px; height: 64px; background-repeat: repeat-x;}
div#nav-main ul {position: absolute; right: 0px; margin: 0px; padding: 0px 0px 0px 48px; list-style: none; display: block; height: 64px; background: url(/static/media/images/tab-left.jpg) no-repeat;}
div#nav-main ul li {float: left; height: 64px; background: url(/static/media/images/tab-middle.jpg); cursor: pointer;}
div#nav-main ul li a span {display: none;}
div#nav-main ul li.last {background: url(/static/media/images/tab-right.jpg) no-repeat right; padding-right: 19px;}
div#nav-main ul li a {background-repeat: no-repeat; height: 64px; display: block; cursor: pointer;}

/* NAV - Overview */
div#nav-main ul li.home a {background: url(/static/media/images/nav-overview.jpg); width: 86px;}
div#nav-main ul li.home a:hover {background-position: 0 -64px;}
div#nav-main ul li.home a:active {background-position: 0 -128px;}
div#nav-main ul li.home.selected a {background-position: 0 -128px;}

/* NAV - Axis Advantage */
div#nav-main ul li.axis_advantage a {background: url(/static/media/images/nav-axis-advantage.jpg); width: 124px;}
div#nav-main ul li.axis_advantage a:hover {background-position: 0 -64px;}
div#nav-main ul li.axis_advantage a:active {background-position: 0 -128px;}
div#nav-main ul li.axis_advantage.selected a {background-position: 0 -128px;}

/* NAV - Team */
div#nav-main ul li.team a {background: url(/static/media/images/nav-team.jpg); width: 56px;}
div#nav-main ul li.team a:hover {background-position: 0 -64px;}
div#nav-main ul li.team a:active {background-position: 0 -128px;}
div#nav-main ul li.team.selected a {background-position: 0 -128px;}

/* NAV - Venues */
div#nav-main ul li.venues a {background: url(/static/media/images/nav-venues.jpg); width: 68px;}
div#nav-main ul li.venues a:hover {background-position: 0 -64px;}
div#nav-main ul li.venues a:active {background-position: 0 -128px;}
div#nav-main ul li.venues.selected a {background-position: 0 -128px;}

/* NAV - Events */
div#nav-main ul li.events a {background: url(/static/media/images/nav-events.jpg); width: 68px;}
div#nav-main ul li.events a:hover {background-position: 0 -64px;}
div#nav-main ul li.events a:active {background-position: 0 -128px;}
div#nav-main ul li.events.selected a {background-position: 0 -128px;}

/* NAV - Contact */
div#nav-main ul li.contact a {background: url(/static/media/images/nav-contact.jpg); width: 81px;}
div#nav-main ul li.contact a:hover {background-position: 0 -64px;}
div#nav-main ul li.contact a:active {background-position: 0 -128px;}
div#nav-main ul li.contact.selected a {background-position: 0 -128px;}
div#banner-shell {background: url(/static/media/images/banner-tile.jpg); text-align: center;}
div#banner-shell img {vertical-align: top;}
div#banner-shell object {vertical-align: top;}
div#banner-shell h1 {padding: 50px 65px 20px 65px; text-align: left; color: #FFFFFF;}

/* CONTENT BODY */
div#content-body {background: url(/static/media/images/body-tile.jpg); padding: 30px 65px 15px 65px;}
a.read-more {display: block; width: 91px; height: 14px; background: url(/static/media/images/button-read-more.jpg) no-repeat center top; margin-left: auto;}
a.see-all-events {display: block; width: 111px; height: 14px; background: url(/static/media/images/button-see-all-events.jpg) no-repeat center top; margin-left: auto;}
a.read-more:hover,
a.see-all-events:hover {background-position: center -20px;}
a.read-more span,
a.see-all-events span {display: none;}

/* FOOTER */
div#footer {background: url(/static/media/images/footer-bg.jpg) no-repeat; height: 58px; color: #858d8f;}
div#copyright {float: left; padding: 25px 0px 0px 35px;}
div#designed-by {float: right; padding: 25px 40px 0px 0px;}
div#designed-by a#timmcleod {position: relative; display: block; width: 195px;}
div#designed-by a#timmcleod img {position: absolute; top: -15px; right: 0px;}

/* EVENT LIST */
ul.event-list-home {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none;}
ul.event-list-home h2 {font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; color: #9e8335;}
ul.event-list-home li {background: #eaeaea; margin: 10px 0px 20px 0px; padding: 15px;}
ul.event-list-home a {color: #9e8335; text-decoration: none;}
ul.event-list-home a:hover {color: #000; text-decoration: underline;}

ul.event-list a {color: #9e8335; text-decoration: none;}
ul.event-list a:hover {color: #000; text-decoration: underline;}

ul.event-list {color: #4d4d4d; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none;}
ul.event-list h2 {font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; color: #9e8335;}
ul.event-list li {background: #eaeaea; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
ul.event-list li div.content {padding: 15px; background: url(/static/media/images/event-item-top-bg.gif) top no-repeat;}
ul.event-list li div.controlbar {height: 5px; background: #eaeaea url(/static/media/images/event-item-bottom-bg.gif) bottom no-repeat; text-align: right;}
ul.event-list li div.controlbar.loggedin {height: 32px; padding: 8px; background: #d5d5d5 url(/static/media/images/event-item-controlbar-bottom-bg.gif) bottom no-repeat;}

ul.event-list li.work-request-approved {background: #1e3c54; color: #91A7B7;}
ul.event-list li.work-request-approved li {background: none; color: #fff;}
ul.event-list li.work-request-approved h2 {color: #fff;}
ul.event-list li.work-request-approved h4 {color: #fff;}
ul.event-list li.work-request-approved hr {border-color: #112535 #1e3c54 #4b6376 #1e3c54;}
ul.event-list li.work-request-approved div.content {padding: 15px; background: url(/static/media/images/event-item-top-blue-bg.gif) top no-repeat;}
ul.event-list li.work-request-approved div.controlbar {height: 5px; background: #eaeaea url(/static/media/images/event-item-bottom-bg.gif) bottom no-repeat; text-align: right;}
ul.event-list li.work-request-approved div.controlbar.loggedin {height: 32px; padding: 8px; background: #0c1d2b url(/static/media/images/event-item-controlbar-bottom-blue-bg.gif) bottom no-repeat;}
ul.event-list li.work-request-approved a {color: #9e8335; text-decoration: none;}
ul.event-list li.work-request-approved a:hover {color: #9e8335; text-decoration: underline;}

ul.event-list li div.event-item-message {color: #feffef; padding: 10px; float: left;}

ul.event-list li div.event-item-info {padding: 20px 0px 10px 0px; display: none;}



/* EVENT LIST CONTROL BAR BUTTONS */
li a.withdraw-work-request span,
li a.send-work-request span,
li a.event-info span {display: none;}

li a.withdraw-work-request { float: right; display: block; height: 32px; width: 177px; background-image: url(/static/media/images/form-button-withdraw-work-request.png);}
li a.send-work-request {float: right; display: block; height: 32px; width: 152px; background-image: url(/static/media/images/form-button-send-work-request.png);}
li a.event-info {float: right; display: block; height: 32px; width: 99px; background-image: url(/static/media/images/form-button-event-info.png); cursor: pointer;}

li.work-request-approved a.event-info {background-image: url(/static/media/images/form-button-event-info-blue.png);}

/* FORMS */
form {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
form .form-item {margin: 0px 0px 20px 0px;}
form .form-item span {display: block;}
input.text-input {padding: 9px 9px 9px 9px; margin: 0px 0px 5px 0px; width: 200px; background: #FFF url(/static/media/images/input-bg.jpg) repeat-x; border: 1px solid #61686a; font: 12px Helvetica; color: #0b1d2b;}
textarea {padding: 9px 9px 9px 9px; margin: 0px 0px 5px 0px; width: 500px; height: 200px; background: #FFF url(/static/media/images/input-bg.jpg) repeat-x; border: 1px solid #61686a; font: 12px Helvetica; color: #0b1d2b;}
input.text-input.clear-input {color: #999;}
input.submit-button.right {padding: 0px 0px 0px 0px; margin: 0px -1px 0px 0px; float: right;}
img.right {padding: 0px 0px 0px 0px; margin: 0px -1px 0px 0px; float: right;}
select {background: #FFF; padding: 5px; margin: 5px 0px 10px 0px; border: 1px solid #61686a; font: 12px Helvetica; color: #0b1d2b;}

/* LINKBAR */
ul.linkbar {padding: 0px 0px 0px 0px; margin: 6px 0px 0px 0px; width: 100%; height: 30px; list-style: none;}
ul.linkbar li {padding: 0px 12px 0px 0px; margin: 0px 7px 0px 0px; float: left; background: url(/static/media/images/linkbar-divider.jpg) no-repeat top right;}
ul.linkbar li.last {background-image: none;}
ul.linkbar a {color: #9e8335; text-decoration: none; font-size: 11px; text-transform: uppercase;}
ul.linkbar a:hover {color: #000; text-decoration: underline;}
a.linkbar-link {color: #9e8335; text-decoration: none; font-size: 11px; text-transform: uppercase;}
a.linkbar-link:hover {color: #000; text-decoration: underline;}
#user-profile a {color: #9e8335; text-decoration: none; font-size: 11px; text-transform: uppercase;}
#user-profile a:hover {color: #000; text-decoration: underline;}