/* --- 

    CSS Reset 

----------------------------------------------------------------------------- */

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
}

table { 
	border-collapse: separate; 
	border-spacing: 0
}

caption,th,td { 
	text-align:left; 
	font-weight:normal
}

table,td,th { 
	vertical-align:middle
}

a img { 
	border:none
}

body { 
	font-size: 12px; 
	color: #222; 
	background: #fff; 
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
	height: 100%
}

h1,h2,h3,h4,h5,h6 { 
	font-weight: normal; 
	color: #111; 
	background: none; 
	margin: 0; 
	padding: 0
}

h1 { 
	font-size: 26px
}

h2 { 
	font-size: 22px
}

h3 { 
	font-size: 18px
}

h4 { 
	font-size: 12px; 
	font-weight: bold; 
	margin-bottom: 16px
}

h5 { 
	font-size: 12px; 
	font-weight: bold
}

/* clear fix*/

div.clear {clear: both;}


/* Tables
----------------------------------------------------------------------------- */


table {
	margin-bottom: 16px
}

th {
	font-weight: bold
}

caption {
	background: #eee
}


/* --- 

	forms and datagrids
    
----------------------------------------------------------------------------- */


.datagrid td,
.datagrid th { 
	margin: 0; 
	padding: 10px; 
	text-align: left
}

.formula .custom a,
.formula .right a {
    padding: 0 20px;
    color: #666;
    border: 0;
    background: transparent;
}

.formula .right {float: right}

.formula a.add {
    background: transparent url('/images/add.png') center left no-repeat;
}

.formula a.edit {
    background: transparent url('/images/edit.png') center left no-repeat;
}

.formula a.remove {
    background: transparent url('/images/remove.png') center left no-repeat;
}

.formula fieldset {
    margin-top: 20px;
    padding-left: 20px;
    border-top: 1px dashed #bbb;
    width: 65%
}

.formula fieldset legend {
    font-size: 18px;
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px
}

.formula .required:after { 
	content: ' *'; 
	font-size: 20px; 
	display: inline; 
	color: #AF4C4C
}

.formula th,
.formula td {
	padding: 4px 0
}

.formula th { 
	padding-left: 5px;
	padding-right:15px
}


.formula button,
.buttons button,
button.big,
button.red,
button.green,
button.back, 
.notice button {
       background: #fff url('/images/highlight.png') 50% 50% repeat;
       border:0;
       margin:0 6px;
       padding:4px 10px;
       color:#666;
       font-weight:bold;
       border-radius:4px;
       -moz-border-radius:14px;
       -webkit-border-radius:14px;
       border: 1px solid #999;
       -moz-box-shadow: 0 0 1px 1px #ccc;
       -webkit-box-shadow: 0 0 2px 1px #ccc;
       text-shadow: 0 1px 0 #fff;
       cursor: pointer
}

.formula button:hover,
.buttons button:hover,
button.big:hover,
.notice button:hover {
       background-color: #eee;
}

.formula button:focus,
.buttons button:focus,
button.big:focus,
button.red:focus,
button.green:focus {
       background-color:#08C;
       color: #eee;
       text-shadow: 0 -1px 0 #000;
}

button.big {
	font-size:14px;
	font-weight:700;
	margin:5px
}

button.more {
        background: url('/images/highlight.png'), url("/images/button-more.png") 5px 50% no-repeat;
        background-color: #fff;        
        padding-left: 20px;
}

button.message {
        background: url('/images/highlight.png'), url("/images/button-message.png") 5px 50% no-repeat;
        background-color: #fff;        
        padding-left: 20px;
}

button.remove {
        background: url('/images/highlight.png'), url("/images/button-remove.png") 5px 50% no-repeat;
        background-color: #fff;        
        padding-left: 20px;
}

button.save {
        background: url('/images/highlight.png'), url("/images/button-save.png") 5px 50% no-repeat;
        background-color: #fff;        
        padding-left: 20px;
}

button.cancel {
        background: url('/images/highlight.png'), url("/images/button-cancel.png") 5px 50% no-repeat;
        background-color: #fff;        
        padding-left: 20px;
}

