/**
*   Structural selectors
*/
/**
*   @name   :   layout.css
*   @auth   :   mark.forster
*   @desc   :   The master layout file that defines the structure of all pages
*   @revi   :   N/a
*/

html {
    background: #e0e6f1;
    height: 100%;
    width:100%;display:block;
}

body {
    font-family: "Lucida Grande", Verdana, Arial;
    font-size: .8em;
    position: relative;
    padding: 0;
    background: #E0E6F1;
    margin: 0 auto;

    height: 100%;
    width: 100%;display:block;
}

form {
    margin: 0;
    padding: 0;
}

strong {
    font-weight: bold;
}

.Inline {
    display: inline;
}

.Spaced {
    margin: 1em;
    display: block;
    clear: both;
}


#iContent a.disabled {
    color: grey;
}


/**
*   Header Selectors
*/


.banner {
    background: #fff;
    position: relative;
    padding: .5em 0;
    padding-bottom: .75em;
}

.banner h1 {
    margin: 0 0 0 7px;
    padding: .6em 0;
    text-align: left;
    font-size: 1.25em;
    color: #333333;
    font-weight: bold;

}

#iHeader  h1 {
    margin: 0;
    padding: .2em;
    text-align: left;
    font-size: 1.1em;
    color: #333333;
    font-weight: bold;
}


/* container span */
.banner h1 span.productInfo {
    background: url( images/sol_logo.jpg ) 0% 50% /*50%*/ no-repeat;
    padding: 20px;
}

/* fixx */
span.productTitle {
    display: none;
}

/* hedgehog lab issue tracker */
span.productDescription {
    height: 48px;
    padding: 14px 0 14px 35px;
}

/*.banner h1 span.logoText {display:none;}*/

#iHeader h1 a:hover {
    text-decoration: none;
}

#iHeader h1 span {
    float: left;
    padding: 1em .5em;
}

#iHeader form {
    clear: both;
    float: right;
}

.banner ul {
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    clear: right;
    margin-right: 1em;
}

.banner ul li {
    float: left;
    list-style: none;
    margin: 5px;
}

.banner  ul li a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-size: .9em;
}

.banner  ul li form {
    margin: 0;
    padding: 0;
}

.banner  ul li form input {
    border: none;
    background: none;
    color: #000;
    font-weight: bold;
    margin: 0;
    padding: 0;
    font-size: .9em;
    cursor: pointer;
}

div#iFooterWrapper {
    clear: both;
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 800;
}

#iFooter {
    width: 100%;
    margin: 0 auto;
    display: block;
    float: left;
    border-top: solid 1em #E0E6F1;
}


div#iFooterWrapper {
    clear: both;
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 800;
}

#iFooter {
    width: 100%;
    margin: 0 auto;
    display: block;
    float: left;
    border-top: solid .25em #E0E6F1;
}

#iFooter ul.stickybar {
    float: left;
    margin: 0;
    list-style: none;
    width: 100%;
    display: block;
    background: #EBEBEB url( 'images/footer.jpg' ) 50% top repeat-x;
    padding: .5em 0;
}

#iFooter ul li {
    float: left;
    margin: 0 6px;
    width: auto;
}

#iFooter li.right {
    float: right;
    clear: right;
}

#iFooter li.sticky-actions {
    float: right;
}

#iFooter li.sticky-actions ul li.history {
    position: relative;
}








/*                          Ä
    Two column layout flexy with right column fixed

    --------------------
    | <---------> |    |
    | <---------> |    |
    | <---------> |    |
    | <---------> |    |
    | <---------> |    |
    | <---------> |    |
    | <---------> |    |
    --------------------


*/
#modal_div{
    z-index:900;
	background-color:none!important;
	background-image:url('images/modal-back.png');
    position:absolute;position: fixed;
    left:0px;top:0px;right:0px;bottom:0px;padding:0;margin:0;display:none;width:100%;height:100%;

}

.highlight {
    background-color: #FEFFAF;
}

.messages {
    clear: both;
}

.realContent {
    clear:both;
    position: absolute;
    margin-right: 24em; /*	IMPORTANT	Marigin is opposite to width of .rightpanel */
    margin-left: 0em;
    padding: 1em;
    right: 0;
    left: 0;
    float: left;
    padding-bottom: 2em;
}

/*
    Small panel layout with a single fixed width column in the middle.
    Ideal for login screens, wizards

    --------------------
    ---->|        |<----
    ---->|        |<----
    ---->|        |<----
    ---->|        |<----
    ---->|        |<----
    ---->|        |<----
    --------------------

*/

.smallContent {
    right: 0;
    left: 0;
    width: 580px;
    padding: 1em;
    margin: 1em auto;
    clear: both;
    padding-bottom: 2em;
}

/*
    Two column layout flexy with right column fixed

    --------------------
    | <--> | <--> |    |
    | <--> | <--> |    |
    | <--> | <--> |    |
    | <--> | <--> |    |
    | <--> | <--> |    |
    --------------------

*/
.halvedContent {
    position: absolute;
    margin-right: 19em;
    margin-left: 0em; /*	IMPORTANT	Marigin is opposite to width of .rightpanel */
    padding: 1em;
    right: 0;
    left: 0;
    float: left;

    padding-bottom: 2em;
}

/* Both left and right panel are just short of 50% with left having a 1em margin. Sits just sweet in 1024x768 - Will scale */
div.halvedContent .left {
    float: left;
    clear: none;
    width: 49.125%;
    padding-right: 1em;
}

div.halvedContent .right {
    float: right;
    clear: none;
    width: 49.125%;
}

/*
    Content sits full width on screen with a 1em margin

    --------------------
    | <--------------> |
    | <--------------> |
    | <--------------> |
    | <--------------> |
    | <--------------> |
    | <--------------> |
    | <--------------> |
    --------------------
*/
.fullContent {
background:#E0E6F1 none repeat scroll 0 50%;
bottom:2.75em;
display:block;
left:0.5em;
margin:0;
padding:0 0 3em;
position:absolute;
right:0.5em;
top:7.25em;
}

.not-locked{ padding-bottom:3em!important;bottom:auto!important;}

/*
    One / Two column layout flexy fullscreen layout

    --------------------
    | <-----> | <-----> |
    | <-----> | <-----> |
    | <-----> | <-----> |
    | <---------------> |
    | <---------------> |
    | <---------------> |
    | <---------------> |
    --------------------

*/
.dashboardContent {
    right: 0;
    left: 0;
    padding: 0;
    margin: 0;
    display: block;
    padding: 1em;

    padding-bottom: 2em;
}

div.dashboardContent .left {
    width: 49%;
    margin: 0;
    float: left;
    clear: left;
}

div.dashboardContent .right {
    width: 49%;
    margin: 0;
    float: right;
    clear: right;
}

/*	IMPORTANT	Width is opposite to margin of content pane */
.rightPanel {
    width: 23em;
    float: right;
    margin-right: 1em;
    padding: 1em 0;
    position: relative;
}

.PropertyPane {
    background: #fff;
    margin-bottom: .5em;
    float: left;
    width: 100%;
}

