/* -----------------------------------------------
Centrix Networks
Version: 3.1  
Date: 29 September 2008
Author: K Anderson
----------------------------------------------- */


/* -----------------------------------------------
               GLOBAL ELEMENTS
----------------------------------------------- */
body {
	color:#333333;
	text-align:center;
}
p {
	margin:1.2em 0;
	text-align: justify;
}
h1 {
     font-size:1.5em;
     color:#444444;
     margin:.5em 0;
     font-weight:bold;
     text-transform:uppercase;
}
h2 {
	font-size:1.5em;
	color:#444444;
	margin:.5em 0;
	font-weight:bold;
	text-transform:uppercase;
}
h3 {
	font-size:1.2em;
	color:#4C4C4C;
	margin:1.4em 0 0 0;
/*     margin:1.4em 0 -.6em 0; */
	font-weight:bold;
     text-transform:none;
}
h4 {
	font-size:1em;
	color:#4C4C4C;
	font-weight:bold;
     text-transform:none;
}
h5 {
	font-size:1em;
	color:#4C4C4C;
	padding-bottom:10px;
	font-weight:bold;
     text-transform:none;
}
hr {
	color:#e6e6e6;
}


/* -----------------------------------------------
               GLOBAL CLASSES
----------------------------------------------- */
.flt-left {
	float:left !important;
	position:relative;
}
.flt-right {
	float:right !important; 
	position:relative;
}
.gray {
     background-color: #e8e8e8;
}
.icon {
	float:left;
	margin:1px 0 0 0;
	border:0;
	background-image:url(/img/icons/tabs/icons.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:39px;
	width:50px;
}
.small_icon {
      float:left; 
      margin:-3px -20px !important;
}
.accented {
	color:#1E8F32;
	font-size:9px;
	font-weight:bold;
}
a:link { color:#1e8f32; text-decoration:none; }
a:visited { color:#1e8f32; text-decoration:none; }
a:active { color:#1e8f32; text-decoration:none; }
a:hover { color:#1e8f32; text-decoration:none; }
.spacer { margin:1.2em 0; }
.alpha_list {
      list-style-image:none;
      list-style-position:outside;
      list-style-type:upper-alpha;
}
.low_alpha_list {
      list-style-image:none;
      list-style-position:outside;
      list-style-type:lower-alpha;
}
.alpha_list li, .numbered_list li {
      display: list-item;
}

.loading_bar {
      position: absolute  !important; 
      top: 0pt; 
      left: 0pt; 
      width: 100%; 
      height: 100%;
}
.negate {
    font-weight:normal;
}

/* -----------------------------------------------
                   LAYOUT
----------------------------------------------- */
#container {
	position:relative;
	width:960px;
	margin:0 auto;
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:12px;
	line-height:normal;
	word-spacing:normal;
	letter-spacing:normal;
	text-decoration:none;
	text-transform:none;
	text-align:left;
	text-indent:0ex;
}
#header {
	margin:5px;
	width:100%;
}
#header h1 {
    position:absolute;
    width:333px;
    height:70px;
    left: 0px;
    position:relative;
    text-indent:-1000px;
    background-image: url(/img/logo.png);
}
#nav {
	margin:0 auto 15px;
	overflow:hidden;
	width:100%;
}
#page-body {
	width:960px;
}
#content {
	width:77%
}
#left-col {
	width:25%;
	color:#808080;
}
#center-col {
	width:75%;
}
#right-col {
	width:23%;
	color:#808080;
}
#footer {
	text-align:center;
	margin:25px 0 0 0;
	width:100%
}


