@import url(addEvent.css.php);
@import url(viewTypeFilter.css.php);

hr {
  height: 1px;
  color: #ccc;
  background: #ccc;
  border-style: solid;
  border-bottom: 0;
  margin: 0; padding: 0;
}

body, html {
  color: #000000;
  background-color: rgb(250,210,210);
  background-color: white;
  margin: 0;
  height: 100%;
}

a:link {
  color: #3366CC;
  text-decoration: none;
}

a:visited { 
  color: #3366CC;
  text-decoration: none;
}

a:hover {  
  color: #3366CC;
  text-decoration: underline;
}

a:active {
  color: #3366CC;
  text-decoration: none;
}

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16pt;
  font-style: normal;
  font-weight: normal;
  color : #0031CE;
}

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13pt;
  font-style: normal;
  font-weight: normal;
  color : #0031CE;
  font-variant : normal;
  margin-bottom: 0; /* this is a temporary fix because IE 
                       put too much margin on h2's wrapped in a td. */
}

h5 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: bold;
  color : #EEEEEE;
  font-variant : normal;
}

h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-style: normal;
  font-weight: bold;
  color : #0031CE;
}


h4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-style: normal;
  font-weight: bold;
  color : #000000;
}

/* used for section headings in addevent*/
h4.section {
  margin: 12px 0 12px;
}

h2.section {
  border-bottom: 1px solid #ccc;
}

.dayView {
  line-height: 14pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  color : #FFFFFF;
}


table {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
}

table.boxBorder { 
  background-color: #ffffff; 
  border: 1px #222222 solid; 
}

table.login {
  background-image: url('/sundial/images/sundial_background.gif');
  background-position: center center;
  background-repeat: no-repeat; 
}

td.displayDates {   

  background-image: url('/sundial/images/swoosh_bg.gif');             
  background-position: right center; 
  background-repeat: no-repeat;
}


td.divider {
  color: #000000; 
  background-color: #000000; 
  height: 1px;
}

td.calendar, td.calendar a, td.calendar-today, td.calendar-today a {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-style: normal; 
  font-weight: normal;
  font-size: 8pt;
  text-decoration: none;
}

td.calendar, td.calendar-today {
  color: #bbb;
}

td.calendar a:link {
}

/* ---- classes for alternating rows  ----*/
.row-even {
  background-color: #fff;
}

.row-odd {
  background-color: #ffd;
}

.row-inactive {
  background-color: #ccccee;
}

/* ---- end  ---- --*/

/* for the overflow containers */
div.container {
  /* this overflow is the magic we all love */
  overflow: auto; 
  /*    width: 100%;*/
  border: 1px solid black;
  border-width: 1px;
}

table.icon-legend {
  border: 1px solid black;
  background: #ffffdd; 
} 

.warning {
  background: red;
  color: white;
  padding: 1px 2px;
  font-weight: bold;
}

.success {
  background: rgb(0, 100, 50);
  color: white;
  padding: 1px 2px;
  font-weight: bold;	 
}

p.confirmMsg {
  background: green;
  color: white;
  padding: 1px 2px;
  font-weight: bold;
}

/* highlight */
tr.selected, 
tr.row-odd.selected, 
tr.row-even.selected,
tr.disabled_child.selected {
  background: #c0dfff !important;
}

/*  Trying not to need to write border="0" in the img tags anymore */
a img {
  border: 0;
}

/* ====== sundial documentation styles ==========*/

table.documentation {
  background-color: #ffffff;
  border: 1px #222222 solid; 
}

table.documentation th, th.documentation { 
  color: #FFFFCC; 
  font-size: 11px;
  background-color: #006699; 
  font-family: verdana, arial, sans-serif, helvetica;
  font-weight: bold;
  text-align: left;
  padding: 2px;
  height: 38px; 
  background-image: url('images/documentationTH.gif');
}

th.documentation a {
  color: #ffffcc;
}

td.documentation-t-section {
  color: #000000;
  font-size: 11px; 
  font-weight : bold;
  background-color: #CCCCCC; 
  font-family: verdana, arial, sans-serif, helvetica;
  font-weight: bold;
  text-align: left;
  padding: 2px;

  height: 25px; 
  background-image: url('images/documentationTSection.gif');
}

td.documentation-t-divider {
  background-color: #CCCCCC;
  height: 1px;
  padding: 0px;
}


.documentation-row-odd  {
  color: #000000; font-size: 11px;
  background-color: #FFFFFF; 
  font-family: verdana, arial, sans-serif, helvetica;
  font-weight: normal;
  text-align: left;
  padding: 2px;
}

.documentation-row-even  {
  color: #000000; font-size: 11px;
  background-color: #FFFFEE; 
  font-family: verdana, arial, sans-serif, helvetica;
  font-weight: normal;
  text-align: left;
  padding: 2px;
}

