/* 
	project:  Rentoni (http://rentoni.com)
	author:   Marcin Nowakowski (www.mp-lab.pl) 
*/
*{ margin: 0; padding: 0; }* 
body { font: .85em Arial, Helvetica, sans-serif; line-height: 1.6em; background-color: #dee0e1; color: #333;}
/*#wrapper { position: relative; background-color: transparent; padding: 0;}*/
#wrapper { background-color: transparent; padding: 0;}

#primaryContentContainer { float: left; margin-right: -390px; width: 100%; }

#content { background-color: #fff; margin: 0 400px 0 20px; padding: 10px 20px 20px 20px; border-bottom: 4px solid #bec0c0; border-top: 5px solid #474CAB; }
  #content h1 { margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ccc; }
  #content hr { margin: 0 0 20px 0; padding: 0; border: 1px dotted #ccc; }
  #content .googleads { margin: 40px 0 0 0; padding: 0; border: 0; text-align: center; }

.shortcutlinks { float:right; overflow: hidden; margin: -15px 0 0 0; padding: 0; border: 0; text-align: right; }

.large { padding: 5px; font-size:2em; color:gray; background-color: #F0FDE2; }
.small { font-size: 11px; line-height: 0.9em; }
.smaller { font-size: 10px }
.grey { color:gray;}
.lightgrey { color:#ccc;}
.light { font-weight: normal;}
.italic { font-style:italic;}
.blk { display: block; padding: 0 0 4px 0;}

pre { background-color: #eee; padding: 10px; font-size: 11px; }
img { border: none; }
a:hover { text-decoration: none; }
h1, h2 { font-size: large; margin: 10px 0 10px 0; padding: 0; }
h3 { margin-bottom: 2px; padding: 0; color: #000; }
h3.client { color: #a1c44a; font-size: large; font-weight: normal; letter-spacing: -.05em; }
h4 { margin: 2px; padding:0; color: #666; }
h5 { color: #888; }

#jar { display: none; }
#notice { border: 2px solid red; padding: 1em; margin-bottom: 2em; background-color: #f0f0f0 ; font: bold smaller sans-serif; }
#context_help { margin: 0; padding: 10px 15px 10px 10px; border: 0; background: transparent; float: right; width: 361px; }
.help_hint { color: #ccc; font-size: x-small; }
.primarybutton { float: none; font: small Verdana; padding: 4px; margin: 2em 1.5em 0 0; background-color: #a1c44a; color: #fff; cursor: pointer; border: solid 1px #344047; font-weight: bold; }

.dashstatus { width: 100%; padding: 0 0 2px 0; margin: 0 0 10px 0; color: #999; font-size: small; font-weight: bold; line-height: 13px; border-bottom: 1px solid #888; }

/* fix IE bug */
@media screen {
* html legend {
	margin: -26px 0 0 0;
	position: fixed;
	line-height: 1.4;
}
}
.flash_alert { border-color: #c99; color: #fff; text-align: left; border: 1px solid #ccc; padding: 5px 5px 5px 30px; font-size: 14px; margin-bottom: 12px; background: url(/images/alert_icon.gif) #c00 left no-repeat; }

.loading_alert { border-color:#ccc; color:#000; text-align:left; border:1px solid #ccc; margin:15px; padding:5px 5px 5px 30px; font-size:14px; margin-bottom:12px; background:#eee; }

.fieldWithErrors { background-color: #fdd; }
#errorExplanation { width: 80%; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0 }
	#errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00;color: #fff; letter-spacing: 0; }
	#errorExplanation p { color: #333; margin-bottom: 0; padding: 10px 5px 2px 5px; font-size: small; }
	#errorExplanation ul { padding-left: 20px; margin-top:0; }
	#errorExplanation ul li { font-size: smaller; height:15px; list-style: square;}

#header { position:relative; background:#0d0d0d url(/images/header_bg.jpg) top left no-repeat; padding:0; margin:0; }
  #header-logo-tools { overflow:hidden; background:transparent; padding:0 20px 10px 20px; }

#left-header { height:40px; background:transparent; padding:0; margin:0; }
  #left-header img { float:left; padding:0; margin:10px 0 0 0; }
  #left-header p { margin:0; padding:31px 0 0 155px; color:#c4e3ff; }
    #left-header p.account-name { margin:0; padding:26px 0 0 160px; font-size:x-large; color:#c4e3ff; }

#menu{ background: transparent; padding: 0; margin:0; }

#modernbricksmenu{
	padding: 0;
	margin:0;
	width: 100%;
	height: 25px;
	background: transparent;
	/*voice-family: "\"}\"";*/
	voice-family: inherit;
}

#modernbricksmenu ul { font:bold 11px Arial; margin:0; margin-left:20px; padding:0; list-style:none; }
#modernbricksmenu li { display:inline; margin:0 2px 0 0; text-transform:uppercase; }
#modernbricksmenu a { float:left; display:block; color:#C7C4D9; margin:0 1px 0 0; padding:5px 10px; height:14px; text-decoration:none; letter-spacing:1px; background:#133679; border-bottom:1px solid #344047; }
  #modernbricksmenu a:hover { color:#D4D1E6; background:#434F96; }
#modernbricksmenu #current a { color:#fff; background:#474CAB url(/images/menu_btn_bg.jpg) top repeat-x; border-color:#474CAB; }

#logout { float:right; font:bold medium Verdana; letter-spacing:0; background:transparent; color:#fff; height:20px; margin:0 20px 0 0; padding:0; }

#added_info { float:right; font:bold x-small Verdana; letter-spacing:0; background:transparent; color:#5b6670; height:15px; margin:5px 0 0 0; padding:0 15px 0 0; }

#toolbar { position:relative; float:right; display:inline; text-align:right; font:x-small Verdana; color:#fff; letter-spacing:0; background:transparent; margin:10px 0; padding:0; }
  #toolbar a { color:#fff; background:transparent; }
	#toolbar form { margin-top: 10px;}
	#toolbar select {display:inline;}

/* form details */
form { margin: 0; padding: 0; }
fieldset {background: #F3F3F8; border: 2px solid #EBEAF0; padding: 20px 15px 20px 80px ; margin: 0 0 20px;}
	fieldset ol.last { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid #DDDBE4; }
	fieldset ol li {list-style: none; margin-bottom: 15px;}
	fieldset ol.buttons li {display:inline; vertical-align:middle}
	input, textarea { padding: 8px; font-size: .9em; font-family: Arial, Helvetica, sans-serif; border: 2px solid #ccc }
	select { padding: 2px; font-size: .9em;}
	input:focus, textarea:focus{ background:#EFF5FF }
	input.default-field { width: 250px; outline:none; display: block}
	textarea.default-field  { height:90px; width: 250px; outline:none; display: block }
	input.small-field { width: 100px; padding: 4px; outline:none;}
	input.default-checkbox { margin-right: 10px; background: transparent; border:none }
	input.default-btn { margin:0; padding-right:7px; padding-left:7px; background: #4E54C1; color: #fff; border-color: #404495; font-weight: bold; margin: 0 10px 0 0;}
	input.small-btn { padding: 4px; background: #4E54C1; color: #fff; border-color: #404495; font-weight: bold; }
/* end form details */


#footer { position:inherit; width:100%; bottom:0; color:gray; background-color:transparent; padding:0 0 0.5em 0; }
  #footer p { font:xx-small Verdana; margin:1em 2em 10px 21px; }
  #footer p a { color:gray; }

span.toleft { float:left; width:36em; margin-right:1em; text-align:left; }

/* START:notice */
#flash_notice { height:1%; border-color:#9c9; color:#060; text-align:left; border:1px solid #ccc; padding:0.5em 0.5em 0.5em 30px; font-size:small; margin:1em 0 1em 0; background:url(/images/ok_icon.gif) #E2F9E3 left no-repeat; }
#flash_error { height:1%; color:#fff; text-align:left; border:1px solid #ccc; padding:0.5em 0.5em 0.5em 30px; font-size:small; margin:1em 0 1em 0; margin-bottom:-1px; min-height:20px; background:url(/images/alert_icon.gif) #c00 2px 2px no-repeat; }
#flash_warning { height:1%; border-color:#9c9; color:#060; text-align:left; border:1px solid #ccc; padding:0.5em 0.5em 0.5em 30px; font-size:small; margin:1em 0 1em 0; background:url(/images/info_icon.gif) #edf3fe left no-repeat; }

.positive_notice, .negative_notice, .neutral_notice { padding: 5px; text-align: center; font-size: small; margin: 20px 0px; }
	.positive_notice { background-color: #D5EEAA; border: solid 2px #B2DB6B; color: #4F940F; }
		  .positive_notice a { color: #4F940F; }
	.negative_notice { background-color: #FFD3D3; border: solid 2px #FFAFAF; color: #c00; }
		  .negative_notice a { color: #c00; }
	.neutral_notice { background-color: #dcebff; border: solid 2px #a7d1ff; color: #2a8cb7; }
		  .neutral_notice a { color: #2a8cb7; }

html>body #flash_notice { height: auto }
html>body #flash_error { height: auto }
html>body #flash_warning { height: auto }
/* END:notice */

/* TABLES */
.list-line-even{ background:#ddd; }
.list-line-odd{ background:#eee; }
  .list-line-odd td, .list-line-even td{ border:1px solid #fff; }

.next-prev-week{ font-size:x-small; background:#eee; text-align:center; text-transform:uppercase; }
  .next-prev-week a{ font-size:x-small; }

	table { border-collapse: collapse; border:0; border-style:none; border-spacing: 0; width: 100%; }
	.basetable {margin:15px 0 35px 0}
	.basetable th {font-weight:bold; padding:12px 5px 5px 5px; margin:0; font-size:16px;}
	.basetable td {padding:12px 5px 12px 5px;border-bottom:1px solid #f1f5f6;margin:0;}
		td.long-left {text-align:left;background-color:#ffffff;}
		td.long-right {text-align:right;background-color:#ffffff;}
		td.blue {background-color:#f3f7f8;border-bottom:1px solid #e9f0f2;}
		td.yellow {background-color:#fff9bd;border-bottom:1px solid #f2f0b6;border-right:0px;}
		td.hover, tr.hover { background-color: #E6E0EE; }
		th.hover, tfoot td.hover { background-color:ivory; } 
		td.listreturned, td.listdelete { width: 20px; }
    td.listdueto { width: 150px; text-align: left; }
    td.listwho { width: 150px; text-align:left; }
    td.listedit { width: 25px; text-align: center; } 
  tr.old_row { background: #f2f2f2;}
  tr.archive_row { background: #dadada; color: #888;}
  tr.today_row { background: #ffc; }

span.today{ background-color:yellow; padding:2px 6px 2px 6px; font-size:x-small; text-transform:uppercase; color:#333; }
span.yesterday{ background-color:#c4e3ff; padding:2px 6px 2px 6px; font-size:x-small; text-transform:uppercase; color:#333; }

.cal-content{ font-size:9px; line-height:11px; }
.cal-sum{ font-size:13px; line-height:12px; font-weight:bold; color:#92ba39; }
/* END:TABLES */

span.link_in_h { font-size:11px;}
.dumb { color:#888; font-style:italic;}

span.highlight { background-color:#ffc;}

span.download-xls span.download-pdf span.download-doc { color:#333; font-weight:normal; font-style:italic;}
span.download-xls a { font-size:11px; padding-left:2em; padding-bottom:2px; height:4em; background:url(/images/icon_xls.gif) transparent 0.3em 0 no-repeat;}
span.download-pdf a { font-size:11px; padding-left:2em; padding-bottom:2px; height:4em; background:url(/images/icon_pdf.gif) transparent 0.3em 0 no-repeat;}
span.download-doc a { font-size:11px; padding-left:2em; padding-bottom:2px; height:4em; background:url(/images/icon_doc.gif) transparent 0.3em 0 no-repeat;}
p.download-files { font-size:11px; margin-bottom:2em;}

span.client_id { font-size:10px;}
span.h3_extrainfo { font-size:10px; color:#666;}
span.h3_extrainfo_important { font-size:10px; color:#ff0000;}
span.project_id { font-size:9px;}

/* highlights */
.highlights { height:1%; background-color:#ffff99; border:2px solid #ff0000; color:#060; text-align:left; padding:0.5em 20em 0.5em 0.5em; font-size:small; margin:15px 0; }
  .highlights p { color:#000; margin:-4px 0 10px 0; padding:0; }
  .highlights h1 { font-size:medium; color:#92ba39; padding:0; margin:0 0 10px 0; }
  .highlights p.highlight-date { font-size:x-small; font-style:italic; color:gray; padding:0; margin:2px 0; }

/* DELETE link */
a.del { font-weight: bold; color: #ff0000; }
a.del:hover {	color: #ffffff; background-color: #ff0000; }

/* UNHIDE DIV */
.unhide { padding-left:30px; background:url(/images/unhide_bg.gif) transparent repeat-y left; }
.hide { padding-left:20px; background:url(/images/minus_icon.gif) transparent no-repeat left; }
.show { padding-left:20px; background:url(/images/plus_icon.gif) transparent no-repeat left; }

a.ovalbutton{
background: transparent url(/images/oval-gray-left.gif) no-repeat top left;
display: block;
float:left;
font-weight: bold;
font-size: 0.95em;
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
margin: 0 0 0 5px;
}

a.icon_add { background: transparent url(/images/oval-gray-left-add.gif) no-repeat top left; padding-left: 28px; }
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton { color: #494949; /*button text color*/ }
a.ovalbutton span { background: transparent url(/images/oval-gray-right.gif) no-repeat top right; display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/ }
a.ovalbutton span.trash { padding-left: 18px; }
a.ovalbutton:hover{ /* Hover state CSS */ background-position: bottom left; }
a.ovalbutton:hover span{ /* Hover state CSS */ background-position: bottom right; color: black; }

#show-calendar { background: transparent url(/images/calendar.gif) no-repeat top left; padding: 0 0 5px 20px;}