.PropertyPane h2 {
    margin: 0;
    padding: .25em;
    background: #bbf;
    background: #eff4f9;
    color: #5e6a72;
    font-size: 1.3em;
}

.PropertyPane h3 {
    margin: 1em;
    color: #5e6a72;
    font-weight: bold;
}

.PropertyPane .Pane {
    border-top: none;
    border-color: inherit;
    float: left;
    width: 100%;
}

.PropertyPane dl {
    margin: .25em;
}

.PropertyPane ul {
    clear: left;
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}

.PropertyPane ul li {
    list-style: none; /* margin:.25em 0; */
    padding: 0;
    clear: left;
    float: left;
    width: 100%;
}

.PropertyPane ul li a {
    float: left;
    /*clear: left;*/
    margin: .5em;
}
.PropertyPane ul li img{ float: left;
    clear: left;
    margin: .5em;}

.PropertyPane ul li.current {
    background: #D4EFFF;
}

.PropertyPane ul li span {
    float: right;
    clear: right;
}

.PropertyPane p {
    margin: 2em;
    padding: 0;
}

.PropertyPane ul.last {
    border-top: solid 1px #ddd;
}

.PropertyPane form {
    margin: 1em;
}

.PropertyPane dl dt {
    font-style: italic;
    color: #999;
    font-weight: bold;
}

.PropertyPane dl dd {
    margin: 0;
}

.task-types  ul li a {
    border-left-width: .5em;
    border-left-style: solid;
    border-color: #fff;
    font-size: 1em;
    padding: 0 .25em;
}

.task-types  p {
    margin: .25em;
    border-bottom: solid 1px #ddd;
}

.task-types  em {
    padding: .25em;
    float: right;
    clear: right;
    font-size: 1.25em;
}

.case-list {
    float: left;
}

.case-list  a {
    font-size: 1em;
    padding: .25em;
    width: 9em;
}

.case-list  em {
    padding: .25em;
    float: right;
    clear: right;
    font-size: 1.25em;
}

div.Selected {
    background: #dd6;
    border: inherit;
    filter: alpha( opacity = 70 );
    opacity: .7;
    -moz-opacity: .7;
    border: dashed 1px #333;
}

div.Transparents {
    filter: alpha( opacity = 20 );
    opacity: .2;
    -moz-opacity: .2;
}

/*.hover {
    background: #e6e6e6;
    cursor: pointer;
   
}
*/

a.Handle {
    height: 100%;
    background: #333;
    padding: 1em;
    color: #fff;
    cursor: move;
    text-decoration: none;
}

a.Handle:hover {
}

#iContentWrapper {
    float: left;
    width: 100%;
}

#iContent {
    width: 100%;
    margin: 0 auto;
    clear: right;
    padding-top: 1em;
    float: left;

    background: #e0e6f1;
}

.feedback {
    display: block;
    margin: .5em;

    background: #ffe url( 'images/feedback.gif' ) .5em 1em no-repeat;
    border: 1px solid #eec;
    clear: both;

}

.feedback ul {
    margin: 1em;
    padding: 0;
    clear: both;
    margin-left: 3em;
}

.feedback li {
    font-weight: bold;
}

div.Pane div.feedback p {
    margin: 1em;
    clear: both;
    margin-left: 3em;
}

div.error {
/*FCC*/
    background: #fee url( 'images/error.gif' ) .5em 1em no-repeat;
    border: 1px solid #FCC; /*#C03;*/
}

div.notification {
/*FCC*/
    background: #eef url( 'images/more-info.gif' ) .5em 1em no-repeat;
    border: 1px solid #CCF; /*#C03;*/
}

span.fieldError {
/*background:red;*/
    color: #CC0033;
    display: block;
    padding: 0;
    clear: both;
    font-weight: bold;
    background: url( 'images/field-error-base.gif' ) left bottom repeat-x;
    padding-bottom: 1em;
	margin:1em;
}




/*  Table Styles */
table td * {
    word-wrap: break-word;
}

.GenericTable {
    margin: 1em;
}

/*  Generic table layout & structure */
.GenericTable {
    margin: 0 1em;
}

.GenericTable table {
/*display:block;*/
    padding: 0;
    font-size: .9em;
    width: 100%;
    margin: 1em auto;
    clear: both;
}

.GenericTable table thead {
    width: 100%;
}

.GenericTable table tr {
    width: auto;
    clear: both;
}

.GenericTable table thead tr th {
    text-align: center;
    padding: 5px;
    white-space: nowrap;
}

.GenericTable table thead tr th a {
    display: block;
    background: 50% right no-repeat;
}

.GenericTable table tbody tr td, .Table thead tr th {
    padding: .5em;
}

.GenericTable table tbody tr td {
    padding: .25em;
    table-layout: fixed;
    vertical-align: middle;

}

.GenericTable table thead tr th.sortable a {
    margin: 0 .1em;
    padding: .25em;
    padding-left: 1.5em;
    font-size: 1.1em;
    text-align: left;
}

/* Grey styled table */

.GreyTable table {
    display: block;
    width: 100%;
    padding: 0;
    margin: 1em auto;
    font-size: .9em;
}

.GreyTable table thead {
    width: 100%; /* background:red; */
}

.GreyTable table tr {
    width: auto; /* background:blue; */
    clear: both;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.GreyTable table thead tr th {
/* background:#fff url('images/table-header-background.gif') 50% bottom repeat-x; */
    text-align: center;
    padding: 5px;
    border: 1px solid #ccc;
}

.GreyTable table thead tr th a {
    display: block;
    background: 50% right no-repeat;
}

.GreyTable table tbody tr td, .GreyTable thead tr th {
    padding: .5em;
}

.GreyTable table tbody tr td {
    background-color: #f5f5f5;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    color: #222;
    padding: .25em;
    vertical-align: middle;
    table-layout: fixed;
}

.GreyTable table tbody tr td.darker {
    background-color: #eee;
}

.GreyTable table thead tr th.darker {
    background-color: #bbb;
}

.GreyTable table tbody tr.odd td {
    background-color: #f0f0f0
}

.GreyTable table tbody tr.odd td.darker {
    background-color: #e9e9e9;
}

.GreyTable table thead tr th.sortable a {
    background: url( 'images/sorter.png' ) -2001px 50% repeat-y;
    font-size: 1.1em;
    text-align: left;
    padding: .25em;
    padding-left: 1.25em;
    margin: 0 .1em;
}

.GreyTable table thead tr th.order1 a {
    background-position: -4000px 50%;
}

.GreyTable table thead tr th.order2 a {
    background-position: 0px 50%;
}

.GreyTable table tbody tr.itemHover td {
    background: #eec;
    color: #000; /*font-size:1.2em;*/
}

.GreyTable table tbody tr.itemHover td.darker {
    background: #ddb;
}

.GreyTable table tbody tr.itemHotSpot td {
    background: #ffd;
}

.GreyTable table tbody tr.itemHotSpot td.darker {
    background: #eec;
}

/*
Issue table specific stylies
*/
.GreyTable table tbody tr td.colID a {
    text-decoration: none;
    margin: .25em;
    float: left;
    width: 100%;
    display: block;
}

.GreyTable table tbody tr td.colID a:hover {
}

.GreyTable table tbody tr.itemHover td.colID a {
    text-decoration: underline;
}




.bordered {
    border: solid 1px red;
}



hr {
    border: none;
	clear:both;width:100%;margin:0;padding:0;height:1px;
    border:none;background:#ccc;
}


.ajaxLoading {
    background-image:url( 'images/loader.gif' )!important;
	background-position:50% 50%!important;
	background-repeat:no-repeat!important;
}




div#UsersPanel {
    clear: both;
    float: left;
    width: 100%;
    margin: 0em;
}