button.reduce {
        background: url('/images/highlight.png'), url("/images/button-reduce.png") 5px 50% no-repeat;
        background-color: #fff;        
        padding-left: 20px;
}

button.red {
        background-color: #f91a1a;
        color: #eee;
        text-shadow: 0 -1px 0 #000;
}

button.back {
	background-color: #3b3b3b;
	color: white;
	text-shadow: 0 -1px #000
}

button.red:hover {
        background-color: #de1c1c	
}

button.green {
        background-color: #43d543;
        color: #eee;
        text-shadow: 0 -1px 0 #000;	
}

button.green:hover {
        background-color: #26ff26	
}

.formula input,
.formula textarea,
.formula select { 
	color:#676767; 
	padding:6px; 
	margin:1px; 
	border:1px solid #C9C9C9;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.formula select {
        padding: 3px;
        background: white
}

.formula input { 
	width:430px
}

.formula input,
.formula textarea {
	background: #f6f6f6;
}

.formula input:focus,
.formula textarea:focus { 
	border:1px solid #08C;
	background: #fff
}

.formula textarea { 
	min-height:100px;
	width:430px
}

.lightbox .formula textarea,
.lightbox .formula input {
	width: 280px
}

.formula .buttons { 
	padding:6px; 
	text-align:center
}

.formula div.errors,
.formula ul.errors li { 
	padding:6px; 
	color:#c82929; 
	font-weight:bold; 
	list-style-type:none
}

.formula div.errors:before,
.formula .errors li:before { 
	content:'\00BB \0020'
}

.formula .errors li { 
	margin-left:10px
}

.formula .comment { 
	background-color:#FFF6A9; 
	color:#3B3B3B
}

.lightbox .buttons .back:hover {
	color: #3b3b3b;
	text-shadow: 0 -1px #fff
}

/********************/
/* datagrids        */
/********************/


.datagrid table {    
	width: 100%;    
	cellpadding: 0;    
	border-collapse: collapse;
}

.datagrid tbody {
	border:1px solid #ccc
}

.datagrid thead,
.datagrid tfoot {    
	background:#ececec;
	background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#cccccc));
	background: -moz-linear-gradient(top, #ececec, #cccccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ececec", endColorstr="#ececec");    
	color: #464646;    
	border:1px solid #ccc
}

.datagrid thead th {    
	font-weight:bold;    
	padding:9px;    
	text-shadow:0 1px 0 #fff
}

.datagrid th,
.datagrid td {    
	padding: 8px
}

.datagrid td span.money {
    width: 100%; text-align: right; display: block; 
}

.datagrid tfoot td {
	padding: 0;
}

.datagrid tr.even td {
	background: #f4eae2
}

.datagrid td a {    
	text-decoration: none
}

.datagrid td a:hover {
	text-decoration: none;
	color: #ff0000
}

.datagrid thead a,
.datagrid thead a:hover {    
	color:#fcfcfc;    
	text-decoration:underline;    
	font-weight:bold
}

.datagrid thead th.ascending:after {    
	margin-left:5px;    
	content:url('/images/arrow_down.png')
}

.datagrid thead th.descending:after {    
	margin-left:5px;   
	content:url('/images/arrow_up.png')
}

.datagrid tbody td { 
	background:#fafafa
}


/* Notifications */

.notice_box {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
    height: 50px;
    background: transparent url('/images/shadow_notice.png') repeat-x 0 40px
}

.notice {
    height: 20px;
    background: #fceba1 url('/images/apply.png') 12px 8px no-repeat;
    width: 100%;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    font-family: helvetica,arial,sans;
    border-bottom: 1px solid #999;
}

.notice.error {
    background-color: #ffb7b7;
    background-image: url('/images/error.png')
}

.notice.warning {
    background-color: #ffd683;
    background-image: url('/images/warning.png')
}

.notice_push {
    height: 40px;
    width: 100%;
    position: relative;
    
}

.notice .left {
    float: left;
    display: inline;
    padding-left: 40px;
}

.notice .right {
    float: right;
    display: inline;
    padding-right: 10px;
}

.notice form {display: inline; padding: 5px}
.notice button {padding: 3px}
.notice a img {margin-bottom: -2px}