body {
	margin: 0;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background:#fbfbfb url('../images/page-bg.gif') repeat-x;
}
p, h1, h2, h3, h4, h5, h6, ul, li {
	margin: 0;
	padding: 0;
}
.l, .logo, #banner-home .bannerHome .bannerL, .boxContainer{
	float: left;
}
.boxContainer.grey{
	opacity:0.3;
}
div.logo{position:relative;top:-10px;}
.r, #banner-home .bannerHome .bannerR, .noMargin {
	float: right;
}
.clr {
	clear: both;
	line-height: 0px;
	height: 0px;
	font-size: 0px;
}
#header {
	background: url('../images/cnt-top-img.jpg') no-repeat;
	padding: 20px 0 0;
}
.menu ul {
	float: right;
	padding: 39px 0;
}
.menu ul li {
	display: inline;
	list-style: none;
	padding-left: 30px;
}
.menu ul li a {
	color: #666;
	font: 18px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.noMargin {
	width: 226px;
	margin: 0;
}
.noMargin a.grayBtn {
	display: block;
	background: url(../images/button-gray.jpg) no-repeat;
	padding: 12px 0;
	width: 226px;
	text-align: center;
	font: 22px "Trebuchet MS";
	color: #ce1040;
	text-decoration: none;
	margin-bottom: 2px;
}
.footerTxt {
	border-top: 1px solid #ccc;
	padding: 20px 0;
	color: #999;
	line-height: 18px;
}
.footerTxt a {
	color: #ce1242;
}
/* Features */
#banner-features {
	background: #c5001f url(../images/features-banner-bg.png) top left repeat-x;
	display:table;
	width:100%;
	height: 57px;
}
#banner-features .bannerFeatures h2 {
	color: #fff;
	font: 30px Arial, Helvetica, sans-serif;
	padding-top: 8px;
}

.stretch{
	/*width:800px; set FOR IE*/
	max-width:1000px;
	min-width:740px;
	margin:0 auto;
	clear:both;
	padding:0 20px;
}
#contents {
	padding: 33px 0 0 0;
	display: table;
	width:100%;
}
#contents_inner{display:table-row}
#leftcolumn {
	width:100%;
	padding-bottom: 12px;
	margin-left:7px;
	display: table-cell;
	vertical-align: top;
}
#leftcolumn h3, #leftcolumn h3 a{
	color: #c70027;
	font: 20px "Trebuchet MS";
}
#leftcolumn p {
	line-height: 18px;
}
#rightcolumn_inner {
	width: 250px;
}
#rightcolumn {
	display: table-cell;
	padding-left:20px;
}
#rightcolumn img {
	margin-bottom: 10px;
}
a img{border-style:none;}
/*
 COMMON ELEMENTS
 */
table.crudtable { 
    width:100%; 
    border-spacing:0px;
    border-bottom:4px solid #F1F1F1;
    border-top:2px solid #F1F1F1;
    margin-bottom:1em;
} 
table.crudtable td { 
    border-collapse:collapse; 
    font-size:12px;
    padding:3px 10px 3px 3px;
    vertical-align:middle; 
}
.checkallcontrol{
	margin: 0 10px 0 6px;
}

