/* Style Sheet: klQuizEditor.css
 *
 * Contains style declarations for: klQuizEditor.html
 *
 * Copyright © 2002 K&L Design Productions. All rights reserved. */
html
  { min-width:	     47em;
  }

body
  { font-family:     Arial,Helvetica,sans-serif;
    color:           #115;
    margin:          0px;
    padding:         0px;
	min-width:		 45em;
  }

a
  { text-decoration: none;
    color:           #33e;
  }

a:hover
  { text-decoration: underline;
  }

button
  { margin:          2px 5px;
    padding:         2px 15px;
    background:      #edf3ff;
    color:           #115;
    font-weight:     bold;
    border-color:    #33e;
	cursor: pointer;
	cursor:hand;
  }

input, textarea
  { color:           #115;
    margin:          2px 5px;
	padding:         2px 5px;
  }

*>input, *>textarea
  {
    border:          solid 1px #115;
  }
  
input:focus, textarea:focus
  { border:         inset 2px #88f;
	padding:       1px 4px;
  }

legend
  { font-weight:     bold;
	  font-size: 0.85em;
	border: solid #115 1px;
	background: #fff;
	padding: 0.1em 0.5em;
	margin: 0.5em 0px;
  }

label
  { display:         block;
    margin:          5px;
    vertical-align:  middle;
    cursor:          default;
  }

fieldset
  { padding:         4px;
    margin:          0.5em;
  }
  
*>fieldset
  {
	background:	   #edf3ff;
  }
  
fieldset fieldset
  { background: #fff;

  }

h1
  { margin: 10px 0px 0px 0px;
	border-top: solid #115 1px;
	border-bottom: solid #115 1px;
	height: 100px;
	font-size: 1px;
	color: #fff;
	background:      url("../images/klbannerbg.jpg") repeat-x;
	overflow: hidden;
  }
  
body>h1
  { overflow: visible;
  }
  
h1 a
  { position: absolute;
	width: 100px;
	height: 100px;
	padding-top: 200px;
	top: 5px;
	left: 20px;
	overflow: hidden;
  }
  
h1>a
  { float: left;
	display: block;
	margin-top: 5px;
	background: url("../images/kllogo.png") no-repeat;
	max-height: 100px;
  }


h1 div
  { margin: 0px;
	height: 100px;
	overflow: hidden;
	padding-top: 200px;
	background: url("../images/headerie.jpg") no-repeat 0px 0px;
  }

h1>div
  { margin: 10px 0px 0px 10px;
	height: 50px;
	overflow: hidden;
	padding-top: 100px;
	background: url("../images/klqblogo.png") no-repeat center top; 
  }


#tabs
  { display:		block;
	position: relative;
	top: 1px;
	margin: -1.5em 0px 0px 140px;
	padding: 0px;
  }

#tabs li
  { display: inline;
	list-style:	none;
	padding: 0.25em 0.75em;
	border: solid #115 1px;
	border-bottom: none;
	margin: 0px 0.25em;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
	color: #229
  }
  
#tabs li:hover
  { background:      #fff;
  }

#tabs li.active, #tabs li.active:hover
  { background:      #fff;
    color:           #115;
  }

.tabContent
  { position:        absolute;
    top:             112px;
    bottom:          20px;
    left:            0px;
    right:           0px;
    overflow:        auto;
    border-bottom:   solid #115 1px;
    background:      #fff;

  }

#initButtons
  { margin:          10px;
    text-align:      center;
  }

#browseFile
  { padding:         20px;
    text-align:      center;
    display:         none;
  }

#browseFile button
  { line-height:     100%;
  }

#quizOptions
  { display:         none;
  }

#SkipReview
  { margin-left:     3em;
  }
  
#questions, #cqdf, #results
  { overflow:        hidden;
  }

#qListEnvelope
  { position:        absolute;
    margin:          0px;
    padding:         0px;
	top: 0px;
	left: 0px;
	bottom: 31px;
    z-index:         10;
	width:			 200px;
	overflow:		 auto;
	background: url("../images/klmenubg.jpg") repeat-y top right;
  }

