/**
 *
 * Upload Elements
 *
 */

label { font-size: .9em; }
input,textarea { font-size: 1.1em; font-weight: normal; margin-bottom: 1em; }
textarea { font-size: 1.25em; }

.invalid {  }
input.invalid { border: 2px solid #600; margin-bottom:0; }
label.invalid { color: #600; margin: 0 0 1em 0; display: block; }

.valid {  }
input.valid {  }
label.valid {  }

tr.optional { display: none; }
tr.optional td label {  }
td {  }

/**
 *
 * Upload Classes
 *
 */
 
.focus { border: 2px solid #036; }
.focusLabel { font-weight:bold; }

/**
 *
 * Upload Objects
 *
 */

#wrapper { background: transparent url('../img/rpc_upload.jpg') no-repeat 0 1.75em; }

#uploadContainer { width: 500px; }

#uploadFile input { color: transparent; background-color: transparent; /*border: 0 solid transparent;*/ }

#uploadFile {  }
#uploadMulti {  }
#uploadProgress {  }
#uploadStatus { font-size: .9em; margin-bottom: 1em; }
#uploadInstruct { font-size: .9em; margin-top: .5em; }
#uploadControl {  }
#uploadTrigger {  }
#uploadList { margin: .5em 0; }
#uploadReset {  }
#uploadRemove {  }
#uploadComplete { margin-bottom: 1em; }
#uploadResponse {  }
#uploadManifest {  }
#uploadOptional {  }
#uploadMessage {  }
#uploadError { font-size: .9em; margin-top:1em; }


/* 
// Application Objects
*/

#wireframe { width: 90%; margin: 0 auto; padding: 1em; }

#header { color:#666; border-bottom: 3px solid #69c; }

#masthead {  }
#branding {  }
#tagline {  }
#contact {  }

#app { padding: 0 0; }

#menu, #navigate {  }
#menu { margin-top: 1em; }
#navigate {  }

#menu ul, #navigate ul { margin:0; padding:0; }
#menu ul li, #navigate ul li { margin: 0; padding: 0; /*display:block;*/ }

#menu ul {  }
#navigate ul { }

#menu ul li { text-align: left; color: #fc9; font-size: 2em; padding-bottom: 1em; }
#menu ul li a { font-size: .75em; }

#navigate ul li { text-align: center; float: right; list-style-type: none; display:block; border: 1px solid #036}

#wrapper { color: #036; margin-top:1px; border-top: 2px solid #036; width:auto; height:auto; }

#col-left, #col-right, #col-mid { height:400px; margin: 0; padding: 1em; }
#col-left, #col-right {  }

#col-mid { width: auto; padding-left: 2em; }
#col-left { width: 180px; min-width: 180px; padding-left: 2px; font-size: .85em; }
#col-right { width: 50px; }

#footer { color: #999; padding-top: 1em; font-size: .9em; text-align:center; border-top: 1px dotted #fc0; }

/* 
// Application Elements
*/

a { color: #636; }
a:hover { text-decoration: none; }

h1 { font-size: 1.25em; font-weight:normal; margin: 0 0 .25em 0; color: #69c; }
h2 { font-size: 1.25em; font-weight:normal; margin: .5em 0 .25em 0; color: #69c; }
h3 { font-size: 1em; margin: 0; }

h4, h5, h6 { font-size: .9em; }
 
p { margin: 0 0 .5em 0; }

ul,ol { list-style-position: inside; margin:.5em; }
ul { list-style-type: square; font-size: .9em; }
li {  margin-bottom: .25em; }

hr { margin-bottom: .5em; color: #ccc; background-color: #ccc; height: 1px; border: none; }

blockquote { margin: 1em 0; padding: 1em; border-width: 1px 0; }

dl {  }
dt {  }
dd {  }

fieldset {  }
legend {  }
label {  }

form {  }
input, textarea {  }

/* 
// Document Defaults
*/

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body, { font-size: 100%; }
body, textarea { font-family: Helvetica, sans-serif; }

a { outline: none; }
a img { border: none; }

table { border-collapse: collapse; }
td,th { vertical-align:top; margin:0; padding:0; }

/* 
// Layout Utilities
*/

.float-left { float: left; /*display:inline;*/ }
.float-right { float: right; /*display:inline;*/ }

.right { text-align: right; }
.clear { clear: both; }
.bold { font-weight: bold; }
.hide { display: none; }
.wide { width:100%; }

.xl { font-size: 1.5em; font-weight: normal; }
.xxl { font-size: 2em; font-weight: normal; }

/* 
// Print Settings
*/

@media print {
    /* Hide */
    .deink { display : none; }
    /* Format */
    body { color : black; background-color: white; }
    /* Try to show url location */
    a:link:after, a:visited:after { content: " (" attr(href) ") "; }
}