/* -----------------------------------------------
                   TABBER
----------------------------------------------- */
.tabberlive .tabbertabhide { display:none; }
.tabbertab { width:100%; }
.tabberlive {
     width:100%;
     margin-top:1em;
}
ul.tabbernav {
     padding: 3px 0;
     border-bottom: 1px solid #0AA14D;
}
ul.tabbernav li {
     list-style: none;
     display: inline;
}
ul.tabbernav li a {
     padding: 3px 0.5em;
     margin-left: 3px;
     border: 1px solid #0AA14D;
     border-bottom: none;
     background: #0AA14D;
     text-decoration: none;
     color: #000;
}
ul.tabbernav li a:link { color: #FFF; }
ul.tabbernav li a:visited { color: #000; }
ul.tabbernav li a:hover {
     color: #000;
     background: #0DD162;
     border-color:  #0AA14D;
}
ul.tabbernav li.tabberactive a {
     color: #000;
     background-color: #fff;
     border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover {
     color: #000;
     background: white;
     border-bottom: 1px solid white;
}
.tabberlive .tabbertab {
     padding:5px;
     border:1px solid #0AA14D;
     border-top:0;
     width: 542px;
}
.tabberlive .tabbertab h2 {
     display:none;
}
.tabbertab h3 {
     font-size:1.5em;
     color:#444444;
     margin:.5em 0;
     padding:0 !important;
     font-weight:bold;
     text-transform:uppercase;
}

/* -----------------------------------------------
              ROUND CORNERS
----------------------------------------------- */
.top-left, .top-right, .bottom-left, .bottom-right { 
     background-image: url(/img/rounded_corner/corners1280x18.gif);
     height: 9px;
     font-size: 2px;
}
.top-left, .bottom-left { 
     margin-right: 9px;
}
.top-right, .bottom-right { 
     margin-left: 9px;
     margin-top: -9px;
}
.top-right {
     background-position: 100% 0;
}
.bottom-left  { 
     background-position: 0 -9px;
}
.bottom-right { 
     background-position: 100% -9px;
}
.notopgap { 
     margin-top: 0;
     background:transparent;
}
.nobottomgap { 
     margin-bottom: 0;
     background:transparent;
}


/* -----------------------------------------------
     Blendy Backgrounds by Matthew O'Neill
----------------------------------------------- */
.grad_white {
     position: absolute !important;
     height: 100%;
     left: 0px;
     top: 0px;
     width: 100%;
     z-index: 0 !important;
}
.box {
     border-left: 1px solid #e6e6e6;
     border-right: 1px solid #e6e6e6;
     position: relative;
     margin: 0px;
}
.box * {
     margin: 0px;
     background:transparent;
     position: relative;
     z-index: 2;
}
.grad * {
     background:transparent;
}


/* -----------------------------------------------
                    FORMS
----------------------------------------------- */
.input {
	width:100%;
}
.input label{
	display: block;
	width: 100%;
	padding:2px 0 0 0;
	font-size:10px;
	font-weight: bold;
}
.input input, .input textarea, .input select{
	background:#FFFFFF;
	border:1px solid #b3b3b3;
	margin:0 0 5px 0;
	padding: 3px 0 3px 0;
	width:100%;
}
fieldset label {
    display:inline;
    width:100%;

}
fieldset input {


}
.submit {
     width: 150px;
     height: 30px;
     padding: 10px 0 0 0;
}
.submit input{
     float: right;
	background:#FFFFFF;
	border:1px solid #b3b3b3;
	margin:5px 0 0 0;
      padding: 3px 0 3px 0;
      width: 74px;
}
.error-message {
	color:#000000;
	font-size:9px; 
	padding:0 0 5px 0;
	margin:3px 0;
}
.error input {
	margin:0;
	background:#FAFAD2;
}

/* -----------------------------------------------
 http://snook.ca/archives/cakephp/debug_styles/
----------------------------------------------- */
.cake-sql-log {
     position:fixed;
     top:99%;
     z-index:10;
     width:100%;
     background-color:#000;
     color:#FFF;
     border-collapse:collapse;
}

.cake-sql-log caption {
     background-color:#900;
     color:#FFF;    
}

.cake-sql-log:hover {
     top:auto;
     bottom:0;
}

.cake-sql-log td {
     padding:3px;
     border:1px solid #999;
     background-color:#EEE;
     color:#000;
}