#qList
  { padding: 10px 0px ;
	margin: 0px;
	font-size: 0.8em;
	border-right: solid 1px #115;
	
  }
  
#qList a
  { display: block;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
	margin: 0.4em 0px 0.4em auto;
	border: solid #115 1px;
	border-right: none;
	text-decoration: none;
	background: #6899ff url("../images/menuitembg.jpg") repeat-y right;
	padding: 0.2em 0.5em ;
	overflow: hidden;
	width: 165px;
  }

#qList a:hover, #qList a.current
  { background: #fff;
    color: #115;

  }
  
#questionOptions
  { position:        absolute;
    overflow:        auto;
    top:             0px;
    bottom:          30px;
    left:            200px;
    right:           0px;
    padding:         10px;
    font-size:       .8em;
  }

.narrow
  { float:           left;
  }

#questionOptions label
  { display:         block;
  }

#questionOptions textarea
  { width:           95%;
  }

#answerList
  { clear:           both;
  }

#answerList legend
  { padding:         4px;
    cursor:          pointer;
    cursor:          hand;
  }

.currentAnswer legend
  { background:      #6899ff;
    color:           #fff;
    padding:         3px;
  }

#picLocation
  { display:         none;
  }

#questionControls,#dataControls, #resultsControls
  { position:        absolute;
    margin:          0px;
    padding:         0px;
    bottom:          0px;
    height:          30px;
    left:            0px;
    right:           0px;
    border-top:      solid #115 1px;
    background:      #6899ff;
    text-align:      center;
  }

#questionControls button, #dataControls button, #resultsControls button
  { font-size:       9px;
	font-weight:     normal;
    margin:          4px;
    padding:         0px;
  }

#questionControls>button, #dataControls>button, #resultsControls>button
  { font-size:       70%;
    margin:          4px;
	font-weight: bold;
    padding:         1px 5px;
  }

#test
  { background:      #6899ff;
  }

#quizData
  { position:        absolute;
    top:             40px;
    left:            10px;
    right:           20px;
    bottom:          50px;
  }

#urRadio label
  { float: left;	  
  }
  
#urRadio hr
  { clear: left;
  }

#resultsData
  { position:        absolute;
    overflow:        auto;
    top:             0px;
    bottom:          30px;
    left:            0px;
    right:           0px;
    padding:         0px;
    font-size:       90%;
  }

#resultsData label
  { display:         block;
  }

#resultsData textarea
  { width:           95%;
  }

#resultsData legend
  { padding:         4px;
    cursor:          pointer;
    cursor:          hand;
  }
.currentResult legend
  { background:      #33e;
    color:           #fff;
  }


#footer
  { position:        absolute;
    margin:          0px;
    padding:         0px;
    bottom:          0px;
    height:          20px;
    left:            0px;
    right:           0px;
    background:      #365288;
    color:           #fff
  }

#statusBar
  { margin:          0px;
    padding:         2px 10px;
  }

#statusBar p
  { margin:          0px;
    padding:         0px;
    font-size:       80%;
  }

.error
  { font-weight:     bold;
  }

#help h2
  { text-align: center;
    margin: 1em 3em;
  }

#help h3
  { margin: 0.5em 0.5em 0.5em 3em;
  }

#help
  { padding: 0px;
  }

#help dt
  { font-weight: bold;
    margin: 0.5em 2em 0em 2.5em;
  }

#help dl
  { margin-bottom: 1em;
	  
  }

#helpfooter
  { font-size: 80%;
    text-align: center;
    margin: 6em 2em;
    padding-bottom: 6em;
  }

#help p, #help dd
  { text-align: justify;
    line-height: 1.3em;
    padding: 0.25em 2em;
  }
  
.pseudocodes dt
  { font-size: 0.85em;
  }

#helpfooter p
  { text-align: center;
    padding: 0.5em;
  }