div.UserItem dl {
    float: left;
    margin: .5em;
    width: 30.125em;
    border: solid 1px #e2e2e2;
    font-size: .9em;
    height: 8em;
}

div.UserItem dl dt {
    display: block;
    float: left;
    text-align: center;
    margin: 0;
    height: 100%;
    display: block;
    border-right: solid 1px #e2e2e2;
}

div.UserItem dl dt img {
    margin: 0 auto;
    border: solid 1px #666;
    padding: 0;
    background: #eee;
    width: 6em;
    height: 6em;
    margin: .25em;
}

div.UserItem dl dd {
    float: right;
    padding: 0 .5em;
    width: 20.5em;
    padding: 0 .25em;
    padding-left: 1.75em;
    margin: .5em 0 .25em 0;
}

.FindPanel {
    /*width: 100%;*/
    /*float: left;*/
    border-bottom: solid .5em #E0E6F1;
    position:absolute;
    top:0em;left:0em;right:0em;
    height:3em;
}

.FindPanel form {
    float: right;
    margin: .25em;
    width: auto;
}
.FindPanel a{font-size:1.2em;float:right;clear:right;text-decoration:underline;}



.messages {
    clear: both;
    display: none !important;
}

p {
    clear: both;
}

a{color:#128DFF;}
a:hover {color:#128DFF;}
a:focus {outline-style: none;}
div.Pane h2.title{
    background:#D4EFFF url(images/h2-background.gif) repeat-x scroll 50% bottom;
}


.floating {
    width: 80%;
    height: 40%;
    position: absolute;
    margin: 15% 20%;
    z-index: 1000;
    border-width: 1em;
}



.intoNoWhere {
    position: absolute;
    left: -100%;
    top: -100%;
}


/*
#iResetPassword label{margin:1em;}

*/

#fldSearchField {
	border:1px solid #DDDDDD;
	font-size:1em;
	padding:0.25em;
	width:17.125em;
}

#fldSearchField.loading {
    background: #fff url( 'images/ajax-loader.gif' ) right 50% no-repeat;
}


.floating-panel {
    position: absolute;
    left: 0;
    height: 33em;
    top: 2em;
    right: 0em;
    display: none;
}

.trans_70 {
    filter: alpha( opacity = 80 );
    opacity: .8;
    -moz-opacity: .8;
    background: #ddd;
}

.shrink {
    height: auto;
}

.shrink {
    height: auto;
    top: 2em;
    left: 0;
    right: 0em;
    background: #fff;
    height: 33em;
    float: left;
    overflow: hidden;
}

.some-pane {
	background: #fff;
}

