/* 
    Document   : common
    Created on : May 30, 2010, 1:15:43 PM
    Author     : jlh
    Description:
        All shared styling for all pages
*/

body {
  margin: 0;
  padding: 0;
  background-color: #fbfbef; /* same as #content */
  font-size: 14px;
  /*font-family: "lucida grande",tahoma,verdana,arial,sans-serif;*/
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  height: 100%;
}

iframe {
  display: none;
}

/*-------------------------------------*\
            Page Header
\*-------------------------------------*/
#header {
  /* there needs to be some more spacing at the top, not much though */
  background-color: #abc2d7;
  height: 2.2em;
  padding: .31em .63em;
}

#header #cn_logo {
  height: 2em;
}

#header #user_bar {
	position: absolute;
	top: 0;
	right: 0;
	font-size: .8em;
	padding: 0;
	margin: 0;
  z-index: 1;
}

#header #user_bar #bar_cap {
	display: block;
	position: absolute;
	left: -40px;
	top: 0;
	bottom: 0;
	width: 40px;
	margin: 0;
	background: url('/img/bar_cap.png') no-repeat bottom left;
}

#header #user_bar #bar_content {
  display: inline-block;
	margin: 0;
	padding: 4px 10px 4px 10px;
	background-color: #ffffff;
  text-align: right;
}

#header #user_bar #bar_content #ver_spacer {
  display: inline-block;
  width: 1px;
  height: 1em;
}

#header #user_bar #bar_content #user {
  display: inline-block;
  margin-right: 5px;
  min-width: 8em;
  text-align: left;
}



/*-------------------------------------*\
            Navigation Bar
\*-------------------------------------*/
#nav {
  background-color: #6b92b5;
  white-space: nowrap; /* keep all of the menu items on the same line */
}

#nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  cursor: default;
}

#nav ul li {
  display: inline-block;
  position: relative;
  margin: 0;
  border-right: 1px solid #7f7f7f;
}

#nav a {
  display: block;
  padding: .38em .5em;
  min-width: 5em;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  color: #000000;
}

/* first element of the menu (buffer) */
#nav ul li.first { 
  cursor: default;
  min-width: 0;
  width: 15px;
}

#nav ul li.first:hover {
  background-color: #6b92b5;
}

/* Cancel out the ability to highlight the text in the buttons */
#nav ul li::selection {
  background: none;
}

#nav ul li::-moz-selection {
  background: none;
}

#nav ul li:hover {
  background-color: #959595;
}

#nav ul li.selected, #nav ul li.selected a {
  background-color: #123758;
  color: #ffffff;
}

#nav ul li.selected:hover { /* cancel out hover on selected item */
  background-color: #123758
}

/*-------- Sub Menus -----------*/

#nav ul li ul {
  display: none;
  position: absolute;
  z-index: 999;
  background-color: #959595;
  margin-top: -2px;
}

#nav ul li:hover ul {
  display: block;
}

#nav ul li ul li {
  margin: 0;
  border-bottom: 1px solid #7f7f7f;
  border-left: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
  cursor: pointer;
  width: 12em;
}

#nav ul li ul li:hover {
  background-color: #6b92b5;
}



/*-------------------------------------*\
            Content Body
\*-------------------------------------*/
#content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 4.7em;
  background-color: #fbfbef;
  padding: 10px;
}

.float_clear {
  clear: both;
}

.button {
  display: inline-block;
  margin: .05em .2em;
  border: 2px outset;
  padding: .05em .8em;
  background-color: #5a8dba;
  cursor: pointer;
  font-size: .9em;
  color: #ffffff;
}

.focus {
  color: #000000;
  background-color: #d9d9d9;
}

.button:active {
  border: 2px inset;
	background-color: #abc2d7;
}

.button::selection {
  background: none;
}

.button::-moz-selection {
  background: none;
}

.button_focus {
  width: 0px;
  height: 0px;
  position: absolute;
  z-index: -1;
}

.button_focus:focus + span.button {
  color: #000000;
  background-color: #d9d9d9;
}

.link { /* button that looks like a hyperlink */
  font-size: .95em;
  color: #0000ff;
  text-decoration: underline;
  cursor: pointer;
}

.link::selection {
  background: none;
}

.link::-moz-selection {
  background: none;
}

/* Login Screen \ Unauthorized Screen */
#ver_buffer {
  height: 40%;
}

#login_box {
  min-height: 14em;
  width: 50%;
  min-width: 30em;
  max-width: 35em;
  margin: -7em auto 0 auto;
  background-color: #adc2d7;
  padding: 15px;
  border-bottom: 1px solid #2f4e68;
	border-right: 1px solid #2f4e68;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  border-radius: 4px;
}

#login_box h2 {
  margin: .5em;
  color: #616161;
 	font-size: 1.2em;
  font-style: oblique;
  border-bottom: 1px solid #BDC7D8;
  padding-bottom: 5px;
}

#login_box #login_body {
  text-align: center;
  margin-bottom: 10px;
}