table.crudtable thead tr{
    color:#000;
    background-color:#D3D3D3;
    font-weight:bold;
}
table.crudtable thead td:first-of-type{border-top-left-radius: 8px}
table.crudtable thead td:last-of-type{border-top-right-radius: 8px}
table.crudtable tbody td{border-bottom:1px solid #e8e8e8}
table.crudtable tbody tr.noborder td,
table.crudtable tbody tr.borderless td,
table.crudtable tbody tr td.borderless{border-bottom-style:none;}
table.crudtable tr.even{background-color:#F8F8F8;}
table.crudtable table tr{background-color:#fff;}

table.crudtable tr.unread{font-weight:bold;}
table.crudtable tbody tr td ul{
	margin:0;
	padding:0;
	font-size:11px;
}
fieldset{
    border-style:none;
    padding:10px;
}
.filter{
    border:1px solid #D7E5F6;
    background-color:#F7FAFD;
    padding:2px;
    margin-bottom:1em;
}
.filter dl dt, .filter input, .filter select{font-size:11px;}
.filter dl{margin:0;}

.filter .title span, .springboard .title span{padding-left:1em}
fieldset.green{
    border:1px solid #B0DAA8;
    background-color:#F7FBF6;
    padding:9px;
}
.filter,
fieldset, .smoothBorder{
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
}
fieldset.green label{ display:inline; }

#statuscontainer{
    font-size:14px;
	height:2em;
	top:0;
	left:249px;
	position:absolute;
	width:auto;
	margin:0 auto;
	z-index:100;
}
#loadIndicator{
	position:absolute;
	background-color:#f00;
	color:#fff;
	left:0;
	top:0;
	z-index:250;
	padding:10px;
	text-align:center;
}
div.norecords{
    border:1px solid #C3C2C2;
    background-color:#EAEAEA;
    padding:10px;
    text-align:center;
}
/*
 FORMS
*/
.checkboxes input { float:left; }
.crudshowform .checkboxes label { float:none; font-weight:normal;color:#303030; }
.crudshowform .formelementcontrol label{font-weight:normal;color:#222}
.checkboxes div {float:none; padding:5px 0;}

.crudshowform label{
    font-weight:bold;
    color:#3F64AF;
}
button.block{display:block;}
.crudshowform button.disabled{
	background-color: #aaa;
	border-color:#ddd;
}
.crudshowform .formelement{
     padding:7px 0;
}
.crudshowform .formelementcontrol{
    margin:7px 0 0 31px;
}
.crudshowform hr {
    margin:0;
    padding:0;
    display:block;
    color:#EFEEEE;
    border-style:none;
    background-color:#BEBDBD;
    height:1px;
    background-image:url(../i/dotline.gif);
}

button.inline{display:inline;}
a, a:visited, a:hover{
	color:#0066CC;
}
textarea.full{
    width:100%;
}
label, button{
    cursor:pointer;
}
/*
 HELPTIPS
 */
fieldset.rounded, fieldset.rounded div, .help, .help div{
    background-repeat:no-repeat;
}
.help div.inner{
    padding:10px;
    min-height:35px;
    font-style:normal;
}
.help a.system{
    text-decoration:none;
    border-bottom:1px dotted #3966D5;
    font-size:10px;
    font-style:normal;
}
.help{
    padding:0;
	background-color:#FDF397 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEF8BC), to(#FDF397));
	margin:0 0 10px;
}
.help p{padding:0; margin:0 0 10px;text-indent:0;}
.help ul {padding:0 0 0 1em}
.helptip{
	font-size:75%;
}
.filter .helptip{
	position:relative; top:-10px;
}
/*
 OTHERS
*/
.value .period{font-weight:normal; color:#999; position:relative;top:-2px;}
.value .float{
	font-weight:normal;
	font-size:70%;
	color:#777;
}
table.asset_var tr.negative span.value {color: #aa0000}

.total{text-align: center;}
.total, .total select{font-size:18px}
a.close{
	text-decoration:none;
	background-color: #f00;
	color:#fff;
	padding:2px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.crudshowform fieldset.smarttracker{
	border:1px solid #eee;
	background-color: #f5f5f5;
}
.crudshowform fieldset.smarttracker a.current, .selector a.current{
	text-decoration: none;
	background-color:#CC1E39;
	color:#fff;
	text-decoration: none;
	border-style:none;
}
div.tags{padding:3px 0 0;margin-left:-5px;} 
a.signup{color:#ce1242; text-decoration: none; border-bottom:1px dotted #ce1242}
form.filter .buttonsinline button {display:inline; float:none;}
.quartalsrange button {padding: 0 3px; margin:0}

#navigation .login{
	color:#fff;
	background-color:#c70826;
	font-weight:bold;
	font-size:14px;
	-webkit-border-radius:4px;
	border-style: none; text-decoration: none;
	padding:0 6px 1px;
}

.newslist h3{
	margin:0 0 10px;
}
input[type=text],
input[type=password],
.dfTextArea textarea{
	border:1px solid #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#taglist{
	background-color: #fff;
	border:1px solid #999;
	padding:4px;
	width:220px;
	height:150px;
	overflow: auto;
}
input.input_text {width:300px}
.preferences button, button.compact{font-size:10px; padding:2px;}
.preferences{
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	width:100%;
}
.preferences .handle{position:relative;top:2px;cursor:pointer;}
.preferences .ui-icon{float:left} 
ul.preferences li{margin:5px; background-color: #fff}
ul.preferences{list-style-type: none}

.roundbox, .rounded{
	padding:15px;
}
.roundbox{
	border:1px solid #ccc;
	border-radius:16px;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.07);
	background-color: #fff;
}
#filterformcontainer{
	margin-top:-13px;
}
.filter .title{
    margin:0 0 10px;
    padding:1px;
    font-size:12px;
    font-weight: bold;
	color:#333;
}
.filter .buttons button{
	float:left;
}
.filter .buttons button, .filter button{
	font-size:12px;
	padding:0 2px;
	background-color: #7F8FBB;
	border-color:#8C97C3;
	background-image: none;
	height:16px;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
}
.filter .buttons button.expand{
	background-color: #fff;
	color:#555;
}
.filterexpandcontrols a{
 	font-size:12px;
 	font-weight:bold;
}
#dateranges label{float:none; display:inline}
a.dotted{
 	text-decoration: none;
 	border-bottom-width: 1px;
 	border-bottom-style: dotted;
}
.crudshowform .formelement {border-bottom:1px solid #ddd}
.crudshowform .formelement.borderless {border-bottom-style:none}
.crudshowform .formelement.vcompact {padding:0;}
.crudshowform .formelement.vcompact .formelementcontrol {padding-top:0;margin-top:0}
td.value{cursor:pointer; position:relative;text-align:right}
tbody td.value a {
	color: #000;
	margin: 2px;
	padding: 2px 21px 2px 4px; 
	position : relative;
	top: 4px;
	position: relative;
}
td.value a span.edit,td.value a input {display:none;}
td.value a input{padding:0;margin:0;border:1px solid #999}
td.value:hover a, 
td.value a:hover {
	padding: 2px 2px 2px 2px;
	border: 2px solid #ec4745;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	z-index:100;
}
#title select,
td.value:hover a span.edit,
td.value a:hover span.edit {display:inline}
td.clicked{ background-color:#ddd;}
button.clicked{background-color:#CE1242;}
td.operand{	
	background-color:#EFAEBE;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
#cellcalculator button {float:none;display:inline; margin:0;padding:0; width:20px; text-align: center; font-size:14px;}
#cellcalculator .title {font-size:10px;}
#cellcalculator {position:absolute}
#cellcalculator .filter{border-width:2px}
#applicationbox{
	position: absolute;
	z-index: 200;
	background-color: #fff;
	width:auto;
}
#applicationbox label{
	display:block;
	margin:5px 0 0;
}
#applicationbox h3{color:#000;text-align:center}
#applicationbox .gobutton{
	display:block;
	margin:10px auto;
	clear:both;
}

#applicationbox fieldset{
	border-style:solid;
	background-color:#f0f0f0;
	display:block;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	margin:3px 0;
	border:1px solid #aaa;
}
#applicationbox fieldset legend{
	font-size:13px; 
	color:#fff;
	border-radius:4px;
	padding:1px 3px;
	color:#333;
	font-weight:bold
}
#applicationbox fieldset.floated{float:left}
button.dropdownbtn{
	padding:0;
	width:16px;
	left:16px;
}
#applicationbox .radiogroup label{
	font-weight:normal;
	display:inline;
}
#applicationbox .radiogroup input{
	clear:left;
}
table.crudtable td.paymentinfo{
	padding:5px 0;
	width: 100%;
}
td.contractor{cursor:pointer}
td.contractor.highlighted{
	background-color: #FEFEE8;
	color:#900;
}
table.crudtable tr.highlighted{
	color:#a00;
}
table.crudtable tr.highlighted td.contractor{color:#f00}

/* APPLICATIONS  */
fieldset.inlineinputs input, fieldset.inlineinputs label{display:inline}
#applicationbox textarea{width:98%}

form.filter .selectedText input, form.filter .selectedText button{display:inline}

.newreceipts{
	border:1px dotted #E3DFB8;
	background-color:#FEFEE8;
	padding:10px;
	text-align: center;
	margin:0 0 10px;
}
dl.table {
	width:100%;
/*	display:table; */
	margin:0;
}
dl.table.short dd{margin-left:100px;width:auto}
dl.table dt{
	font-size:110%;
	float:left;
	clear:both;
	margin-bottom:10px;
}
#signupform dl.table dd{
	margin-left:110px;
	margin-bottom:10px;
}
dl.table dd{
	margin-left:150px;
	margin-bottom:10px;
}
#signupform dl dd input,
dl dd input.fill{width:98%}

div.separator{
	border-bottom:1px dotted #999;
	margin:5px 0;
}

table.widgets{
	width:100%;
	border-spacing: 10px;
	z-index: 0;
}
table.widgets td{
	width:33%;
	height:100px;
	vertical-align: top;
	border:2px dotted #f0f0f0;
}
table.widgets td.droppable{
	border:2px dotted #ccc;
}
table.widgets td.hover{
	border:2px dotted #C5001F;
}
table.widgets div.widget{z-index: 90; background-color: #fff; }
table.widgets div.widget.draggable{border:2px solid #C5001F}
table.widgets div.widget .title{
	background-color: #C5001F;
	color:#fff;
	font-weight: bold;
	padding:3px;
	text-align: center;
	cursor:pointer;
}

.wide{width:970px !important;}
span.tag, .inputParserPreview .tags{
	cursor:pointer;
	background-color: #CAD7E7;
	text-align: center;
	height:13px;
	font-size:80%;color:#444;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:0 5px;
	margin:0 2px;
}

table.crudtable td.paiddate {font-size:80%; white-space: nowrap;}
div.paiddate {white-space: nowrap; color:#666;font-size:80%;}

table.crudtable tr.total{
	border-top:2px solid #F1F1F1;
	color:#111;
}
table.crudtable tr.total td, table.crudtable tr.total td select{font-size:18px;}
.norecords{
	font-size:18px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}

/* Button */
.buttons { 
    float:none; clear:both;
    display:table;
    zoom:1;
    margin-bottom:10px;
}
button.red{
	background-image:none;
	background-color: #b53033;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c84b4f), to(#b53033));
	border-color:#b53033;
}
button.red:hover{
	background-color: #c84b4f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cf6569), to(#c84b4f));
}
button.blue{
	background-image:none;
	background-color: #528DC8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#538Fcb), to(#4B81B7));
	border-color:#4475a5;
}
button.blue:hover{
	background-color: #538Fcb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7eb0d8), to(#538Fcb));
}
button, .button{
   color:#fff;
   margin:4px;
   font-family:Arial;
   font-size:14px;
	border:1px solid #474747;
	background-color:#555555;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#555555));	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:3px 6px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
button:hover{
	background-color:#717171;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#717171));
}

.appstorenavigation a{
	display:block;
	margin:0 0 5px 0;
	padding:10px;
	text-align: center;
	font-size:16px;
	cursor: pointer;
	text-decoration: none;
	background-color: #e8e8e8;
	color:#000;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
.appstorenavigation a.mine{
	color:#c62742;
	margin:15px 0;
}
.appstorenavigation a.current{
	text-decoration: none;
	background-color:#c62742;
	color:#fff;
}
.pager{
	margin:10px 0;
}
.pager span{margin:0 2px;}


.springboard{margin:0 0 10px;}
.springboard .title{
	color:#007600;
	font-weight:bold;
	font-size:14px;
	border-bottom:2px solid #D3D3D3;
}
.springboard div.body div.app{
	border-bottom:1px solid #DBDBDB;
	padding:2px;
	zoom:1;
	min-height:70px;
}
.springboard div.body div.app button{
	font-size:11px;
	background-color: #007600;
	background-image:none;
	border-style:none;
	color:#fff;
	padding:0;
	margin-left:auto;
	margin-right:0;
	display:block;
}
.springboard div.body div.app h5, .springboard div.body div.app a{
	font-weight: normal;
	margin:4px 0 4px;
	padding:0;
	color:#CE1141;
	font-size:13px;
}
.springboard div.body div.app p{
	font-size:11px;
	color:#333;
}
.springboard div.body div.app .buttons{
	display:block;
	position: relative;
}
.springboard div.body div.app img{border-style: none; float:left;margin:6px 2px 4px 10px;display:table-cell;cursor:pointer; margin-bottom:20px;}
.springboard div.body div.app .info{display:table-cell;}
.springboard div.body{max-height: 400px; overflow: auto; margin:0 0 5px; }
.springboard .title input {cursor:pointer;float:right; background: url(../i/apps_compact.gif) no-repeat}

/** APP LAUNCHER AS DOCK */
#rightcolumn.compact .springboard .title input {float:none;background: url(../i/apps_expand.gif) no-repeat}
#rightcolumn.compact .springboard .title span, 
#rightcolumn.compact .springboard .body .app .info{display:none;}
#rightcolumn.compact .springboard div.body div.app{
	border-bottom-style:none;
}
#rightcolumn.compact .springboard div.body{height:auto;max-height:none;}
#rightcolumn.compact #rightcolumn_inner{width:85px}
#rightcolumn.compact .springboard a.add span{display:none}
#rightcolumn.compact .springboard a.add{margin:0 auto;width:20px}
#rightcolumn_inner{
	-webkit-transition-property: width;
	-webkit-transition-duration: 1s;
	-moz-transition-property: width;
	-moz-transition-duration: 1s;
	-o-transition-property: width;
	-o-transition-duration: 1s;
	transition-property: width;
	transition-duration: 1s;
}

/* WIDGETS	*/
.widgets ol li{
	padding: 10px 0;
	border-bottom:1px solid #DBDBDB;
}
table.widgets td div.body{padding:5px;}

button.green, button.green:hover{
	background-image:none;
	background-color: #b0d348;
	border:1px solid #ddff66;
	color:#333333;
}
.large button{
	font-size:18px;
	padding:3px 10px;
}
.large p{
	font-size:150%;
}

.inputParserPreview span.date{
	color:#666;
	font-style: italic;
}
.inputParserPreview span.tags{
	color:#3f64af;
	font-weight:bold;
	font-size:11px;
}
td.paymentinfo .contractor{
	padding:2px 0 0;
}
.inputParserPreview .contractor, td.paymentinfo .contractor{color: #206e9f;}
.inputParserPreview .contractor{font-weight:bold}
td.paymentinfo .name{
	padding:3px 0;
	font-size:12px;
}

a.dotted{
	cursor:pointer;
	text-decoration: none;
	border-bottom-width:1px;
	border-bottom-style:dotted;
}

    #menu {
       width:100%;
       font-size:10px;position:relative;
    }
    #menu .container {
       display:table;
    }
    #menu .container{
    	background-color: #b30a12;
    }
/* main menu */
ul.menulist{
    list-style-type:none;
    margin:0;
    padding:0;
	font-size:14px;
	position:relative;
	z-index:2;
}
ul.menulist li{
	background:#b91917 url(../i/tabsbg.png) repeat-x left top;
    padding:2px 10px;
    border-right:1px solid #fff;
    border-top:1px solid #fff;
    border-color: rgba(255,255,255,0.5);
	display:block;
	float:left;
    border-top-right-radius:8px;border-top-left-radius:8px;
	transition-duration: .2s;
    
    -webkit-border-top-right-radius:8px;-webkit-border-top-left-radius:8px;
    -moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-o-transition-duration: .2s;
}
ul.menulist li{
	/*-webkit-box-shadow: 0 -2px 3px rgba(0,0,0,0.1);*/
}
ul.menulist li:hover, ul.menulist li.current{
	margin-top:-4px;
	padding-bottom:6px;
}
ul.menulist li a{color:#fff;text-decoration: none;}
ul.menulist li.current{
	color:#eee;
    cursor:default;
}
ul.menulist li.last,ul.menulist li.last:hover{
	border-right-style:none;
	float:none;
	background-color: #fff;
	background-image:none;
	transition-property:none;
	border-top-right-radius:0;border-top-left-radius:0;
	margin-top:0;
	padding-bottom:2px;
	
	-webkit-transition-property:none;
	-webkit-border-top-right-radius:0;-webkit-border-top-left-radius:0;
    -moz-border-radius-topleft:0;-moz-border-radius-topright:0;
}
ul.menulist li span.addbtn{
	background-color: #b53033;
	background-image: -webkit-gradient(linear, left top, left bottom, from(  rgba(0,0,0,0.15) ), to( rgba(255,255,255, 0.1) ));
	border-color: rgba(0,0,0,0.2);
	font-size:12px;
	padding:0 2px;
	margin:0;
	border-style: none;
	color:#fff;
	-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;
	cursor:pointer;
}
ul.menulist li span.addbtn:hover{
	background-image: -webkit-gradient(linear, left top, left bottom, from(  rgba(0,0,0,0.15) ), to( rgba(255,255,255, 0.4) ));
}

.bigbuttons button {font-size:18px; padding:5px;}

a.anchor{text-decoration: none; border-bottom:1px dotted #0066CC}

dl.table.fixed dd{margin-left:200px}

ul.bindedcontacts{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.bindedcontacts label.disabled{
    cursor:default;
}
form.filter{
    margin:0 0 10px;
}
form.filter button, 
form.filter select, 
form.filter label,
form.filter .dateselector label{
    display:inline;
}
form.filter label{margin-top: 3px;}
form.filter .dateselector input, 
form.filter .dateselector select,
form.filter .date select{
    display:inline;
}
.inline{
    float:left;
}
input.checkbox{
    clear:both;
    display:block;
}
.formelementcontrol.errorTip input,
input.errorTip, textarea.errorTip{
	background-color: #FCD6D4;
	border:1px solid #f00;
}
span.errorTip, .errorTipStatic{
	color:#f00;
	font-weight: bold;
}
span.errorTip{
	font-weight: normal;
	color:#fff;
	padding:3px 3px 3px 0px;
	position:absolute;
	margin-left:3px;
	min-width:100px;
	border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;
	-webkit-animation-name: bouncing;-webkit-animation-duration: .3s;-webkit-animation-iteration-count: infinite;-webkit-animation-direction: alternate;
	-moz-animation-name: bouncing;-moz-animation-duration: .3s;-moz-animation-iteration-count: infinite;-moz-animation-direction: alternate;
	-o-animation-name: bouncing;-o-animation-duration: .3s;-o-animation-iteration-count: infinite;-o-animation-direction: alternate;
	animation-name: bouncing;animation-duration: .3s;animation-iteration-count: infinite;animation-direction: alternate;
	
	background-color: #d00;
}
span.errorTip .arrow{
	 background-image: url(../i/arrowBoxLeft.png);
	 background-position:left top;
	 background-repeat: no-repeat;
	 padding:0 2px;
	 margin-top:-1px;
	 margin-left:-5px;
}
@-webkit-keyframes bouncing{
	from{ 
		margin-top:3px;
	}
	to{ 
		margin-top:-2px;
	}
}
.loginform span.errorTip{
	color:#fff;
	background-color: #f00; 
	padding:3px;
}
#panel button.red{
	color:#fff;
	padding:0 2px;
	margin:0;
	font-size:9px;
	background-color:#CE1242;
	border:1px solid #EFB4C3;
}
#panel a:hover button.red{
	background-color:#f00;
}
 div#datefrom, div#dateto{padding-left:10px;}
#overlay{
	position:absolute;
	background-color:#DFE4EA;
	filter:alpha(opacity=60);
	opacity:0.8;
	z-index:10;
}
.popup{
	z-index:20;
	position:absolute;
	background-color: #fff;
	padding:0;
}
.popup div.inner{ 
		padding:5px; border:1px solid #CE1242;
		-webkit-border-bottom-left-radius:6px;
		-webkit-border-bottom-right-radius:6px;
}
.popup div.title{ 
		background-color: #BC0E27;
		padding:0; color:#fff; padding:2px 5px;
		margin:0;
		font-size:14px;
		font-weight:normal; 
		-webkit-border-top-left-radius:6px;
		-webkit-border-top-right-radius:6px;
}
.popup div.title a{color:#fff}
div.popup button, div.popup input, div.popup label {display:inline;}
.crudshowform textarea{width:100%}

#parsedpreview {border: 1px solid #aaa;min-height:20px;border-radius:8px;padding:8px;background-color: #F7FBF6}
#parsedpreview .num {color:#070; font-weight: bold}

.spentsum{font-weight:bold}
.spentsum.under {color:#090}
.spentsum.over {color:#f00}

.attention{
	font-weight:bold;
	font-size:20px;
	color:#f00;
}
#navigation{text-align: right;}
#navigation ul li{
	display:inline;
	padding:0 1em 0 0;
}
.crudtable tbody td.value{
	font-size:120%;
	font-weight: bold;
	white-space: nowrap;
}
.formelementcontrol.value span{font-size:20px}
.formelementcontrol.value span.float{font-size:70%}
.formelementcontrol.value span.notice{font-size:16px}

.draggeditemslist{
	list-style: none;
	margin:0;
	padding:0;
	background-color: #F7F7F7;
	border:1px dashed #D4D4D4;
	min-height:25px;
	
}
.draggeditemslist li{
	border:1px solid #40BE3D;
	background-color: #D6FADB;
	padding:5px;
	cursor: pointer;
	margin:1px 0;
}
.grouptitle{
	margin: 10px 0 4px;
}
.grouptitle .name{position:relative; top:5px;}
.grouptitle input.name{border-width:1px;}
.contactlist{cursor:pointer;color:#000}
.contactlist optgroup{background-color:#fff;font-weight:bold; font-style: normal;}
.contactlist optgroup.recent{color:#000}

.contactlist optgroup.addressbook, input.incontacts{ color:#060}

.filterformbox .dfTextInput input,
.crudshowform  input,
.crudshowform  textarea
	{font-size: 15px;}

#paiddate{font-size:11px;}

.filterformbox label,
.filterrange .dfSelector label{
	display:block;
	float:left;
	width:120px;
	position:relative;
	top:2px;
}
.filterformbox .dfSelector,
.filterformbox .dfTextInput{
	display:table;
	margin:0 0 10px;
}
.filterformbox{
	padding-left:10px;
}
.filterrange .dfSelector, .filterrange label, .filterrange div{display:inline}
.filter .buttons{
	margin:0 auto;
}
span.notice{
	font-size:9px;
}
.example{
	background-color: #fff;
	color:#000;
	border:1px solid #bbb;
}
#error, #status {z-index: 10;}

#applicationbox .std_form_A label{float:left; width:150px;}
#applicationbox .dfCheckbox input,
#applicationbox .std_form_A .dfTextArea label{float:none; width:auto;}
#applicationbox .std_form_B .dfTextInput input{width:96%;}
#applicationbox .std_form_A .dfFormElement{
	display:table;
	width:100%;
}
#applicationbox .std_form_A .dfTextInput input,
#applicationbox .std_form_A .dfSelector select
	{width:49%}
#applicationbox .std_form_A .dfTextInput,
#applicationbox .std_form_A .dfSelector,
#applicationbox .std_form_A .dfCheckbox
	{display:table}
#applicationbox .std_form_A .dfTextArea textarea{height:100px;}
#applicationbox .dfDateInput .dfSelector {display:inline}

div.filelist{
	width:200px;
	position:absolute;
	left:5px;top:0px;
	background-color:#fff;
	border:1px solid #6e6e6e;
	z-index:20;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	padding:5px;
	font-size:11px;
}
div.filelist ul li{
	list-style-type: none; 
	font-size:11px;
	padding:3px 0;
}
img.attached{margin-left:5px; cursor:pointer;}


.showtips{
	font-size:10px;
	color:#717171;
}
.applications div.app.package{
	background-color: #fff8bc;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fff8bc), color-stop(1, #fdf38f) );
}
.applications div.app,.applications div.paymentsMethods{
	margin:0 0 10px 0;
	padding:10px;
	background-color: #fff;
	border:1px solid #ccc;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fff), color-stop(1, #f2f2f2) );
}
.applications div.paymentsMethods{
	background-color: #ddeddd;
	background-image: none;
	text-align: center;
}
.applications div.app .title{
	padding-left:74px;
}
.applications div.app h5 a,
.applications div.app h5{
	font-size:16px;
	color:#CE1141;
}
.applications div.app h5{
	font-weight: normal;
	margin:4px 0 4px;
	padding:0;
}
.applications div.app img{border-style: none; float:left;margin:6px 2px 4px 0;display:table-cell;}
.applications div.app .info{display:table-cell; padding-left:10px;}
.applications div.app .info p.descr{min-height:64px;}
.applications div.app .info span.trial,
.applications div.app .info span.bought{
	color:#fff; 
	padding:0 5px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.applications div.app .info span.bought{
	background-color: #007600;
}
.applications div.app .info span.trial{
	background-color: #c0001e;
}
.applications div.app .info .paidtill{
	background-color: #fff;
	padding:3px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.applications div.app .info a.package{
	display:block;
	font-size:110%;
	text-decoration: none;
	border-bottom: 1px solid #d1d4ff;
}
.applications div.app .info a.package b{
	font-weight:normal;
	color:#CE1141;
}
.applications  p.packagelist{
	font-size:16px;
	border-bottom:1px solid #d9d9d9;
	margin:0 0 20px;
	padding:0 0 5px;
}
.applications div.app .asterix{
	font-size:9px; color:#f00;
}
.applications div.app.selected{
	border:2px solid #c62742;
}
.applications div.app .notice {display:block; margin-top:3px;}
.applications div.app button .asterix{
	position:relative;
	top:-2px;
	left:3px;
}
.ticketform{
	width:400px;
	margin:0 0 0 20px;
}
.ticketform .dfSelectorText input{
	width:93%;
}
.ticketform .dfTextArea textarea{
	width:100%;
}
.ticketform .dfTextArea textarea{height:150px;}
.warning{color:#d00; background-color:#fdd;padding:0 1em}
.required, .asterix{
	color:#f00;
	font-size:10px;
}
.ui-widget{
	z-index: 201;
}
.IntroWidget div {float:left; padding:5px;text-align: center} .IntroWidget div img{} .IntroWidget div ul{list-style-type: none;margin:0;padding:0} .IntroWidget div li{font-size:11px;padding-bottom:5px;}

span.dfRadioInput{display:block; clear:both;}
span.dfRadioInput input{display:inline}
#applicationbox span.dfRadioInput label{display:inline;float:none}
table.crudtable td.value{padding:0;}
table.crudtable td.valuesuffix{padding:0; font-weight: bold;color:#000}
table.crudtable td.valuesuffix span{position:relative;left:-20px;top:3px;}

.applications.promo {padding:10px 0;width:970px; margin:0 auto;}
.applications.promo .app{width:200px;float:left;  margin-right:20px;font-size:14px;background-color: #fff; margin-bottom:0}
.applications.promo .app.last{margin-right:0;}
.applications.promo .app p.descr{padding-top:10px;font-size:13px;}
.applications.promo .app p.descr a{text-decoration: none;border-bottom:1px dotted #06C}
.applications.promo .app p.descr a:hover{border-bottom-style:solid}

tr.subtotal{background-color: #f1f1f1;padding:0}
tr.subtotal td{padding:0;}
tr.subtotal .name{ white-space: nowrap;}
tr.subtotal,
tr.subtotal td.value a, 
tr.subtotal td.valuesuffix 
	{color:#777;}
.formInputTip{font-size:10px;text-align: right; display:block}
.tip{font-size:10px;}

button.fill{width:100%}
#signupSection{border-top:1px solid #c1c1c1; margin:7px 0 0;padding:7px 0 0}
#subtotalsSwitch{
	float:right;position:relative;top:6px;
}
.prefform .tag{padding:2px;margin:1px;white-space: nowrap;}
.add{
	background: url(../i/add.png) no-repeat;
}
a.add{display:block;padding-left:18px; height:20px;}
#footer .navigation ul {float:left; display: table; margin:0 10px 0}
#footer .navigation ul li {text-align: left;list-style-type: none}

.footerNav ul li a{
	-webkit-transition-property: background-color,color;
	-moz-transition-property: background-color,color;
	-o-transition-property: background-color,color;
	transition-property: background-color,color;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
}
/** FOOTER FROM L2C */
.footerContainer{ width:100%;margin:20px 0 0 0; padding:7px 0; display:inline-block; border-top:1px solid #e3e3e3; clear:both; white-space: nowrap;}
.logoContainer{ margin:0; padding: 6px 10px; float:left; text-align: center;}
.logo {margin-top: 6px;}
.footerNav{ margin:0; padding:6px 10px 10px 0; float:left;}
.footerNav ul {
	list-style:none;
	text-align: left;
	float: left;
}
.footerNav ul li {
	padding: 3px 0;
}
.footerNav ul li.hdngTxt {
	display:none;
	color: #444;
	font-size:8px;
	padding: 0 0 3px 0;
	text-transform: uppercase;
}
.footerNav ul li a {
	color: #ce1242;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	border-bottom:1px dotted #ddd;
	padding:0 2px;
}
.footerNav ul li a:hover {
	color: #fff;
	background-color: #C70826;
	-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;
}
.footerNav ul{
	margin: 0 0 0 20px;
}
.copyright{
	color:#999;
	white-space: nowrap;
}
@-webkit-keyframes pulse,
@keyframes pulse{
 from { color:#666; }
 to { color:#C70826;}
}
.errorInPage, .statusInPage{
	background-repeat: no-repeat;
	height:64px;
	padding-left:35px;
	padding-top:8px;
}
.errorInPage{ background-image: url(../i/ico_delete.png); }
.statusInPage{ background-image: url(../i/ico_ok.png); }

.progressbar{
	display:inline-block;
	max-width:150px;
	border:1px solid #c62742;
	-webkit-border-radius:6px;
	width:100%;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.4, rgb(240,240,240)),
	    color-stop(1, rgb(194,194,194))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(255,255,255) 70%,
	    rgb(194,194,194) 100%
	);
}
.progressbar div{
	height:12px;
	width:0%;
	-webkit-border-radius:4px;
	background-image: url(../images/progressbg.png);
}
.inline-block{
	display:inline-block;
}
#signinform input[type=text], #signinform input[type=password],
#signupform input[type=text], #signupform input[type=password],
input.big{
	font-size:18px;
}

.colorPicker{
	border:1px solid #555;
	color:#fff;
	padding:0 5px;
	cursor:pointer;
}
#colorPalette{
	font-size: 11px;
	margin:1px;
	border:1px solid #ddd;
	padding:2px;
	background-color: #fff;
}
table.crudtable .ui-selecting{background-color: #f9f9f9}

.assetTip {
	margin:5px auto; 
	text-align: center;
	font-size:13px;
	background-color: #fefee8;
	border:1px solid #f1d27a;
}

.selector a.current{ 
	-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;
	padding:0 5px;
	cursor:auto;
}
.selector a{cursor:pointer;margin-right:10px;}

table.addressbook_card tr td{
	border-bottom:1px solid #ddd;
}
#startBox .ui-tabs-panel{
	border:1px solid #888;
	-webkit-border-radius:8px;
}
#startBox .ui-state-active{
	border:1px solid #888;
}
#startBox .ui-tabs{border-style:none;}
#startBox .ui-widget-header{
	border-style:none;background-color:transparent;	background-image:none;
	margin-left:20px;
}
.tricktext{display:none}
.news{ margin:5px 0 10px;font-size:13px;color:#555;line-height: 1.3;}
.news .date{
	color:#777;
	padding:0 6px;
	font-size:11px; 
}

a.redlink{color:#C81727}
.dottedlinks a{border-bottom:1px dotted;text-decoration: none;}.budgetStat{
	margin:10px 0 5px;
	font-size:90%;
	padding: 10px;
	background-color: #f0f0f0;
	-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;
	line-height: 200%;
}
.small{
	font-size:11px;
}
.budgetTypeIncomeOutcome a{display:block; margin: 5px 0}
.budgetsumsbox .dfTextInput input {width:5em}

.budget_show .name input {width:90%;}

.dfTextInput input, .dfTextArea textarea {
	-webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,0.1); 	
}
input.hasDatepicker{
	border-style:none;
	background-color:#CAD7E7;
	font-size:11px;
	padding:2px 4px; 
}

.crudshow .navigation{
	position:absolute;
	margin-top:-22px;
}
.nowrap{white-space: nowrap;}