abbr, acronym, span.abbr {
  cursor: help;
  border-bottom: 1px dotted #000;
}

/* ====== end documentation styles ==========*/

div.nicetitle {
  position: fixed;
  /*  float: left;*/
  padding: 4px;
  top: 0px;
  left: 0px;
  font-size: 13px;
  z-index: 20;
  /*  width: 25em; */
  background: #FFFFEE;
  color: black;
  border: 1px solid black;
  min-width: 80px;
  width: auto;
  height: auto;
  -moz-border-radius: 5px;
  -moz-opacity: 0.9;
}
div.nicetitle p {
  margin: 0;
  padding: 0 3px;
}

div.nicetitle p.destination {
    font-size: 9px;
    padding-top: 3px;
	text-align: left;
	-moz-opacity: 1;
}

div.nicetitle p span.accesskey {
	color: #d17e62;
}

div#content-temp {
  padding: 0px 5% 20px;
}

div#content-temp h2 {
  margin-top:0;
}

/*-------------------------------*/

/*------- quick nav buttons  ---------*/

div#quickNavButtons {
  float:  left;
  margin-bottom: 10px;
  width: 95%;  /* set for safari */
}

div#quickNavButtons.mini {
  padding-right: 20px;
}

div#quickNavButtons a {
  margin: 2px 1px;
}

div.divider {
  clear: both;
}

span.modeSwitch {
  display: block;
  margin-top: 1.3em;
  color: black;
}

span.modeSwitch span.currentMode { 
  font-size: larger;
  padding-top: 10px;
}

/*-------- end quick nav  -------------*/

/*-------- to sort later:  -------------*/

*.user-warning {
  margin-top: 1ex;
	margin-left: auto;
	margin-right: auto;
  padding: 1ex 1em; 
  width: 70%;

  font-family: serif;
  font-size: 10pt;

  background: #FFDDDD;
  border: 1px solid #FFAACC; 

}

*.feedback-msg {
  margin-top: 1ex;
  padding: 1ex 1em; 

  font-family: serif;
  font-size: 11pt;
  /*  font-style: italic;*/
  width: 70%;

  background: #ffccaa;
  border: 1px dashed black; 

}

div.content {
 padding: 10px;
}

/* ---------------------- SUNDIAL LOGIN --------------------- */

h1.sundialLogin {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-align: right;
  color: #6f6f6f;
  padding-bottom: 5px;
  border-bottom: 1px solid #999999;
  margin-bottom: 0px;
}

div#sundialLogin {
  position: relative;
  width: 400px;

  clear: both;
  padding: 5px 5px 5px 5px;

  margin-top: 15%;
  margin-bottom: auto;
  margin-right: auto;
  margin-left: auto;

  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;

  background: #fefaaf;
  border: 1px solid #888;
}

/* --------- For the Pool add/drop queues --------- */
table.newList { 
  width: 400px;
}

table.newList td {
  padding-right: 5px;
}
.newList td.action {
  width: 50px;
}

.newList tr.add {
  background: rgb(200,255,200);
}
.newList tr.add td.action {
  color: green;
}

.newList tr.remove {
  background: rgb(255,200,200);
}

.newList tr.remove td.action {
  color: red;
}

.newList td.action {
  width: 50px;
}

/* Styles for the dynamic queueing of types,sites,pops */

table.newList td.button {
  text-align: right;
}

td.button a.removeButton {
  margin-left: 2px;
  padding: 0 2px;

  text-decoration: none;
}

td.button a.removeButton:link {
  background-color: #aaa;
  color: #eee;
}

td.button a.removeButton:hover {
  background-color: gray;
  color: white;
}

td.button a.removeButton:active {
  background-color: white;
  border-color: white;
  color: gray;
}

/* Styles for Login Page */

div#loginBadge { 
  width: 235px;
  margin: 10px;
  padding: 10px 20px 10px;

  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;

  background: #fefaaf;
  border: 1px solid #888;

  font-size: 15px;
}

div#loginBadge.wind div#loginLocal,
div#loginBadge.local div#loginWind { 
  display: none;
}

div#loginBadge h2 { 
  margin: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #888888;
}

div#loginBadge p { 
  margin-bottom: 10px;
  padding-left: 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #888888;
}

div#loginBadge a.loginButton { 
  float: right;
  margin: 10px 15px 0 5px;
}

div#loginBadge a.changeButton { 
}

input.quietText {
	border: none;
	width: 120px;
	padding: 0 0.25em;
	border-bottom: 1px dotted #ccc;
}

input.quietText.rejected {
	color: rgb(200,0,0);
	border-bottom: 2px dotted rgb(200,0,0);
}

tr.deleted-field td, tr.deleted-field td input {
	background: rgb(255,230,230);
	font-style: italic;
}

tr.deleted-field td#defaultLabel {
	background: none;
	font-style: normal;
}

tr.created-field td, tr.created-field td input {
	background: rgb(230,255,230);
}