/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* Sane Generic CSS typography */
* {font-family: verdana, arial, helvetica, sans-serif}

html {background: inherit}
body {
  font-size: 76%;
  color: black;
  background-color: white;
  margin: 0em;
  padding: 0em;
}

p, ol, ul, li {font-size: 1em; line-height: 1.8em;}

h1, h2, h3, h4, h5, h6, p {margin: 1.2em 0em 1.2em 0em;}
h1, h2, h3 {font-weight: normal;}
h4, h5, h6 {font-weight: bold;}
h1 {font-size: 2em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.8em;}

image {border: 0em;}

ol, ul, li {margin: 0.2em 0em 0.1em;}
ol {list-style-type: decimal;}
ul {list-style-type: disc;}
ol, ul {padding-left: 1em;}
dd {margin-top: 0.25em;margin-left: 2em;margin-bottom: 1em;}
li > p {margin-top: 0.2em;}

pre {font-family: monospace;font-size: 1.0em;}
strong, b {font-weight: bold;}

fieldset {border: 1px solid black; padding: 1em;}
fieldset legend {margin: 0em 0.5em; padding: 0em 0.5em; font-size: 1.2em}

/* Give Flash messages and error displays a sane look */
.flash div {
  margin: 1em;
  padding: 1em;
  border: 1px solid black;
  font-size: 1.2em;
}
.flash li { list-style-type: none; }
#notice div { background-color: #ccff66; }
#message div { background-color: #cccc66; }
#warning div, #error div { background-color: #cd5c5c; }



#progress-mask {
  position: absolute;
  top: 0em;
  left: 0em;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
  filter: Alpha(opacity=70);
}

#progress-box {
  position: absolute;
  top: 2em;
  left: 15%;
  width: 70%;
  height: 10em;
  background-color: white;
  border: medium solid black;
}

#progress-bar {
  position: absolute;
  top: 2em;
  left: 0em;
  height: 6em;
  width: 0%;
  background-color: green;
  border: thin solid black;
}

#progress-label {
  position: absolute;
  top: 0em
  left: 0em;
  width: 100%;
  text-align: center;
  font-size: 1.5em;
}

#progress-status {
  position: absolute;
  bottom: 0em;
  left: 0em;
  width: 100%;
  text-align: center;
  font-size: 1.2em;
}


img { behavior: url(/stylesheets/iepngfix.htc); }

/* Basic layout and colors */
html, body {background: inherit}
body {height: 100%;}
h1 {
  width: 32em; /* Always half of total #display-area (width, margin, border, padding) */
  margin: 3em auto;
  border: 1px solid white; /* To prevent margin collapse */
}
h1 img {display: block;}
a {text-decoration: none;}
a:visited {color: blue}
a img.icon {vertical-align: top; margin-bottom: 0.25em}
.clear {visibility: hidden; clear: both}
#display-area {
  width: 62em;
  padding: 0em 1em 1em;
  margin: 1em auto;
  border-bottom: 1em solid #B8B8B8;
}
#misc-actions {position: absolute; top: 1em; right: 0em}
#misc-actions a, #misc-actions a:visited {
  font-size: 1.5em;
  color: black;
  line-height: 1.5em;
  padding: 0.75em;
}
#misc-actions a:hover {color: white; background-color: black;}
#footer {text-align: center}
#footer li {display: inline; padding: 0em 2em}
#footer #email-contact {margin: 1em 0em}

/* Form style */
form div, form fieldset {
  position: relative;
  margin: 1em 0em;
}
form fieldset {width: 15em; left: 10em}
form div div {position: static; margin: 0em;}
form input.text, form textarea, form select, form .input {
  position: relative;
  left: 10em;
}
form textarea {height: 5em}
form label, form small.example {
  position: absolute;
  top: 0em; left: 0em;
  width: 10em;
}
form small.example {top: 2em; color: green; font-size: 0.65em; width: 15em}
form .flag label {left: 2em}
form .input input.text, form .input textarea, form .input select, form .input label {
  position: static
}
form input.checkbox {vertical-align: middle}

/* Autocomplete style */
div.auto_complete {
  width: 350px;
  background: #fff;
  z-index: 10000;
}
div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}
div.auto_complete ul li {
  margin:0;
  padding:3px;
}
div.auto_complete ul li.selected {
  background-color: #ffb;
}
div.auto_complete ul strong.highlight {
  color: #800; 
  margin:0;
  padding:0;
}

/* Page Specific stuff */
.profiles-new a {margin: 0em 1em}
.sessions-new #other-actions {margin: 1em 0em 0em}
.sessions-new .button-to, .sessions-new .button-to div {display: inline}
#remember-me {position: relative; left: 10em}
#remember-me label, .passwords-new form input {position: static}

#actions {float: right; text-align: right;}

.cases-index fieldset {clear: both}
.case-actions {float: right;}
.case-actions a {text-decoration: none; display: block}
.case-details {background-color: #DCDCDC; width: 45em}

#uploaded_data-input object {vertical-align: middle}
.evidences-show h2 {margin-bottom: 0em}
.evidences-show h3 {clear: both}
#share-list img {vertical-align: middle}
#evidence-preview {float: right; text-align: center}
#evidence-preview a {display: block;}
.evidence_keys-new #email {width: 40em}
#email-input {z-index: 1000}

#activity-log {border: 1px solid black}
#activity-log th, #activity-log td {padding: 0.25em 0.5em}
#activity-log td {vertical-align: top}
#activity-log tr {border-bottom: 1px solid black}
#activity-log thead {background-color: black; color: white}
#activity-log p {margin: 0em}