.editing-pane {
    position:absolute;left:18em;right:0;
    top:3.425em;bottom:0em;
    background: #fff;
    border-left: solid .5em #E0E6F1;
    display:block;
}
.editing-pane .ScrollPane{border-top:1px solid #5387BA;border-top:1px solid #5387BA;}


.adminPane {
	float:left;margin:0 2em 2em 0;
}



.results-pane {
    position: absolute;
    display:none;
    width: 15em;
    bottom:0em;
    top:3.5em;
}

.contacts-pane {
    position: absolute;
    width: 18em;
    top:3.425em;
    bottom:0;
    /*border-left: solid .5em #E0E6F1;*/
}

.left-pane {
      position:absolute;
      left:0em;
      right:18.5em;
      top:0em;
}

.filter-pane {
    position: absolute;
    width: 18em;
    top:0em;
    right:0em;
    border-left: solid .5em #E0E6F1;
    background:#E0E6F1;
}

.filter-pane .some-pane {
	border-bottom: solid .5em #E0E6F1;
	background: #fff;
}

.contacts-pane .working-pane{top:2.5em!important;border-top:solid 1px #5387BA;}

.some-pane .working-pane {
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top:0;
}



.some-pane .working-pane .scroll-pane {
    position: absolute;
    top: 0;
    background: #fff;
    left: 0;
    right: 0;
    bottom: 0em;
    overflow: auto;
}



.scroll-pane{position:relative;}

 span.Field a {

    float:left;
    background:url('images/remove.jpg') left 50% no-repeat;margin-left:0px;
    text-indent:-3000px;width:1.5em;line-height:3em;

}


.file-field input{width:16em;}

.some-pane  .scroll-pane {
    bottom: 0;
}

.contacts-pane dl dt {
    padding: .25em .5em;
    background: #5387BA;
    border-bottom: solid 1px #426C94;
	color:#fff;
}




.contacts-pane dl dd {
    padding: .25em .5em;
    position: relative;
	border-bottom:solid 1px #E6E6E6;
}

.contacts-pane dl dd.alternate {background:#fafafa;}
.contacts-pane dl dd input {
    margin: .25em;
    position: absolute;
    right: 0.125em;
}


.contact-card-panel{position:absolute;left:0;top:0;right:0;bottom:0;margin:0;padding:0;display:block;}

.contact-info-details dl dd{padding: .5em .5em;}
#contact-detail dl dd{padding: .5em .5em;}
.contact-information dl dd.add-tags{padding:0!important;}
.contact-card-panel dl dd.add-tags{padding:0!important;}


/*#contact-information dl dd {background:url('images/remove.png') right 50% no-repeat;}*/

.contacts-pane dl dd a {
	display:block;
	height:100%;
	line-height:1.75em;
	text-decoration:none;
	width:auto;
}
.contacts-pane dl dd.hover{background: #f2f2f2;} 
/*.contacts-pane dl dd.checked {background: #f2f2f2;}*/

.contacts-pane dl dd a:focus {
}

.contacts-pane dl dd a strong {
    font-weight: bold;
}

/**
*  View specific forms
*/

.editing-pane form {
/*  width:50em;*/
}


.loading-pane {
    background: #fff url( 'images/ajax-loading_w_b.gif' ) 50% 50% no-repeat!important;
    /*background: #fff url( 'images/loader.gif' ) 50% 50% no-repeat!important;*/
}

.ajax-loading{
	background: #fff url( 'images/task-ajax.gif' ) right 50% no-repeat!important;
	padding-right:40px;
}
.floating-menu {
    position: relative;
}

.floating-menu div {
    position: absolute;
    width: 15em;
    float: left;
    left: -.5em;
    background: #FEFFAF;
    z-index: 950;
    float: left;
    top: 2em;
    display: none;
    margin-top: -1px;
    border: solid 1px #E7EA9D;
    border-top: 0;
}

.floating-menu div form {
    float: left;
}

.floating-menu div ul {
}

.floating-menu div ul li {
    margin: .5em;
}

.floating-menu div form {
    border-top: solid 1px #ddd;
}

.floating-menu div form label {
    margin: .5em;
}

.floating-menu div form input {
    margin: .5em;
}

.seperator {
    border-top: solid 1px #ccc;
    margin-top: 1em;
}



#add-task-form span.Field {
    width:16.5em;
}
#add-task-form span.Field label{width:6em;font-size:.9em;padding:.75em 0;}
#add-task-form span.Field select,
#add-task-form span.Field input{width:8em;}
#add-task-form span.ClearedField{width:50em!important;clear:both;}
#add-task-form span.ClearedField label{dispay:none;}
#add-task-form span.ClearedField input{width:48em;}



#add-task-form span.Field {
    width:16.5em;
}

/**
*   Main Contacts Index Pane
*/
.contacts-application-pane{
    position:absolute;
    top:0em;bottom:0em;left:0em;right:0em;display:block;
    float:none;margin:0;padding:0;
}

.contacts-application-pane{
    position:absolute;
    top:0em;bottom:0em;left:0em;right:0em;display:block;
    float:none;margin:0;padding:0;
}


.dashboard-application-pane{
    position:absolute;
    top:0em;bottom:0em;left:0em;right:0em;display:block;
    float:none;margin:0;padding:0;

}

.dashboard-application-pane .GenericTable{
	position:absolute;top:3.125em;left:0;bottom:0;right:0;bottom:0;display:block;padding:0;margin:0;
overflow:auto;	
}

/**
*   Main Tasks Index  Pane
*/
.tasks-application-pane{
    position:absolute;
    top:0em;bottom:0em;left:0em;right:0em;display:block;
    float:none;margin:0;padding:0;
    background:#fff;
}


.tasks-application-pane .filter-bar-pane{height:3em;}
/*



*/
.tasks-application-pane .filter-bar-pane span.Field a {
    float:left;
    background:url('images/refresh.jpg') 50% 50% no-repeat;margin-left:0px;
    text-indent:-3000px;width:3em;line-height:3em;

}
.tasks-application-pane .filter-bar-pane span.Field{
	width:auto;border-right:solid 1px #D4D693;float:left;
	}
.tasks-application-pane .filter-bar-pane span.RightField{border-left:solid 1px #D4D693;border-right:none;}
.tasks-application-pane .filter-bar-pane span.Field select{width:10em;}
.tasks-application-pane .filter-bar-pane span#user-filter-field{background:url('images/user-task.jpg') 6px 50% no-repeat;padding-left:20px;}
.tasks-application-pane .filter-bar-pane span#type-filter-field{background:url('images/flag-task.jpg') 6px 50% no-repeat;padding-left:20px;}
.tasks-application-pane .filter-bar-pane span#date-filter-field{background:url('images/date-task.jpg') 6px 50% no-repeat;padding-left:20px;}

.tasks-application-pane .task-list-pane{
    background:#FFFFFF none repeat scroll 0 0;
    border-top:0.5em solid #E0E6F1;
    bottom:0;
    display:block;
    left:0em;clear:left;
    position:absolute;
    right:0;
    top:3em;
    overflow:auto;
}
/**
*
*/
.contact-list-holder{background:#fff;position:absolute;
top:0;bottom:0;left:0;right:0;display:block;
}

.contact-list-holder .contacts-fat-list{
	position:absolute;overflow:auto;
	top:2.5em;bottom:0;left:0;right:0;
	
}


.contact-list-holder ol{margin:1em;list-style:decimal;}
.contact-list-holder ol li {line-height:1.5em;margin-bottom:.5em;position:relative;padding:.25em;padding-left:2.25em;float:left;
border:solid 1px #eee;margin-right:.25em;  width:16em;
}
.contact-list-holder ol li img{margin:0em .25em;position:absolute;left:0em;border:solid 1px #999;}


 .toolbar{
    postion:absolute;top:0em;left:0em;right:0em;display:block;
    height:2.5em;background:#67A7E3;
border-bottom:solid 1xp #5387BA;
}


.footer-toolbar{
    postion:absolute!important;
    bottom:0em;left:0em;right:0em;
    display:block;  height:2.5em;
    background:#FEFFAF;
}

.gen-toolbar ul{float:right;position:absolute;right:.5em;}
.gen-toolbar ul li{float:left;/*border-left:1px solid #D4D693;*/}
.gen-toolbar ul li a{
	background-position:left 50%;
	background-repeat:no-repeat;
    padding: 0 .25em;
	margin-left:1em;
    width: auto;
    float: left;
    display: block;
    height: 100%;
    line-height:2.5em;
color:#fff;
text-decoration:none;
/*padding-left:1.5em;*/
}
.gen-toolbar ul li a:hover{background-color:#5387BA;}
.gen-toolbar ul li input{
    padding: 0 .25em;
	margin-left:1em;
    width: auto;
    float: left;
    display: block;
	margin-top:.5em;
}


.gen-toolbar ul li span {
    padding: 0 .25em;
    width: auto;
    float: left;
    display: block;
    height: 100%;
}

.gen-toolbar ul li span a {
    display: inline;
    float: none;
margin:0;padding:0;

background-position:left 50%;
background-repeat:no-repeat;
padding: 0 .25em;
margin-left:1em;
width: auto;
float: left;
display: block;
height: 100%;
line-height:2.5em;
/*padding-left:1.5em;*/
}

.gen-toolbar ul li.to-right {
    float: right;line-height:2.25em;
}

.gen-toolbar ul li span ul li{float:left;}


.gen-toolbar ul li span.exporting-field{width:30em;}
.gen-toolbar ul li span.tagging-field{width:30em;}
.gen-toolbar ul li span.tagging-field li input{margin:.5em 0;}

.contact-list-holder .contacts-fat-list ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    padding-bottom: .5em;
	
}

.contact-list-holder .contacts-fat-list ul li {
    float: left;
    width:28.25em;
    height:12em;
    border: solid 1px #ccc;
    margin: .5em 0 0 .5em;
}

.merging-list .contacts-fat-list li.contact-card {
  border:dashed 1px #666;
  filter:alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity:0.5;
cursor:pointer;

}

.merging-list .contacts-fat-list li.contact-card-hover {
  filter:alpha(opacity=100);
  opacity: 1.0;
  -moz-opacity:1.0;
background:#f9f9f9;
border:solid 1px #e6e6e6;

}

.merging-list .contacts-fat-list li.contact-card-selected {
  border:solid 1px #67A7E3;
  background-color:#f9f9f9;
  filter:alpha(opacity=100);
  opacity: 1.0;
  -moz-opacity:1.0;
}

.contact-list-holder dl {position:relative;}
.contact-list-holder dl dt{position:absolute;left:.5em;top:.25em;}
.contact-list-holder dl dd{margin:.25em 0;margin-left:5em;}
.contact-list-holder dl.tags-list dd{margin:0;}
.contact-list-holder dd.many-tags{border-top:solid 1px #f1f7F2;margin:0em;}
.contact-list-holder dl dd ul.tags-list{float:left;margin:0;padding:0;width:100%;display:block;clear:both;margin:.5em;}
.contact-list-holder dl dd ul.tags-list li{float:left;width:auto;margin:0;border:none;height:auto;margin:0 .5em .5em 0;}
.contact-list-holder dl dd ul.tags-list li a{text-decoration:none;background:#ECECEC;color:#000;cursor:default;}
._mark_as_tagging_ .contact-list-holder dl dd ul.tags-list li a{text-decoration:underline;padding-left:20px;background:none;color:auto!important;
	background:transparent url(images/delete-tag.gif) no-repeat scroll left 50%;
	padding-left:18px;cursor:pointer;}

/**
*       TAGGING
*/

/* Tag Container */
.contact-info-header dl dd.tags{}

/* Viewing Tags */
.contact-info-header dl dd.tags #the_tags{}
.contact-info-header dl dd.tags #the_tags ul{float:left;list-style:none;margin:.25em;}
.contact-info-header dl dd.tags #the_tags ul li{float:left;line-height:1.8em;margin-right:.5em;}
.contact-info-header dl dd.tags #the_tags ul li span{background:#ECECEC;}
/* Adding Tags */
.contact-info-header dl dd.tags .add-tags{}
.contact-info-header dl dd.tags .add-tags ul{float:left;list-style:none;margin:.25em;}
.contact-info-header dl dd.tags .add-tags ul li{float:left;line-height:1.8em;margin-right:.5em;}
.contact-info-header dl dd.tags .add-tags ul li span{}


.deletable-tags li a {background:url('images/delete-tag.gif') left 50% no-repeat;padding-left:18px;}
.edit-tags-action{background:url('images/edit-tag.gif') left 50% no-repeat;padding-left:18px;}
li.not-a-tag a {background:none;padding:0;}




.contact-card-panel ul.deletable-tags li input[name='new_tag']{width:7em;}




.contact-tab-panel{position:absolute;
bottom:0;top:3em;right:0;left:0;display:block;

    overflow:auto;
}





/**
*   The header that displays the contacts name, title, avatar and tags in display mode
*/

.contact-card-panel .first-name{margin:0;float:left;display:block;}
.contact-card-panel .contact-name{color:#fff;
font-size:1.4em;
line-height:1.75em;
padding:0 0 0 .5em;}
.contact-card-panel .contact-title{color:#fff;font-size:1em;font-weight:bold;}
.contact-card-panel .company-name{color:#fff;font-size:1em;font-weight:bold;}

.contact-info-header{border-top:1px solid #5387BA;
    position:absolute;top:2.5em;height:6.5em;left:0em;right:0em;
}

.contact-info-details{
    border-top:0.5em solid #E0E6F1;
position:absolute;top:9.5em;bottom:0em;left:0em;right:0em;overflow:auto;
}

.contact-info-header dl{position:absolute;display:block;left:0;right:0;top:0;bottom:0;margin:.25em;}
.contact-info-header dl dd,.contact-info-header dl dt{margin:.5em;}
.contact-info-header .first-name{margin:0;float:left;display:block;}
.contact-info-header .contact-name{color:gray;font-size:1.4em;}
.contact-info-header .contact-title{color:#000;font-size:1em;font-weight:bold;}
.contact-info-header .company-name{color:#000;font-size:1em;}
.contact-info-header .tags{
	clear:left;
	float:left;
	left:0;
	margin:0;
	position:absolute;
	right:6em;
	top:0;
}
.contact-info-header .avatar{position:absolute;right:0em;top:0em;width:64px;height:64px;background:#fff;
background-position:50% 50%;background-repeat:no-repeat;}
.contact-info-header .avatar img{width:64px;height:64px;}







/**
*  TASKs / Notes / DeTails
*/
.contact-information-pane{
    position:absolute;
    top:4.65em;bottom:0;left:0;right:0;display:block;
    position:absolute;right:0;top:9em;bottom:0;
}

.contact-information-pane tab-pane-holder{
    /*background:red;*/
position:absolute;left:0;right:0;bottom:0;top:2em;display:block;
}

.contact-information-pane .contact-tab-panel{
    /*position:absolute;*/
/*bottom:0;top:2.5em;padding-top:1em;right:0;left:0;display:block;*/
/*overflow:auto;*/
}

/**
*   Contact information page - the pane that shows details, notes and tasks
*/
.contact-information {
    position:absolute;margin:0;padding:0;left:0;top:3em;right:0;bottom:0;
}
.contact-information dl.tags-list dd{margin:0;clear:both;width:auto;}
.contact-information dl.tags-list dd ul{float:left;clear:both;}
.contact-information dl.tags-list dd ul li{float:left;}


/* Contact Details */
.contact-information dl{width:auto;float:left;clear:both;padding:0;margin:0;margin:.5em 0;display:block;}

.contact-information dl dt {
    padding:.25em;margin:0;
    background: #FFFB45;
    font-style:normal;
    text-align:left;

    width:auto;float:left;clear:both;
}

.contact-panel img{border:solid 1px #aaa;width:64px;height:64px;}
.contact-information dl dd {

    position: relative;clear:both;
}

.some-pane .import-pane{
    position:absolute;
    top:2.5em;
    bottom:2.5em;
    left:0;right:0;display:block;
    overflow:hidden;
    /*overflow:auto;*/
}

.import-pane .working-pane .import-scroll-pane{
    top:2em;bottom:0;left:0;right:0;display:block;
    background:#f4f4f4;border-top:solid 1px #999;
}






.absolute{position:absolute!important;}



.contact-big-detail {height:9.75em;border:1px solid red;}

.contact-panel{position:absolute;
    left:0;top:10em;bottom:0;
    display:block;
    width:28em;
}


/*.note-list dt.task-groupbackground:#FFC812 ;width:auto;padding:.25em;float:left;clear:both;}*/

/**
*   Contacts > Index > Notes
*/

#contact-notes-list {padding-bottom:1em;}
.note-list {clear:both;}
.note-list dt{padding:0;margin:0;width:auto;padding:.25em; float:left;clear:both;margin:.5em 0;}
.note-list dt.task-group{background:#FFC812 ;width:auto;padding:.25em;float:left;clear:both;}
.note-list dd{margin:0;clear:both;}
.note-list dd.empty{height:3em;border:dotted 1px #333;}

.note-list dd dl {clear:left;margin:0;padding:0;position:relative;min-height:6.5em;border-bottom:solid 1px #ddd;}
.note-list dd dl dd{margin:0 .5em;clear:none;}
.note-list dd dl dd.note-meta span,
.note-list dd dl dd.note-meta em{margin:.5em 0;float:left;display:block;margin-right:.5em;}
.note-list dd dl dd.note-info{position:absolute;left:0;top:2em;}
.note-list dd dl dd.note-info img{width:4em;}
.note-list dd dl dd.note-body {margin-left:5em;clear:left;margin-bottom:1em;}
.note-list dd dl dd#edit-box span.Field{margin:0!important;margin-bottom:1em!important;padding:0!important;}
.note-list dd dl dd#edit-box span.Field textarea{width:99%!important;height:5em;margin:0!important;border:1px solid #888888;}

.note-list dd dl dd#view-box{display:block;}
.note-list dd dl dd#edit-box{display:none;}
.note-list dd dl dd#edit-box textarea{width:100%;border:none;}
.note-list dd.editing dl dd#view-box{display:none;}
.note-list dd.editing dl dd#edit-box{display:block;}

.note-list dd dl dd.note-actions{position:absolute;right:.5em;color:#999;top:.5em;display:none;}
.note-list dd dl dd.note-actions ul{float:left;list-style:none;margin:0;padding:0;}
.note-list dd dl dd.note-actions ul li{float:left;margin:0;padding:0;margin-left:.5em;}

.note-list dd dd.note-actions ul li#confirm-action{display:none;}
.note-list dd dd.note-actions ul li#cancel-action{display:none;}
.note-list dd dd.note-actions ul li#edit-action{display:block;}
.note-list dd dd.note-actions ul li#delete-action{display:block;}
.note-list dd dd.note-actions ul li#delete-action span a{margin-left:.25em;margin-right:.25em;}
.note-list dd dd.note-actions ul li#delete-action span strong{margin-right:.25em;}
.note-list dd.editing dd.note-actions ul li#edit-action{display:none;}
.note-list dd.editing dd.note-actions ul li#delete-action{display:none;}
.note-list dd.editing dd.note-actions ul li#confirm-action{display:block;}
.note-list dd.editing dd.note-actions ul li#cancel-action{display:block;}
.note-list dd.is_deleting dl dd.note-actions{display:block!important;}
.note-list dd.is_deleting dl dd.note-actions ul li#delete-action {display:block;}


.note-list dd.hover {
    background:#f9f9f9;
    cursor: pointer;

}
.note-list dd.hover .note-actions{display:block;}


dl.notes-left-today dt.note-group{background:#FFC812;}
dl.notes-left-yesterday dt.note-group{background:#FFD923;}
dl.notes-left-this-month dt.note-group{background:#FFEA34;}
dl.notes-left-recently dt.note-group{background:#FFFB45;}



/**
*   Task list selectors
*/
#contact-tasks-list {padding-bottom:3em;}
#contact-tasks {overflow:auto;top:3em;bottom:0em;left:0em;right:0em;}
#contact-tasks .task-list {clear:both;margin:0;padding:0;background:#fff;padding-bottom:0em;}

#contact-tasks .task-list dt{margin:.5em 0;padding:.25em; width:auto;float:left;clear:both;}
#contact-tasks .task-list dt.task-group{background:#FFC812 ;width:auto;padding:.25em;float:left;clear:both;}
#contact-tasks .task-list dd.task{
    margin:0;clear:both;padding:0;
    border-top:solid 1px #fff;
    border-bottom:solid 1px #fff;padding-bottom:3em;
    margin:0;clear:left;position:relative;
}

#contact-tasks dl.tasks-overdue dt.task-group{background:#D86048;}


#contact-tasks .active-tasks dt.task-group{background:#FFEA34;}

#contact-tasks .complete-tasks dt.task-group{background:#ddd;}

#contact-tasks .complete-tasks dd.hover,
#contact-tasks .task-list dd.hover{
    background:#f9f9f9;
    border-top:solid 1px #e6e6e6;
    border-bottom:solid 1px #e6e6e6;
    filter:alpha(opacity=100)!important;
    opacity: 1!important;
    -moz-opacity:1!important;
}


#contact-tasks .task-list dd.task-feedback{margin:0;clear:both;float:left;width:100%;padding:0;margin:0;}
#contact-tasks .task-list dd.task-feedback div.feedback{clear:both;margin:.5em .5em;margin-bottom:0em;}


#contact-tasks .complete-tasks dd.task{
    filter:alpha(opacity=40);
    opacity: 0.4;
    -moz-opacity:0.4;}

.is_editing dd.task{
	filter:alpha(opacity=40)!important;
    opacity: 0.4!important;
    -moz-opacity:0.4!important;
z-index:600;
}

.is_editing dd.editing{
	filter:alpha(opacity=100);
    opacity: 1;
    -moz-opacity:1;z-index:700;
}

#contact-tasks .task-list dd dl {clear:left;margin:0;padding:0;position:relative;}

#contact-tasks .task-list dd.is-dirty {/*border-top:solid 1px red!important;border-bottom:solid 1px red!important;*/}


#contact-tasks .task-list dd dl dd{float:left;margin:0;clear:none;}

#contact-tasks .task-list dd.check-mark{position:absolute;left:.5em;top:.75em;margin:0;padding:0;line-height:1.525em;}
#contact-tasks .task-list dd dl dd{}
#contact-tasks .task-list dd dl dd p{width:auto;display:inline;line-height:1.75em;padding:.5em 0}
#contact-tasks .task-list dd dl dd strong.assignee {font-weight:lighter;font-style:italic;}
#contact-tasks .task-list dd dl dd strong.assignee a{text-decoration:none;}

#contact-tasks .task-list dd.hover dl dd strong.assignee a{text-decoration:underline;}
#contact-tasks .task-list dd dl dd strong.type{background:#FEFFAF;color:#000;padding:0 .25em;}
#contact-tasks .task-list dd dl dd select.type_field{display:none;}
#contact-tasks .task-list dd dl dd input.value{display:none;width:35em;}
#contact-tasks .task-list dd dl dd select.assignee_field{display:none;}
#contact-tasks .task-list dd dl dd select.contact_field{display:none;}

#contact-tasks .task-list dd dl dd strong.due-date{color:#999;}
#contact-tasks .task-list dd dl dd input.date_field{display:none;}
#contact-tasks .task-list dd.overdue-task dl dd strong.type{background:#D86048;color:#000}
#contact-tasks .task-list dd.complete-task dl dd strong.type{background:#CEE879;color:#000}

#contact-tasks .task-list dd.checking {background-image:url('images/task-ajax.gif')!important;background-repeat:no-repeat!important;background-position:6px 50%!important;}
#contact-tasks .task-list dd.checking dl dd input{display:none;}

/*  Editing view*/
#contact-tasks .task-list dd.editing {background:#f2f2f2;
    border-top:solid 1px #b6b6b6!important;
    border-bottom:solid 1px #b6b6b6!important;
    filter:alpha(opacity=100)!important;
    opacity: 1!important;
    -moz-opacity:1!important;
}
#contact-tasks .task-list dd.editing dl dd strong.type{display:none;}
#contact-tasks .task-list dd.editing dl dd select.type_field{display:inline;}
#contact-tasks .task-list dd.editing dl dd input.value{display:inline;}
#contact-tasks .task-list dd.editing dl dd p{display:none;}
#contact-tasks .task-list dd.editing dl dd strong.assignee{display:none;}
#contact-tasks .task-list dd.editing dl dd select.assignee_field{display:inline;}
#contact-tasks .task-list dd.editing dl dd strong.contact{display:none;}
#contact-tasks .task-list dd.editing dl dd select.contact_field{display:inline;}

#contact-tasks .task-list dd.editing dl dd strong.due-date{display:none;}
#contact-tasks .task-list dd.editing dl dd input.date_field{display:inline;}

#contact-tasks .task-list dd dl dd.left-item-panel{
   line-height:1.5em;position:absolute;right:.5em;
padding-left:.5em;text-align:right;top:.75em;
    left:2em;text-align:left;
}
#contact-tasks .task-list dd dl dd.right-item-panel{line-height:1.5em;position:absolute;right:.5em;background:#fff;
padding-left:.5em;text-align:right;top:.75em;
}

#contact-tasks .task-list dd dl dd.right-top-item-panel{line-height:1.5em;position:absolute;background:#e2e2e2;
text-align:right;right:.5em;top:3em;display:none;z-index:700;
}

#contact-tasks .task-list dd dl dd.left-top-item-panel{line-height:1.5em;position:absolute;background:#f2f2f2;
text-align:right;left:.5em;top:-1.75em;display:none;z-index:700;
}

#contact-tasks .task-list dd dl dd ul{float:left;border:solid 1px #b6b6b6;border-top:solid 1px #c2c2c2;}
#contact-tasks .task-list dd dl dd ul li{float:left;}
#contact-tasks .task-list dd dl dd ul li a{padding:.75em .5em;display:block;height:100%;padding-left:24px;line-height:1.2em;}
#contact-tasks .task-list dd dl dd ul li label{margin:.5em;line-height:1em;}
#contact-tasks .task-list dd dl dd ul li select{margin:.5em;}
#contact-tasks .task-list dd dl dd ul li a.edit-action{display:none;}
#contact-tasks .task-list dd dl dd ul li a.save-action{display:none;background:url('images/confirm.png') 4px 50% no-repeat ;}
#contact-tasks .task-list dd dl dd ul li a.cancel-action{display:none;background:url('images/cancel.png') 4px 50% no-repeat ;}

/*	state effects */
#contact-tasks .task-list dd.editing dl dd.right-top-item-panel{display:block;}
#contact-tasks .task-list dd.hover dd.right-item-panel{background:#f9f9f9;}
#contact-tasks .task-list dd.editing dd.right-item-panel{background:#f2f2f2;} 

#contact-tasks .task-list dd.editing dd.right-top-item-panel ul li a.edit-action{display:none;}
#contact-tasks .task-list dd.editing dd.right-top-item-panel ul li a.save-action{display:block;}
#contact-tasks .task-list dd.editing dd.right-top-item-panel ul li a.cancel-action{display:block;}


/*#contact-tasks .task-list dd dd.dirty-panel{display:none;width:12px;height:12px;
	line-height:1.5em;position:absolute;background: url('images/is-dirty.png') 50% 50%;
	text-align:right;right:.5em;top:-10px;display:none;z-index:700;
	}
#contact-tasks .task-list dd.is-dirty dd.dirty-panel{display:block;}*/


/**
*	Dashboard items and activity
*/

#dashboard-activites {overflow:auto;top:3em;bottom:0em;left:0em;right:0em;position:absolute;}
#dashboard-activites .activity-list {clear:both;margin:0;padding:0;background:#fff;padding-bottom:0em;}

#dashboard-activites .activity-list dt{margin:.5em;padding:.25em; width:auto;float:left;clear:both;
	height:24px;width:124px;display:block;/*text-indent:-30000px;*/
	text-align:center;line-height:24px;position:absolute;top:0.125em;left:0;
	}

#dashboard-activites .activity-list dd dl {clear:left;margin:0;padding:0;position:relative;}
#dashboard-activites .activity-list dd dl dd{float:left;margin:0;clear:none;}

#dashboard-activites .activity-list dd.check-mark{position:absolute;left:.5em;top:.75em;margin:0;padding:0;line-height:1.525em;}
#dashboard-activites .activity-list dd dl dd{}
#dashboard-activites .activity-list dd dl dd p{width:auto;line-height:1.5em;padding:.25em 0;margin:0;}
#dashboard-activites .activity-list dd dl dd strong.assignee {font-weight:lighter;font-style:italic;}
#dashboard-activites .activity-list dd dl dd strong.assignee a{text-decoration:none;}

#dashboard-activites .activity-list dd.hover dl dd strong.assignee a{text-decoration:underline;}
#dashboard-activites .activity-list dd dl dd strong.type{background:#FEFFAF;color:#000;padding:0 .25em;}
#dashboard-activites .activity-list dd dl dd select.type_field{display:none;}
#dashboard-activites .activity-list dd dl dd input.value{display:none;width:35em;}
#dashboard-activites .activity-list dd dl dd select.assignee_field{display:none;}
#dashboard-activites .activity-list dd dl dd select.contact_field{display:none;}

#dashboard-activites .activity-list dd dl dd strong.due-date{color:#999;}
#dashboard-activites .activity-list dd dl dd input.date_field{display:none;}
#dashboard-activites .activity-list dd.overdue-task dl dd strong.type{background:#D86048;color:#000}
#dashboard-activites .activity-list dd.complete-task dl dd strong.type{background:#CEE879;color:#000}

#dashboard-activites .activity-list dd dl dd strong{font-size:.9em;}
#dashboard-activites .activity-list dd dl dd.left-item-panel{
   	line-height:1em;
	padding-left:142px;
	margin-bottom:.5em;
}
#dashboard-activites .activity-list dd dl dd.right-item-panel{line-height:1em;position:absolute;right:.5em;background:#fff;
padding-left:.5em;text-align:right;top:.25em;
}

#dashboard-activites .activity-list dd dl dd.right-top-item-panel{line-height:1.5em;position:absolute;background:#e2e2e2;
text-align:right;right:.5em;top:3em;display:none;z-index:700;
}

#dashboard-activites .activity-list dd dl dd.left-top-item-panel{line-height:1.5em;position:absolute;background:#f2f2f2;
text-align:right;left:.5em;top:-1.75em;display:none;z-index:700;
}

#dashboard-activites .activity{/*height:35px*/;margin-bottom:10px;border-bottom:solid 1px #eee;}
#dashboard-activites .activity-task dt{background: #A4C5DE;
/*	background:url('images/TaskCreated.png') 50% 50% no-repeat;*/
	}
#dashboard-activites .activity-contact dt{background:#CEE879;
/*	background:url('images/ContactCreated.png') 50% 50% no-repeat;*/
}
#dashboard-activites .activity-note dt{background: #FFC812;
/*	background:url('images/NoteCreated.png') 50% 50% no-repeat;*/
}
























.TagField span {position:relative;margin:.25em;
    }

.floating-tag-container{margin:0;height:15em;
    clear:both;float:left;margin:0;padding:0;
    left:0px;

    background:#fff;
    border:solid 1px #ccc;
    position:absolute;
    left:18em;
    top:3em;
    z-index:967;
    width:40em;
    border-top:none;
    display:none;
}

.floating-tag-container .tag-table{position:absolute;top:0;
    bottom:0em;/*2.795em;*/
    left:0;right:0;overflow:auto;top:0em;
}
.floating-tag-container .Actions{position:absolute;bottom:0;}
.floating-tag-container dl{margin:.5em;padding:0;}
.floating-tag-container dt{border-bottom:dotted 1px #999;margin-bottom:.5em;}
.floating-tag-container dd{display:inline;margin-right:.5em;}

.floating-tag-container .tag-table a{background:#fff;color:#999;padding:.25em;}
.floating-tag-container a.checked{background:#FEFFAF;color:#000;}


#iFlashMessage{
    position:absolute;top:0;width:100%;margin:0;padding:0;
}

#iFlashMessage .fm-container{width:566px;margin:.5em auto;}
#iFlashMessage .fm-container p{clear:both;margin:1em 1em 1em 3em;}

.task-label {background-color:#feffaf;line-height:2em;padding:0.25em;}

.task-label-meeting {}

.filter-bar {
  background-color:#feffaf   !important;
}

.filter-bar span.Field select {
/*	width:12em;*/
}


#contact-edit-form h2{float:left;width:10em;font-size:1em;margin-left:.25em;
background:#fff;
}

.field-block{/*border-top:solid 1px #ddd;*/float:left;width:auto;clear:both;padding:1em 0;margin:0;}
.fields-container{
    float:left;width:39em;
}



.address-field {width:38em;}

 .address-field .street {
    margin-bottom: .5em;width:23em;
}

 .address-field .city {
    margin-bottom: .5em;width:23em;
}

.address-field .state {
    margin-bottom: .5em;
    width: 16.325em;
    float: left;
}

 .address-field .zip {
    margin-bottom: .5em;
    width: 6em;
    float: left;
    clear: none;
}
 .address-field .country {
    margin-bottom: .5em;
    width: 15.325em;
    float: left;
}


.address-field a{
margin-top:2.25em;}


span.address-field span{width:28.5em;float:left;clear:both;}
span.address-field span input{width:27em;}

span.address-field select.address-type {float:left;margin-top:2.75em;
clear:none;
clear:none;
width:5.5em;
}

span.address-field span.dual{width:14.25em;float:left;clear:none;}
span.address-field span.dual label{width:12.75em;}
span.address-field span.dual input{width:12.75em;}





.SingleAction {
    line-height:2em;
float:left;clear:both;
}
.SingleAction a{
    /*background:url('images/generic-add.jpg') left 50% no-repeat;*/
    padding:0.25em;margin:0.5em;
/*margin-left:0;*/
/*padding-left:18px;*/

/*right:0;*/
/*text-indent:-3000px;*/
/*top:0.5em;*/
}

#ui-datepicker-div
{
font-size: 75%;z-index:900;
}




.browser-not-supported{display:none;}




/**
*	Admin panels
*/

#admin-application-pane{}
#admin-application-pane{}
#admin-application-pane{}

#admin-application-pane .content-pane {
    position: absolute;margin-bottom:0em!important;
    top:0em;left:0em;bottom:0;right:18.5em;
}
#admin-application-pane .content-pane .working-pane{top:3em;bottom:0em;}
#admin-application-pane .actions-pane {
    position:absolute;display:block;
    top:0em;bottom:0em;right:0;width:18em;
    background: #fff;
    border-left: solid .5em #E0E6F1;
}
#admin-application-pane .content-pane .working-pane #divContactsView{top:3.5em;}


#admin-application-pane .content-pane ul.Contacts{float:left;width:100%;padding:0;margin:0;margin-bottom:1em;}
#admin-application-pane .content-pane ul.Contacts li{width:26em;float:left;margin:1em 1em 0em 1em;}

#admin-application-pane .content-pane ul.Contacts dl.Contact{float:left;width:100%;padding:.5em;;border:solid 1px #ddd;height:3.5em;}

#admin-application-pane .content-pane ul.Contacts dl.Contact dd.avatar{float:right;clear:right;}

#admin-application-pane .content-pane ul.Contacts dl.Contact dd,
#admin-application-pane .content-pane ul.Contacts dl.Contact dt{float:left;clear:left;margin:.25em 0;}

#admin-application-pane .content-pane ul.Contacts dl.Contact dd.role{}

#admin-application-pane .content-pane ul.Contacts dl.Contact dd.mob{float:left;margin-right:.5em;}
#admin-application-pane .content-pane ul.Contacts dl.Contact dd.tel{float:left;clear:none;margin-left:.5em;}
#admin-application-pane .content-pane ul.Contacts dl.Contact dd.input{float:right;clear:right;}

/* DISABLED CONTACT */
#admin-application-pane .content-pane ul.Contacts dl.enabled-false{background:#f8f8f8;border:solid 1px #eee;}
#admin-application-pane .content-pane ul.Contacts dl.enabled-false *{color:#999!important;}
#admin-application-pane .content-pane ul.Contacts dl.enabled-false a.actEdit {
    background: url( 'images/edit-grey.png' ) left 50% no-repeat;
}
#admin-application-pane .content-pane ul.Contacts dl.enabled-false .avatar img{opacity:0.2;}


#admin-application-pane .content-pane #divUserEdit{}
#admin-application-pane .content-pane #divUserEdit .toolbar{background:#fff!important;}
#admin-application-pane .content-pane #divUserEdit .toolbar ul li a{color:#000!important;}

#admin-application-pane .content-pane #divUserEdit .scroll-pane{top:2.5em!important;}

#admin-application-pane .actions-pane{}
#admin-application-pane .actions-pane .user-list-state{}
#admin-application-pane .actions-pane .user-list-state #create-new-action{display:block!important;}
#admin-application-pane .actions-pane .user-list-state #email-user-action{display:none!important;}
#admin-application-pane .actions-pane .user-list-state #enable-user-action{display:none!important;}
#admin-application-pane .actions-pane .user-list-state #disable-user-action{display:none!important;}
#admin-application-pane .actions-pane .user-list-state #reset-password-action{display:none!important;}

#admin-application-pane .actions-pane .single-user-state{}
#admin-application-pane .actions-pane .single-user-state #create-new-action{display:none!important;}
#admin-application-pane .actions-pane .single-user-state #email-user-action{display:block!important;}
#admin-application-pane .actions-pane .single-user-state #enable-user-action{display:block!important;}
#admin-application-pane .actions-pane .single-user-state #disable-user-action{display:none!important;}

#admin-application-pane .actions-pane .single-user-state #reset-password-action{display:none!important;}

#admin-application-pane .actions-pane .new-user-state{}
#admin-application-pane .actions-pane .new-user-state #create-new-action{display:none!important;}
#admin-application-pane .actions-pane .new-user-state #email-user-action{display:none!important;}
#admin-application-pane .actions-pane .new-user-state #enable-user-action{display:none!important;}
#admin-application-pane .actions-pane .new-user-state #disable-user-action{display:none!important;}



label.error{width:auto!important;color:red;display:block;clear:both;width:30em;}



/* qtip-content */

.qtip-content h2{background:#E1E1E1;padding:.25em;}
.qtip-content p{}