/* Basic HTML */
/* Element styling */
body {
    background:#FFFFFF; 
    color:#222222;
    font-family:arial,sans;
}
em {
    color:#111111;
}
strong {
    color:#111111;
}
textarea, input, select {
    font-family:arial,sans;
    font-size:1em;
}

label {
    font-weight: bold;
}

a, a:visited {
    color: #2358a1;
    text-decoration:none;
}
a:hover {
    color: #044db1;
    text-decoration:underline;
}
img {
    border:0 none;
    vertical-align: middle;
}
a img {
    border:0 none;
}
table {
    border:medium none;
    border-collapse:collapse;
}
th {
    background:#99c5e2 none repeat scroll 0 0;
    border:1px solid #CCCCCC;
    color:#333333;
    text-align:center;
    padding:4px;
    font-weight: bold;
}
td {
    border:1px solid #CCCCCC;
    padding:4px;
    vertical-align:top;
}
tr.alt {
    background-color:#F3F3F3;
}

h1, h2, h3, h4, h5, h6 {
    color:#12253b;
    font-family:arial,sans;
    font-weight:normal;
}

/* layout */
#header{
    font-family: georgia, times;
    background:#FFFFFF;
}

#header_title h1 {
    font-family: georgia, times;
    font-size: 3.2em;
    margin-bottom: 8px;
    display: inline;
}

#tagline {
    font-style: italic;
}

#menu {
    padding: 4px 0px 4px 0px;
    border-bottom: 1px dotted #CCCCCC;
    font-size: 1.2em;
}

#session{
    float: right;
    font-size: 0.8em;
}

#session form {
    display: inline;
}

#container {
    background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	text-align: left;
    padding: 0px 16px 0px 16px;
    font-size:86%;
}

#content {
    padding-bottom:4px;
}

#footer {
	color: #666;
	font-size: 0.9em;
	text-align: center;
    padding: 10px;
	margin-top: 10px;
    border-top: 1px dotted #CCCCCC;
}

/* Bespin */
.bespin { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    height: 300px; 
    border: 10px solid #ddd; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
}

/* Search */
#search_area {
    margin-top: 3em;
    text-align: center;
}

#search_area form {
    font-size: 1.6em;
    margin-left: auto;
    margin-right: auto;
}

#search_help {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    border: 1px dotted #CCC;
    background: #EEE;
    font-size: 0.8em;
}

#search_help code {
    font-size: 1em;
}

/* jqModal base Styling courtesy of; 
   Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is
   supplied, the Window's z-index value will be set to 3000 by default (in jqModal.js).
*/
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { 
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select>
 * form elements, etc.) */
* iframe.jqm {
    position:absolute;top:0;left:0;z-index:-1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6 Star selector used to hide definition 
   from browsers other than IE6 For valid CSS, use a conditional include 
   instead */
* html .jqmWindow {
    position: absolute; 
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* Codemirror code editor style information */
.CodeMirror-line-numbers {
    width: 2.2em;
    color: #aaa;
    background-color: #eee;
    text-align: right;
    padding-right: .3em;
    font-size: 10pt;
    font-family: monospace;
    padding-top: .4em;
}

