/*  SETTINGS SIMPLE 
    Forms and settings pages for first time installation
    and other simple forms and interfaces.

    BLUEPRINT CSS
    * Filename:        compressed.css
    * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
    * Website:         http://code.google.com/p/blueprintcss/
    
    Generated by:
    * Blueprint CSS Grid Generator (2009-03-20) [http://kematzy.com/blueprint-generator/]
    
    == STRUCTURE: ========================
     * Page width:            590 px
     * Number of columns:     12
     * Column width:          40 px
     * Margin width:          10 px
    ======================================
   
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;vertical-align:baseline;background: transparent;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* grid.css */
.container {width:590px;margin:0 auto;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {float:left;margin-right: 10px;}

div.last {margin-right:0;}
.span-1  { width: 40px;}
.span-2  { width: 90px;}
.span-3  { width: 140px;}
.span-4  { width: 190px;}
.span-5  { width: 240px;}
.span-6  { width: 290px;}
.span-7  { width: 340px;}
.span-8  { width: 390px;}
.span-9  { width: 440px;}
.span-10 { width: 490px;}
.span-11 { width: 540px;}
.span-12, div.span-12 { width: 590px; margin: 0; }

div.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder { padding-right:36px;margin-right:35px;border-right:1px solid #eee;}

.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* TSI SYSTEM OVERRIDES */
#main {
  background: transparent;
  border: none;
}

/* TSI SETTINGS LAYOUT */
html {
  margin: 0 auto;
  padding: 0;
  background: #eee;
}

body {
  margin: 0 auto;
  padding: 20px 0 0 0; 
  background: #eee;
  text-align: center;
}

#wrapper {
  background: #fff;
  width: 630px; 
  text-align: left; 
  margin: 0 auto 2em auto;
  padding: 20px 20px 0 20px;
  border: 4px solid #ccc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#settings-header {
  margin: 0 0 10px 0; 
  border-bottom: 2px solid #ddd;
  background: transparent;
}

#settings-header #tsi-logo {
  margin: 0;
  padding: 0; 
}

#settings-header #tsi-logo img {
  max-width: 400px;
}

#settings-header #help-button {
  float: right;
}

/* confirmation messages */
.confirm-message {
  margin: 1em 0;
  padding: .65em;    
  border: none;
  background: #eee;
}

/* forms */
label { 
  display: block;
}

.inline {
  display: inline;
}

label {
  padding-bottom: .25em;        
}

form input {
  padding: .05em .15em;
  margin: 0 !important;
}

fieldset {
  margin: 0 0 2px 0;
  padding: .65em;
  border: none;
  background: #f0f0f0;
}

fieldset#submit-buttons {
  margin-bottom: 0;
  padding: .65em 0 0 0;  
  background: none;
}

form .container {
  margin-bottom: 0 !important;
}

fieldset#submit-buttons * {
  display: inline;
}

#cancel {
  display: inline;
  background: transparent;
  border: none;
}

#advanced {
  text-align: right;
}

/* text */
/* base */
html {
	font-size:100%; /* 16px */
}

body {
  font-size: 0.75em; /* 16*0.75em=12px */
  font-family: "Lucida Grande", "Helvetica Neue", "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #0a0a0a;
}

table {font-size:inherit;font:100%;}

pre,code,kbd,samp,tt {
  font-family:monospace;
  *font-size:108%;
  line-height:100%;
}

/* scaled fonts  */
p, ul, ol, li { 
  font-size: 1em; /* 12px */ 
}

#body p, #body ul, #body ol, #body li, #body div { 
  margin: 0 0 1em 0; 
  line-height: 1.5em; /* 18px */ 
}

/* 36 */
.t36 { 
  font-size: 3em; /* 36px */ 
  line-height: 1em; /* 36px */ 
  margin-top: 0.5em; 
  margin-bottom: 0em; 
}

/* 32 */
.t32 { 
  font-size: 2.6667em; /* 32px */ 
  line-height: 1.125em; /* 36px */ 
  margin-top: 0.5625em; 
  margin-bottom: 0em; 
}

/* 28 */
.t28 h1 { 
  font-size: 2.3333em; /* 28px */ 
  line-height: 1.2857em; /* 36px */ 
  margin-top: 0.6429em; 
  margin-bottom: 0em; 
}

/* 24 */
.t24 { 
  font-size: 2em; /* 24px */ 
  line-height: 1.5em; /* 36px */ 
  margin-top: 0.75em; 
  margin-bottom: 0em; 
}

/* 21 */
.t21 { 
  font-size: 1.75em; /* 21px */ 
  line-height: 1.7143em; /* 36px */ 
  margin-top: 0.8571em; 
  margin-bottom: 0em; 
}

/* 18 */
.t18 { 
  font-size: 1.5em; /* 18px */ 
  line-height: 1em; /* 18px */ 
  margin-top: 1em; 
  margin-bottom: 0em; 
}

/* 16 */
.t16, h2 { 
  font-size: 1.3333em; /* 16px */ 
  line-height: 1.125em; /* 18px */ 
  margin-top: 1.125em; 
  margin-bottom: 0em; 
}

/* 14 */
.t14, h3 { 
  font-size: 1.1667em; /* 14px */ 
  line-height: 1.2857em; /* 18px */ 
  margin-top: 1.2857em; 
  margin-bottom: 0em; 
}

/* 11 */
.t11 { 
  font-size: 0.9167em; /* 11px */ 
  line-height: 1.6364em; /* 18px */ 
  margin-top: 1.6364em; 
  margin-bottom: 0em; 
}
  
/* 10 */
.t10 { 
  font-size: 0.8333em; /* 10px */ 
  line-height: 1.8em; /* 18px */ 
  margin-top: 1.8em; 
  margin-bottom: 0em; 
}

/* 9 */
.t9 { 
  font-size: 0.75em; /* 9px */ 
  line-height: 2em; /* 18px */ 
  margin-top: 2em; 
  margin-bottom: 0em; 
}  

/* base font overrides */
#body h1 {
  padding-bottom: .25em;
  margin-bottom: .5em;
  border-bottom: 1px solid #eee;        
}

h1#serverstate {
  color: #333;
}

#body h2 {
  margin-bottom: .5em;
}

/* links */
a,
a:hover, 
a:visited { 
  color: #336699;
}

/* forms */
fieldset#submit-buttons input[type="submit"],
fieldset#submit-buttons input.submit {
  font-size: 1em; 
  font-weight: bold;
}

#advanced a {
  color: #aaa;
  font-size: .86em;
}

/* tables */
table {
  width: 100%;
  border: none;
  background: #eee;
  padding: 3px;
}

table td {
  padding: 3px;
  border: 1px solid #eee;
}

table.file-table th {
  font-weight: bold;
  text-align: left;
  padding: 3px;
  color: #333;
}
table.file-table td {
  background: #fff;
}

.ServerSubText {
  background: #fafafa;
  font-weight: bold;
  text-style: normal;
  padding: .5em;
}

.ServerPlain {
  background: #fafafa;
  padding: .5em;
}

/* required fields */
.required {
  color: #f90;
}

/* inline error messages in forms */
.inline-error {
  color: #c00;
  margin: 0;
  padding: .25em .25em .25em 28px; 
  background: #ffc url(/images/proteus/icons/warning.png) 6px 6px no-repeat;
}

/* console messages */
#consoles {
  margin: 0 auto;
  text-align: center;
}
.console {
  border: 1px solid #ddd;
  margin: auto;
}

/* floats */
.left {
  float: left;
  margin-right: 10px;
}