@CHARSET "ISO-8859-1";


#tag_panel
{
    background-color: white;
    padding: 5px;
}

#new_tag
{
    background:#005887;
    padding: 10px 0 10px 5px;
    color: white;
}

#tagbar
{
    background: #374558;
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    padding: 0;
    padding-left: 20px;
}

#tagbar a { color: white; text-decoration: none; padding: 5px;}
#tagbar a:visited { color: white; }
/* #tagbar a.current { color: rgb(255,255,204); text-decoration: underline; } */
#tagbar a:hover, #tagbar a.current { color: black; background-color: rgb(255, 255, 204); }



#tagbar ul { padding: 0; margin: 0;}

#tagbar ul li
{
    display: inline;
    list-style-type: none;
    padding-right: 10px;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
}




.activity_tweet
{
    background: #eecc00;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5em;
    padding: 20px;
    margin-top: .5em;
    font-size: 130%;
}

.activity_tweet p.sender span.user { font-weight: bold }
.activity_tweet p.sender span.screenname { font-weight: bold }

.activity_tweet p.sent_on { margin-top: 1em; }
.activity_tweet p.sender { margin-bottom: .5em; }

div.twitter_warning
{
    background: yellow;
    border-bottom: 1px solid orange;
    padding: 10px 10px 10px 50px;
    text-align: left;
    font-weight: bold;
}

	
	/* --------------------------------
	   layout table
	   --------------------------------*/
	
	table.layout
	{
		border-collapse: collapse;
	}
	
	div.entity
	{
		min-width: 500px;
		/* background: #C7E0E7;	*/
	}
	
	div.entity table.layout
	{
		min-width: 500px;
	}
	
	div.dialog
	{
		min-width: 500px;
		background: #2097BB;	
	}
	
	div.dialog h2
	{
		color: white;
		border-bottom: 0 none;
		padding: 8px;
		margin: 0px;
	}
	
	input.wide
	{
		width: 330px;	
	}
	
	table.layout textarea
	{
		width: 330px;
	}
		
	table.layout th
	{
		width: 120px;
		vertical-align: middle;
		padding: 5px;
		background: #68B6CE;
		border: 1px solid white;
		text-align: right;
		color: white;
	}
	
	table.layout th small {
	  font-size: 11px;
  }
  
	table.layout td
	{
		width: 480px;
		padding: 5px;
		background: #C7E0E7;
		border: 1px solid white;
	}
	
	table.layout td.wide
	{
		width: 600px;
		background: white;
		padding: 0px;
	}
	
	table.layout td.accept_decline
	{
		width: 600px;
		text-align: center;
		background: white;
		padding-top: 10px;
	}
	
	table.layout td.help
	{
		color: #2097BB;
		font-size: 8pt;
		text-align: left;
		background: transparent;
		border: 0 none;
		padding: 0px 8px 8px 0px;
		width: auto;
	}
	
	table.layout th.title, h2.title,
	div.container h2
	{
		font-size: 14pt;
		color: #2097BB;
		text-align: left;
		background: transparent;
		border: 0 none;
		padding: 20px 0px 5px 0px;
		width: auto;
	}
	
	table.layout th.empty,
	table.layout tr.action th,
	table.layout tr.action td
	{
		background: transparent;
		border: 0 none;
	}
	
	table.layout td label
	{
		display: inline;	
	}
	
	table.layout span.layout-help
	{
		color: #2097BB;
		font-size: 8pt;
		text-align: left;
	}
	
	table.layout td.buttonbar,
	div.buttonbar
	{
		background: #002040 url(images/tabs/entity_actions.png) repeat-x;
		margin: 0px;
		padding: 2px 5px;
		text-align: right;
	}
	
	table.layout td.shotgunbar,
	div.shotgunbar
	{
		background: transparent;
		border: none;
		padding: 5px 5px;
		text-align: right;
	}
	
	table.layout td.page_footer
	{
		padding: 10px;
		background: #2097bb;
		text-align: right;
	}
	
	table.layout td.page_footer input.left
	{
		float: left;
	}
	
	/* links */
	a.inline_action {
		font-size: 9pt;
		color: #2097BB;
		text-decoration: underline;
	}
	
	/* disclosures */
	
	h2.disclosure
	{
		border: 0 none;
		margin: 0px;
		cursor: pointer;
		font-weight: bold;
		color: #2097BB;
	}
	
	div.disclosure_show h2
	{
		padding-left: 25px;
		background: white url(images/disclosure_show.gif) no-repeat left center;
	}
	
	div.disclosure_hide h2
	{
		display: block;
		padding-left: 25px;
		background: white url(images/disclosure_hide.gif) no-repeat left center;
	}
	
	div.disclosure h2 span
	{
		display: inline;
		color: black;
	}
	
	div.disclosure_hide table.checklist,
	div.disclosure_hide input
	{
		display: none;
	}

	
	/* layout subtables */
	
	table.annotated
	{
		border-collapse: collapse;
		width: 20px;	/* make table push out */
	}
	
	table.annotated th
	{
		border: 0 none;
		background: transparent;
		padding: 2px 4px 0px 0px;
		color: #2097BB;
		text-align: left;
		font-size: 8pt;
		line-height: 8pt;
		vertical-align: bottom;
	}
	
	table.annotated td
	{
		border: 0 none;
		padding: 0px;
	}
	
	table.annotated input,
	table.annotated select
	{
		margin-right: 2px;
	}
	
	table.annotated input.address
	{
		width: 400px;
	}
	
	table.annotated input.city
	{
		width: 168px;
	}
	
	table.annotated input.zip
	{
		width: 80px;
	}
	
	/* vertical tables */
	
	table.vertical
	{
		border-collapse: collapse;
	}
	
	table.vertical th
	{
		vertical-align: middle;
		padding: 5px;
		background: #68B6CE;
		border: 1px solid white;
		color: white;
	}
	
	table.vertical td
	{
		padding: 5px;
		background: #C7E0E7;
		border: 1px solid white;
	}
	
	/* --------------------------------
	   service
	   --------------------------------*/
	
	div.container
	{
	
	}
	
	/* add some extra padding for standalone entity view with no tabs */
	div.container_standalone
	{
		padding: 20px;
	}
	
	div.tabbed
	{
		padding-bottom: 20px;
		margin-left: 250px;
		padding:10px;
		
	}
	
	form.service,
	div.service
	{
		background: white;
	}
	
	div.shotgun
	{
		background: white url(images/shotgun_top.gif) no-repeat top left;
		padding: 10px 0px 0px 0px;
		margin: 10px 0px 0px 10px;
	}
	
	/* use as inner wrapper for rounded corners */
	div.shotgun form.service 
	{
		width: 620px;
		padding: 15px;
		margin: 0px;
		background: #2097bb url(images/shotgun_bottom.gif) no-repeat bottom left;
	}
	
	div.shotgun table.layout th.title,
	div.shotgun table.layout td.help
	{
		
		color: white;
	}
	
	form.service textarea
	{
		width: 380px;
		height: 60px;
		overflow-y: auto;
		overflow-x: hidden;	
	}
	
	form.service textarea.fatboy
	{
		/*margin-left: 140px;*/
		width: 590px;
		height: 360px;
	}
		
	div.exams
	{
		margin: 12px;
	}
	
	/* --------------------------------
	   exams
	   --------------------------------*/
	
	form.exam_content
	{
		width: 720px;
		margin-left: 240px;
		background: white;
		padding: 0px 10px;
	}
	
	div.exam_tabs
	{
		float: left;
		width: 230px;
		padding-right: 10px;
		border-right: 1px solid #ccc;
	}
	
	div.exam_tabs input,
	div.exam_tabs select
	{
		font-size: 8pt;
	}
	
	div.listbox
	{
		position: relative;
		border: 1px solid #ccc;
		height: 220px;
		overflow-y: auto;
		margin-bottom: 8px;	
	}
		
	div.exam_tabs a
	{
		display: block;
		background: white;
		border-right: 1px solid white;
		padding: 5px;
		margin-bottom: 5px; 
	}
	
	table.checklist
	{
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 6px;	
	}
	
	table.checklist th
	{
		width: 20px;
		padding: 5px;
		vertical-align: top;
	}
	
	table.checklist td
	{
		line-height: 18pt;
		padding: 10px;
	}
		
	table.checklist td.checklist_section
	{
		border: 0 none;
		font-size: 14pt;
		font-weight: 100;
		color: #ffb70b;
		padding: 10px 0px 5px 0px;
	}
	
	/* --------------------------------
	   profiles & messaging
	   --------------------------------*/
	
	a.share
	{
		display: block;
		padding: 2px 4px 2px 22px;
		border: 1px solid #999;
		font-size: 8pt;
		color: black;
		background-color: white;
		background-position: 3px center;
		background-repeat: no-repeat;
		float: left;
		margin-right: 4px;
		text-decoration: none;
	}
	
	a.profile
	{
		background-image: url(../images/profiles/link_profile.gif);
	}
	
	a.user
	{
		background-image: url(../images/profiles/link_user.gif);
	}
	
	/* --------------------------------
	   infoporn
	   --------------------------------*/
	   
	div.infoporn
	{
		border: 1px solid #999;
		padding: 5px;
		margin: 5px 0px;
		background: white;
	}
	
	div.infoporn h3
	{
		font-size: 12pt;
		border-bottom: 1px dotted;
		padding-bottom: 4px;
	}
	
	div.infoporn p.byline
	{
		font-size: 8pt;
		color: #999;	
	}
	
	div.infoporn p.status,
	div.infoporn a.dismiss
	{
		float: right;
		font-size: 8pt;
	}
	
	div.infoporn_head
	{
		background-position: 5px 5px;
		background-repeat: no-repeat;
		line-height: 12pt;
		padding: 5px 5px 5px 60px;
		margin-bottom: 4px;
		font-size: 8pt;
	}
	
	div.service_head
	{
		background-color: #def;
	}
	
	div.exam_head
	{
		background: #eee url(images/dashboard/exam.gif) no-repeat 5px 5px;
	}
	
	div.hearing_head
	{
		background: #def url(images/dashboard/hearing.gif) no-repeat 5px 5px;
	}
	
	div.incoming div.service_head
	{
		background-image:url(images/dashboard/service_incoming.gif);
	}
	
	div.outgoing div.service_head
	{
		background-image:url(images/dashboard/service_outgoing.gif);
	}
	
	div#message_form .x-panel-footer {
		background: #fff;
	}
	
	/* --------------------------------
	   documents
	   --------------------------------*/
	table.layout div.documents
	{
		margin-top: 20px;
		padding: 8px 10px 126px 10px;
		background: white;
		border: 1px solid #2097BB;
	}
	
	table.layout div.documents h2
	{
		font-size: 14pt;
		color: #2097BB;
	}
	
	/* IE6 doesn't recognize background images on links,
	   so lets style a div inside the link */
	   
	table.layout div.documents a div
	{
		position: relative;
		display: block;
		float: left;
		
		background-position: left top;
		background-repeat: no-repeat;
		width: 103px;
		height: 103px;
		margin: 10px 5px 5px 5px;
		
	}
	
	/* CC */
	
	div#cc_disabled
	{
		background-image: url(images/documents/cc_gray.gif);
	}
	
	div#cc_enabled
	{
		background-image: url(images/documents/cc.gif);
	}
	
	/* dl */
	
	div#download_disabled
	{
		background-image: url(images/documents/download_gray.gif);
	}
	
	div#download_enabled
	{
		background-image: url(images/documents/download.gif);
	}
	
	/* fax */
	
	div#fax_disabled
	{
		background-image: url(images/documents/fax_gray.gif);
	}
	
	div#fax_enabled
	{
		background-image: url(images/documents/fax.gif);
	}
	
	/* mail */
	div#mail_disabled
	{
		background-image: url(images/documents/mail_gray.gif);
	}
	
	div#mail_enabled
	{
		background-image: url(images/documents/mail.gif);
	}
	
	/* document status badges */
	
	table.layout div.documents a div div 
	{
		background-position: right top;
		margin: 0px;
	}
	
	div.documents div.used
	{
		
		background-image: url(images/documents/badge_tick.gif);
	}
	
	div.documents div.progress
	{
		background-image: url(images/documents/badge_progress.gif);
	}
	
	div.documents div.cross
	{
		background-image: url(images/documents/badge_cross.gif);
	}
	
	div.documents div.warning
	{
		background-image: url(images/documents/badge_warning.gif);
	}
	
	
	
	
	/**** messsages ****/

	div#remainder_msgs
	{
		display: none;
	}
	
	/* edit box for warning about case already being edited */
	div#edit_warning {
		margin: 20px 0 0 20px;
		padding: 5px;
		color: red;
		border: 1px solid black;
		width: 600px;
	}
	
	/*
	div.x-combo-list-inner {
		overflow-y: visible !important;
		width: auto !important;
	}	
	div.x-combo-list-item {
		overflow: visible;
	}
	*/

	/* special class to give you a row *without* default table stylings */
	table.layout td.nostyle,
	table.layout td.nostyle td {
		background: none;
		border: none;
		padding: 0px;
	}
	
	table.layout td.nostyle td.buttonbar, div.buttonbar {
		background:#002040 url(images/tabs/entity_actions.png) repeat-x scroll 0 0 !important;
		margin:0;
		padding:2px 5px;
		text-align:right;
	}
	
	/* breadcrumbs! YEAH! */
	div.container div.breadcrumb {
		padding: 3px;
		color: #2097BB;
		font-size:12pt;
		margin:0 12px;
		padding:10px;
	}
	
	div.container div.breadcrumb a {
		text-decoration: none;
	}
	
	div.container div.breadcrumb a:hover {
		text-decoration: underline;
	}
	
	div.container div.breadcrumb ul {
		margin-left: 0;
		padding-left: 0;
		display: inline;
		border: none;
	}
	
	div.container div.breadcrumb li {
		margin-left: 0;
		padding-left: 2px;
		border: none;
		list-style: none;
		display: inline;
	}
	
	div.container div.breadcrumb li:before {
		content: "\0020 \0020 \0020 \00BB \0020";
		color: #ccc;
	}

	div.container div.breadcrumb ul li.first:before {
		content: " ";
	}
	
	/* right items in titlebar *
	/* saved filters */
    div.titlebar div.right
    {
            display: inline;
            position: absolute;
            right: 20px;
    }


	.add {
		background-image:url(images/tools/add.gif) !important;
	}
	
	.remove {
		background-image:url(images/tools/delete.gif) !important;
	}

        .tweet {
            background-image:url(images/tools/tweet.png) !important;
            }

        .over_limit { color: red }

  table#add_payment tr.credit {
    display: none;
  }
  
  div#saved_filters {
  position: absolute;
  right: 20px;
  display: inline;
}

div#saved_filters input {
  float:left;
}

div#saved_filters img.x-form-trigger {
  display:inline;
  float:left;
}