#login_box #login_body #login_message{
  display: none;
  text-align: left;
  color: #cb3939;
  background-color: #fffcdc;
  margin: 5px;
	border-bottom: 1px solid #726f50; 
	border-right: 1px solid #726f50;
	padding: 5px 10px;
}

.login_label {
	display: inline-block;
	width: 6em;
	font-size: 1.2em;
	text-align: right;
	margin-right: 5px;
}

.login_input {
	border: 1px solid #BDC7D8;
	padding: 3px;
	color: #7588a8;
	width: 15em;
}

.login_extra {
    margin: 5px 10px 5px 10px;
    background-color: #ffffff;;
    padding: 5px 10px 5px 10px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#unauthorized_message {
    text-align: center;
    color: #616161;
    font-size: 1.5em;
}

#waiting_overlay { /* invisible div that takes up 100% of the parent element and changes the cursor to the wait symbol (parent must be positioned) */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
  cursor: wait;
}

#dialog_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent url('/img/trans.png') repeat scroll left top;
  z-index: 200;
}

#dialog_buffer {
  height: 50%;
}

#dialog_box {
  margin: 0 auto 0 auto;
  width: 45em;
  height: auto;
  border: 1px solid #000000;
  background-color: #fbfbef;
  overflow: hidden;
  -moz-box-shadow: .3em .3em 1em #000000;
  -webkit-box-shadow: .3em .3em 1em #000000;
  box-shadow: .3em .3em 1em #000000;
}

#dialog_box #dialog_title, #search_dialog #dialog_title {
  background-color: #abc2d7;
  border-bottom: 2px solid #000000;
  padding: .62em;
  font-weight: 600;
  font-size: 1.1em;
}

#dialog_box #dialog_message {
  min-height: 4em;
  padding: .62em;
}

#dialog_box #dialog_button {
  text-align: center;
  padding: .62em .62em 1.5em .62em;
}

#dialog_box #dialog_input {
  width: 0;
  height: 0;
  position: absolute;
  left: -20px;
}

/* Search Dialog Rules */

#search_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent url('/img/trans.png') repeat scroll left top;
  z-index: 150;
}

.dialog_buffer {
  height: 50%;
}

#search_dialog {
  margin: 0 auto 0 auto;
  width: 55em;
  height: auto;
  border: 1px solid #000000;
  background-color: #fbfbef;
  overflow: hidden;
  -moz-box-shadow: .3em .3em 1em #000000;
  -webkit-box-shadow: .3em .3em 1em #000000;
  box-shadow: .3em .3em 1em #000000;
}

#search_dialog #dialog_body {
  padding: 1em;
}

#search_dialog #dialog_body label {
  margin: 0 .62em 0 2em;
}

#search_dialog #dialog_body input {
  width: 14em;
}

#search_dialog #dialog_body #results_header {
  border: 1px solid #000000;
  margin: 2em auto 0 auto;
  width: 50em;
  cursor: default;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.14, rgb(189,189,189)),
    color-stop(0.5, rgb(240,240,240)),
    color-stop(0.94, rgb(245,245,245))
  );
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(189,189,189) 14%,
    rgb(240,240,240) 50%,
    rgb(245,245,245) 94%
  );
}

#search_dialog #dialog_body #results_container {
  width: 50em;
  margin: 0 auto 2em auto;
  height: 20em;
  overflow: auto;
  border: 1px solid #000000;
  background-color: #ffffff;
}

#search_dialog #dialog_body .result {
  border-bottom: 1px solid #000000;
  cursor: pointer;
}

#search_dialog #dialog_body .result:hover {
  background-color: #e4f4ff;
}

#search_dialog #dialog_body .ticket {
  display: inline-block;
  width: 6em;
  padding-left: .5em;
}
#search_dialog #dialog_body .firstname {
  border-left: 1px solid #000000;
  display: inline-block;
  width: 8em;
  padding-left: .5em;
}
#search_dialog #dialog_body .lastname {
  border-left: 1px solid #000000;
  display: inline-block;
  width: 8em;
  padding-left: .5em;
}
#search_dialog #dialog_body .event {
  border-left: 1px solid #000000;
  display: inline-block;
  width: 12em;
  padding-left: .5em;
}
#search_dialog #dialog_body .category{
  border-left: 1px solid #000000;
  display: inline-block;
  width: 11em;
  padding-left: .5em;
}

#search_dialog #dialog_body #dialog_button {
  text-align: right;
  padding: 0 .62em 0 .62em;
}


/*
          New stuff that should stay (move it to the contestnet.css file)
*/

footer {
	height: 20px;
	padding: 20px;
}

button {
	border-radius: 4px;
	min-width: 80px;
	margin-left: 40px;
	background-color: #5a8dba;
	border: 1px solid #c4c4c4;
  color: #ffffff;
	padding: 5px;
	font-size: 1.1em;
}

button:active {
	background-color: #c4c4c4;
	color: #5a8dba;
}

button:hover {
	cursor: pointer;
}

/*
.button_focus {
  width: 0px;
  height: 0px;
  position: absolute;
  z-index: -1;
}
*/

.button_focus:focus + button {
  color: #000000;
  background-color: #d9d9d9;
}