﻿* 
{
    margin: 0px;
    font-family: Verdana, Arial;
    font-size:9pt;
    text-align: left;
    color:#333333;
    
}
i.fa {
    color: #C0C0C0;
}
    i.fa.fa-white {
        color:#FFFFFF;
    }
body
{
    height:100%;
    }
#inputdialog .relative-box {
    position:relative;
}
table.fixed {
    table-layout:fixed;
    }
a,a:visited
{
  
	text-decoration:none;
	color: #333333;
}

a:hover,a.sublink:hover,.hover
{
	text-decoration:underline;
	color: Red;
	cursor:pointer; }
.TopMenu a
{
    font-size: 8pt;
    }
.TopMenu a:hover
{text-decoration:none;
    }
a.sublink
{
    color:#808080;
    }
a img {
    border: none;
}
th
{
     color: #808080;
    padding:0px 5px 3px 5px;
    font-weight:bold;
    border-bottom:1px solid #C0C0C0;
    }
    
 .TopMenu
{
    text-align:right;
    margin-right:30px;
    margin-top:5px;
   margin-bottom:5px;
   height:15px;
     }
 .page
{
    margin: 0px 20px 20px 20px;
    background-color:#F1F1F1;
   
    }
 .search_box
{
    border:1pt solid #808080;
    }
.page_body 
{
    /*background: #f1f1f1;*/
    padding-top:15px;}
.semi
{
    background: transparent url(../images/transparent.gif);
    }
.modal
{
    background: transparent url(../images/modal.gif);
    }
/*SELECTABLE*/
.selecteditem
{
	border: 2px solid #999;
	background-color:Red;
}
.
.editBlock
{
    outline: 1px solid transparent;
    }
.selectedBlock,.designBlock
{
    outline: 1px solid #F1F1F1;
    background-color:#ffffff;
    }
.selecthelper
{
	background-color: #000;
	filter:alpha(opacity=30); 
	-moz-opacity: 0.3; 
	opacity: 0.3;
}
.Submenu
{
    }
.menuSelected
{
    font-weight:bold;
    }
    .main_opts
    {
        font-size: 8pt;
        color:#808080;
        }
/*DATA STYLES*/
.OrganisationLink
{
    font-weight:bold;
    }
a.relationLink
{
    color:#808080;
    }
/*TABLE_LAYOUT*/
.HeaderRecord{}

.DataRecord,.DataRecordSelect,.WebLink
{   
    border-bottom: 1pt solid #F1F1F1;
    vertical-align: top;
    cursor:pointer;
    
    }
 .DataRecordSelect
 {
     background-color:#F1F1F1;
     border:1px solid #808080;
     }
  
  .Object,.ObjectImage,.ObjectSelect,.UnMatchedObjectImage,.UnMatchedObjectSelect,.TextObject
  {
      -moz-border-radius: 6px; 
      -webkit-border-radius: 6px; 
      border-radius: 6px; 
      border: 1px solid #CAD8F3; 
      background: #DEE7F8 no-repeat left; 
      padding: 0px 5px 1px 3px;
      white-space:nowrap;
      float: left; 
      list-style-type: none; 
      margin: 0 3px 1px 0px;
      font-weight: normal;
      font-size:9pt;
      color:#333333;
      }
 .TextObject
 {
      border: 1px solid #F1F1F1; 
      background-color: transparent; 
     }
 .UnMatchedObject, .UnMatchedObject a
 {
     color: Red;
    
     }
 .UnMatchedObjectImage
 {
      border: 1px solid Red; 
      background-color: #FFC3AD; 
      
     }
 .ObjectImage
 {
     padding-left:18px;
     }
 
      ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; }
 .Object:hover
  {
    background-color: #BBCEF1; 
    border: 1px solid #6D95E0;
      }

 .ObjectSelect
 {
     border-color: #598BEC; 
     background-color: #598BEC; 
     color: #fff;
     }
  .UnMatchedObjectSelect
  {
      border-color: #C93037; 
     background-color: red; 
     color: #fff;
      }
.closebutton,.emptybutton
{       position:relative;
        top:-2px;
        left:1px;
        width: 7px; 
      height: 7px; 
      overflow:hidden;
      font-size: 6px; 
      background: url(../images/close.gif); 
      margin:0 0 14px 5px;
             }
 .emptybutton
 {background: transparent;
     }
.closebutton:hover { background-position: 7px; }
 
 .navigationbutton
 {
   position:relative;
        top:2px;
          }
   
th.DataRecord
{
   
    vertical-align:middle;
    
    width:10px;
    }
/*FORM_LAYOUT*/

/* Dialog
----------------------------------*/

.ui-dialog .ui-dialog-titlebar {background:transparent; border-top:0px;border-left:0px;border-right:0px;}
.ui-dialog .ui-dialog-title { color:#808080;} 
.ui-widget-content
{
    background:#F1F1F1; 
    }
.ui-dialog .ui-dialog-buttonpane button  /*,button*/
{
    border:1px solid #C0C0C0;
    background-color:#e1f280; 
    
    }
div.WebInput:hover, span.WebInput:hover
{
    text-decoration:underline;
    cursor:pointer;
    background-color:#F1F1F1;
    color:Red;
    }
.webInput,.webInputSum{
        border: 1px solid #C0C0C0;
        padding:1px;
        margin:0px;
        background:#FFFFFF;
        width:99%;
    }
.webInputSum
{
    border: 0px;
    }
.WebInput*
{
    color: #808080;
    }
select
{
    font-size:8pt;
    }
.TextMode
{background-color:transparent;
 border: 0px;
    padding:0px;
    margin:0px;
    }
.MainSearchBox
{
        background:#FFFFFF url(../images/search.gif) no-repeat left;
        padding-left:15px;
        -moz-opacity:50% ;
	filter:alpha(opacity: 50);
	opacity: 50;
        border:1px solid #808080;
         -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}
.SearchSelect
{background:#FFFFFF url(../images/search.gif) no-repeat left;
 border-color: Red;
 -moz-opacity:100% ;
	filter:alpha(opacity: 100);
	opacity: 100;
    }
.minute,.money,.number
{
    text-align:left;
    }
.HiddenField
{
    display:none;
    }
.LinkButton,a.LinkButtonRed,.LinkButtonGrey, input.LinkButton
{
    border:1px solid #C0C0C0;
    background-color:#e1f280;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height:20px;
    width:100px;
    padding:5px;
    margin-right:5px;
    text-align:center;
    }
input.LinkButton
{
    padding-bottom:10px
    }
a.LinkButtonRed{
    background-color:Red;
    border:1px solid black;
    color:White;
   }
   .LinkButtonGrey{
    background-color:#f1F1F1;
    border:1px solid #C0c0c0;
   }
div.dirty
{
    background: url(../images/red_corner.gif) no-repeat right top;
    }
.AutoCompleteItem
    {
        padding:4px;
        border-bottom:1px solid #C0C0C0;
        }
.SubForm
{
    position:absolute;
    border:1px solid #E5E5E5;
    z-index:100;
    /*left:40%;*/
     background: #F1F1F1 url(../images/igoogle/subform-content-bg.png) repeat-x;
    padding:10px 15px 10px 5px;
    /*width:300px;*/
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    }
   .ui-datepicker
   {
       z-index:5000;
       }
.InfoPane
{
    padding-left:10px;
    padding-top:10px;
    overflow:auto;
    position:absolute;

    }
 .FormTitle
 {
     
     border-bottom: 1pt solid #C0C0C0;
     }
.InfoTitle,.FormTitle,.InfoTitleShadow,.PageTitle
{
    color: #808080;
    font-size:13pt;
    font-weight:bold;
   
    }
.PageTitle
{
    font-size:19pt;
    }
.GroupTitle
{
    color: #808080;
    font-weight:bold;
    font-size:11px;
    border-bottom: 1pt solid #C0C0C0;
    padding-top:5px;
    }
  .ParagraphTitle
{
    color: #808080;
    font-weight:bold;
    font-size:15px;
    border-bottom: 1pt solid #C0C0C0;
    padding-top:25px;
    }
.InfoTitleShadow
{
    color:#FFFFFF;
    }
a.label,.comment,.label,.label nobr,.inactive,.MemoRecord,pre,a.comment
{
    color:#808080;
    }
    .comment,a.comment
    {
        
        font-style:italic;
        }
    .WarningText
    {
        color:Red ;
        font-weight:bold;
        }
 .labelMore
 {
     position:relative;
     left:-10px;
     color:#808080;
     }
   /*Help*/
 .HelpText
 {
     border:1px solid #808080;
     background-color: #FFFFCC;
     padding:5px;
     }
 /*Webparts*/
 .scroll-pane
 {
     overflow:auto;
     overflow-x:none;

     height:100%;
     width:99%;
     }
 .WebPartPage
 {
      position:relative;
      overflow:auto;
      overflow-x:none;
     }
 .WebPart
 {
      position:relative;
      background: #FFFFFF url(../images/igoogle/widget-content-bg.png) repeat-x;
    border:1px solid #D0D0D0;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
     }
 .WebPartGrid{
 width:100%;
 /*overflow:auto;*/}
 .WebPartGridTitle
 {position:absolute;
     }
 .WebPartGridTitle
 {
     color:#808080;
     font-weight:bold;
     font-size:16px;
     padding-top:5px;
     
     }
.WebPartGridSubTitle
     {color:#808080;
         font-size:12px;
         padding-top:5px;
         padding-left:10px;
         }
 .WebPartBody,.WebPartBodyNoHeader
 { 
   margin-left:35px;
   padding-bottom:10px;
   padding-right:10px;
     }
  
 .WebPartBodyNoHeader
 {
     margin-left:10px;
     }
 .WebpartTitle
{
    color: #808080;
    font-size:11pt;
    font-weight:bold;
    padding-top:10px;
    border-bottom:1px solid #C0C0C0;
    margin-left:40px;
    }
 .WebpartSubTitle
 {color: #808080;
    font-size:8pt;
    font-weight:bold;
    padding-top:15px;
     border-bottom:1px solid #C0C0C0;
     }
 .WebPartImage
 {
     float:left;
     margin-left:5px;
     margin-top:5px;
     }
     
   
 .WebPartSelected
 {
        background-color:#e1f280;
     }
.WebPartSelected .WebpartTitle
{
    color: #303030;
    font-size:11pt;
    font-weight:bold;
     padding-top:10px;
    border-bottom:1px solid #FFFFFF;
    margin-left:40px;
    }
 .WebPartSelected  .WebPartBody
 {
     background-color: transparent;
     }
     .RecordEdit
     {
         cursor:pointer;
         }
         .RELinks
         {
             background:#F1F1F1;
             border:1pt solid #C0C0C0;
             padding:1px;
             font-size:9pt;
             margin-left:-20px;
             }
/*MENUs*/
.SubMenuDiv
{
   
    position:absolute;
    height:10px;
    margin-top:4px;
    padding-right:200px;
    }
.MenuLink
{
    padding-right:10px;
    }
.MenuLinkImage
{
    position:absolute;
    display:none;
 
    }
    .MenuLinkText
{
    padding-left:0px;
    }
 
 /*Body*/

.page_body-left {
	background: transparent url("i../App_Themes/Default/mages/bg_body-left.png") repeat-y scroll 0pt;
	padding-left: 10px;
}
.page_body-right {
	background: transparent url("../App_Themes/Default/images/bg_body-right.png") repeat-y scroll right 0pt;
	padding-right: 10px;
}

/*Footer*/
.page_footer 
{
    height:28px;
	background:transparent url(../App_Themes/Default/images/bg_footer-center.png) repeat-x scroll 0pt bottom;
	}

.page_footer-left {
	background:transparent url(../App_Themes/Default/images/bg_footer-left.png) no-repeat scroll 0pt bottom;
	padding-left:10px;
}
.page_footer-right {
	background:transparent url(../App_Themes/Default/images/bg_footer-right.png) no-repeat scroll right bottom;
	padding-right:10px;
}  



 /*OBJECt LAYOUT*/

.objectImage
{
    position:absolute;
    
    }    
.objectText
{
    overflow:auto;
    width: 150px;
    }


.MenuTabImage
{
    margin-bottom:3px;
    }


/*CUSTOM CONTROLS*/
.InfoSheet
{
   
    }
    
    
  
    
    /*MainTabs*/
                   /* Tabs
----------------------------------*/
/*.ui-corner-bottom{overflow:auto; height:95%; }*/



#page_mainmenu .ui-widget-content {background:transparent;border:0px;}

/*MainMenu*/
#mainMenu
{
    margin-top:10px;
   padding:0px;
   
    }
#mainMenu img
    {
        margin-bottom:1px;
        margin-top:5px;
        }
#mainMenu li
{
    width:80px;
    list-style:none;
    text-align:center;
    display:inline-block;
    height:60px;
    cursor:pointer;
    }

#mainMenu li a
{
    width:80px;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    font-size:8pt;
    color:#FFFFFF;
    }
#mainMenu li a:hover
{
    text-decoration:none;
    }
#mainMenu li.selected
{
    font-weight:bold;
    background:url('../images/transparent.gif');
    -moz-border-radius-topleft: 6px; 
      -webkit-border-radius-topleft: 6px; 
      border-radius-topleft: 6px;
      -moz-border-radius-topright: 6px; 
      -webkit-border-radius-topright: 6px; 
      border-radius-topright: 6px;
    }    
    #mainMenu li.selected a
{
    color: #333333;
    }
.subMenu
{
    padding:0px;
    padding-left:20px;

    }
 .subMenu
 {
     position:relative;
     
   
     padding:2px;
     display:inline;
     }
 .subMenu li
{
    list-style:none;
    display:inline;
    font-weight:normal;
    padding:2px;
    padding-right:5px;
    text-align:center;
    }
.hidden
{
    display:none;
    }

#tabs .ui-widget-header 
{
    padding-right:60px;
    padding-left:8px;
    }


/*#DetailMenu*/
#MainPane
{
    padding-left: 20px;
    }


#DetailMenu ul, 
#DetailMenu li 
{
	margin: 0px;
	padding: 0px;
	padding-top:5px;
	
}

li.DetailMenuHeader
{
    list-style-type: none;
    font-weight:bold;
    color:#808080;
    }
#DetailMenu  ul li ul li
{
    list-style-type: disc;
    font-weight:normal;
    margin-left: 12px;
    color:#C0C0C0;
    }

/*Ajatooltip*/
.ajaxtooltip{
    position: absolute; /*leave this alone*/
    display: none; /*leave this alone*/
    width: 300px;
    left: 0; /*leave this alone*/
    top: 0; /*leave this alone*/
    background: #F1F1F1;
    border: 2px solid gray;
    border-width: 1px 2px 2px 1px;
    padding: 5px;
    height:300px;
}

/*Status*/
.Statuschanged,a.Statuschanged
{
    
    }
a.inactive
{
    color:#808080;
    }
.Statusremoved,a.Statusremoved
{
    color:#660000;
    text-decoration:line-through;
    }
  .Statusfinished,a.Statusfinished
{
    text-decoration:line-through;
    }
.complete,.Statuscomplete
{       color:#808080;
     /*text-decoration:line-through;*/
    }
 .overdue *,.overdue a,.Statusoverdue,.Statusoverdue a
  {
      color:red;
      }
  .pending,.Statuspending
  {
      color:darkblue;
      }
      a.Statusadded:hover,a.Statuscreated:hover,a.Statusremoved:hover,a.Statuschanged:hover,a.Statusfinished:hover{
	    text-decoration:underline;
	    color: Red;}
.Statusadded,a.Statusadded
{
    color:#333333;
    }
    .Statuscreated,a.Statuscreated
{
    color:darkblue;
    }

    
    .RoundedCorners
  {
      border:0px;
      padding:10px;
      }
  /*ROUNDED Corners*/
    .tlc, .trc, .blc, .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.tlc
	{
	background-image:url(../images/webpart/tlc.gif);
	background-position: 0% 0%;
	}

.trc
	{
	background-image:url(../images/webpart/trc.gif);
	background-position: 100% 0%;
	}
	
.blc
	{
	background-image:url(../images/webpart/blc.gif);
	background-position: 0% 100%;
	}

.brc
	{
	background-image:url(../images/webpart/brc.gif);
	background-position: 100% 100%;
	}

.tb, .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.tb
	{
	background-image:url(../images/webpart/tb.gif);
	background-position: 0% 0%;
	}

.bb
	{
	background-image:url(../images/webpart/bb.gif);
	background-position: 50% 100%;
	}
	
.rb
	{
	background-image:url(../images/webpart/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb
	{
	background-color: #eeeeee;
	background-image:url(../images/webpart/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
	
	/*Fake file FIX*/
	
div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.email,.email_icon
{
    cursor:pointer;
    }
.file {
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	width:50px;
	position:absolute;
	right:0px;
	margin-right:180px;
}
.semitransparent
{
    filter:alpha(opacity=90); 
	-moz-opacity: 0.9; 
	opacity: 0.9;
    }
.filesimple {
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	width:50px;
	position:absolute;
	
}
.SystemMessage
{
    font-weight:bold;
    color: #FF0000;
    }
.message-info, .message-success, .message-warning, .message-error, .message-validation,.message-message,.message-help {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px top;
position:absolute;
z-index:1000;
width:80%;
left:50px;
top:-10px;
float:left;

}
.message-help
{
    color: #00529B;
    background-color:InfoBackground;
    background-image: url('../images/knob/help.png');
    }
.message-info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/knob/info.png');
}
.message-success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/knob/success.png');
}
.message-warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/knob/warning.png');
}
.message-error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/knob/error.png');
}
.message-validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('../images/knob/validation.png');
}
.message{
border:solid 1px #DEDEDE;
background:#EFEFEF;
color:#222222;

}

.messageBody
{
    overflow: auto;
    }
#simplemodal-overlay {
  background-color:#000;
  cursor:wait;
}

#simplemodal-container {
  
  background-color:transparent;

}


/*styles for jquery ui daterangepicker plugin */
.ui-daterangepicker-arrows
    {
        border-style: none;
    border-color: inherit;
    border-width: 0px;
    background: transparent;
}
.ui-daterangepickercontain {
	position: absolute;
	z-index: 9999;
}
.ui-daterangepickercontain .ui-daterangepicker {
	float: left;
	padding: 5px !important;
	width: auto;
	display: inline;
	background-image: none !important;
	clear: left;
}
.ui-daterangepicker ul, .ui-daterangepicker .ranges, .ui-daterangepicker .range-start, .ui-daterangepicker .range-end {
	float: left;
	padding: 0;
	margin: 0;
}
.ui-daterangepicker .ranges {
	width: auto;
	position: relative;
	padding: 5px 5px 5px 0;
	margin-left: 10px;
}
.ui-daterangepicker .range-start, .ui-daterangepicker .range-end {
	margin-left: 5px;
}
.ui-daterangepicker button.btnDone {
	margin: 0 5px 5px 0;
	position: absolute;
	bottom: 0;
	right: 0;
	clear: both;
	cursor: pointer;
	font-size: 1.1em;
}
.ui-daterangepicker ul {
	width: 17.6em;
	background: none;
	border: 0;
}
.ui-daterangepicker li {
	list-style: none;
	padding: 1px;
	cursor: pointer;
	margin: 1px 0;
}
.ui-daterangepicker li.ui-state-hover, .ui-daterangepicker li.ui-state-active {
	padding: 0;
}
.ui-daterangepicker li.preset_0 {
	margin-top: 1.5em !important;
}
.ui-daterangepicker .ui-widget-content a {
	text-decoration: none !important;
}
.ui-daterangepicker li a {
	font-weight: normal;
	margin: .3em .5em;
	display: block;
}
.ui-daterangepicker li span {
	float: right;
	margin: .3em .2em;
}
.ui-daterangepicker .title-start, .ui-daterangepicker .title-end {
	display: block;
	margin: 0 0 .2em;
	font-size: 1em;
	padding: 0 4px 2px;
}
.ui-daterangepicker .ui-datepicker-inline {
	font-size: 1em;
}
.ui-daterangepicker-arrows {
	padding: 2px;
	width: 156px;
	position: relative;
}
.ui-daterangepicker-arrows input.ui-rangepicker-input {
	width: 160px;
	margin: 0 2px 0 20px;
	padding: 2px;
	height: 1.1em;
}
.ui-daterangepicker-arrows .ui-daterangepicker-prev, .ui-daterangepicker-arrows .ui-daterangepicker-next {
	position: absolute;
	top: 2px; 
	padding: 1px;
}
.ui-daterangepicker-arrows .ui-daterangepicker-prev {
	left: 2px;
}
.ui-daterangepicker-arrows .ui-daterangepicker-next {
	right: 2px;
}
.ui-daterangepicker-arrows .ui-daterangepicker-prev:hover, 
.ui-daterangepicker-arrows .ui-daterangepicker-next:hover,
.ui-daterangepicker-arrows .ui-daterangepicker-prev:focus, 
.ui-daterangepicker-arrows .ui-daterangepicker-next:focus {
	padding: 0;
}


/*JscrollPane*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #F1F1F1;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: #C0C0C0 url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
	background-position: 0 -15px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
	background-position: 0 -15px;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


/*ui.dropdownchecklist*/
.ui-dropdownchecklist
{
	height: 17px;
	border: 0px solid #ddd;
	border-right: 0;
	background: transparent url(../images/dropdown.png) no-repeat center right;
	
}
.ui-dropdownchecklist-hover, .ui-dropdownchecklist-active
{
	background-image: url(../images/dropdown_hover.png); 
	border-color: #5794bf;
	
}
.ui-dropdownchecklist-hover .ui-dropdownchecklist-text
{text-decoration:underline;
	color: Red;
	cursor:pointer;
    }
.ui-dropdownchecklist-text
{
	height: 17px;
	line-height: 15px;
	margin-right: 15px; /* background dropdown.png image */
	padding-left:3px;
	padding-right:3px;
}

.ui-dropdownchecklist-dropcontainer
{
	background-color: #fff;
	border: 1px solid #999;
	z-index: 30000;
	padding:3px;
	position: initial!important;
}

.ui-dropdownchecklist-item
{
	padding-left:3px;
}

.ui-dropdownchecklist-item-hover
{
	background-color: #39f;
}
.ui-dropdownchecklist-wrapper {
        vertical-align: bottom;
}

.ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text
{
	color: #fff;
}

.ui-dropdownchecklist-group
{
	font-weight: bold;
	font-style: italic;
}

.ui-dropdownchecklist-indent
{
	padding-left: 18px;
}
/*OptionButtons*/
.xButtonList
{
    display:none;
    }
 

            
.xButton
        {
            position: absolute;
            border: 1px solid #AAAAAA;
             background: #CCCCCC url('../images/bg-xButton2.png') repeat-x;
            vertical-align: middle;
      -webkit-border-radius: 6px; 
      border-radius: 6px;
      -moz-border-radius: 6px; 
        z-index:100;
            
        }
        .xButton:hover
        {
            border: 1px solid #808080;
           background: #F1F1F1;
        }
        .xButtonInner
        {
            display: block;
        }
        .xButtonMore
        {
            padding: 5px 6px 4px 5px;
            display: block;
            float: right;
            border-left: 1px solid transparent;
            height:100%;
        }
        .xButtonMore:hover
        {
            border-left: 1px solid #808080;
        }
        .xButtonText
        {
            display: block;
            padding: 4px 4px 4px 5px;
            margin-left:5px;
            text-align:center;
            
        }
        .xImageButton
        {
            text-align:left;
            }
        .xButtonOptions
        {
            display:none;
            padding:5px 3px 3px 5px;
            list-style-type:none;
            margin:0px;
            z-index:3000;
        }
        
        .xButtonOptions li 
        {
            padding-bottom:3px;
            }
        .xButtonOptions .selected
        {
            display:none;
            }
       
       .mini .xButton
{
    background:transparent;
    border: 1px solid #F1F1F1;
    -webkit-border-radius: 3px; 
      border-radius: 3px;
      -moz-border-radius: 3px; 
    }    
    
  .mini .xButtonMore
        {
            padding: 2px 3px 1px 2px; 
            
      }
    .mini .xButtonText
        {
    
            padding: 1px 1px 1px 2px;}
            
   .mini li
   {
       list-style-type:none;
       padding:5px 3px 3px 2px;
       } 
      
        
        .separator
        {
            border-top: 1px solid #AAAAAA;
            }
            .total,.total_amount
        {
            border-top: 1px solid #808080;
            }
            .total_amount
            {
             font-weight: bold;
                }
           .ButtonAdd{background:url('../images/add.gif') no-repeat left;padding-left: 18px;}
           .ButtonTag{ background:url('../images/16x16/tag.png') no-repeat left;padding-left: 18px;}
           .ButtonEmail{background:url('../images/email.png') no-repeat left;padding-left: 18px;}
           .ButtonNoEmail{background:url('../images/no-email.png') no-repeat left;padding-left: 18px;}
           .ButtonMail{background:url('../images/16x16/documents.png') no-repeat left;padding-left: 18px;}
           .ButtonPhone{background:url('../images/16x16/phone.png') no-repeat left;padding-left: 18px;}
           .ButtonTask{background:url('../images/16x16/paste.png') no-repeat left;padding-left: 18px;}
           .ButtonNote{background:url('../images/16x16/edit.png') no-repeat left;padding-left: 18px;}
            .ButtonSave{background:url('../images/16x16/save.png') no-repeat left;padding-left: 18px;}
            
          .ui-tabs 
{
    border:0px;}
    
    .ui-dialog-buttonpane button 
    {
        border: 1px solid #AAAAAA;
             background: #CCCCCC url('../images/bg-xButton2.png') repeat-x;
            vertical-align: middle;
        }
    .xButtonButton { float: right; margin: .5em .5em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible;}
    
    
    /*BUTTONS*/
    .fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	
	a.fg-button { float:left; }
	
	/* remove extra button width in IE */
	button.fg-button { width:auto; overflow:visible; }
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-buttonset { float:left; }
	.fg-buttonset .fg-button { float: left; }
	.fg-buttonset-single .fg-button, 
	.fg-buttonset-multi .fg-button { margin-right: -1px;}
	
	.fg-toolbar { padding: .5em; margin: 0;  }
	.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
	.fg-toolbar .fg-button { font-size: 1em;  }
    
.ui-state-active
{
 font-weight:bold;   }
 
 div.MailtoDiv {border: 1px solid #C0C0C0; background-color: White;overflow: auto;min-height:17px;max-height:38px; width:100%;padding:0;padding-top:1px;margin:0;margin-right:4px;}
 .MailToInput{border: 0px;background: transparent; width: 100px;  }
 
 .ac_results_noscroll{
	z-index:10000;
	border:1px solid #C0C0C0;
	background-color: #FFFFFF;
	padding:5px;
    height: 500px;
    overflow: auto;
}

.PrintPage
{   -moz-border-radius: 12px; 
      -webkit-border-radius: 12px; 
      border-radius: 12px; 
    border:1px solid #C0C0C0;
    background-color: #FFFFFF;
    padding:60px 50px 60px 80px;
    width:800px;
    }
    
 .PrintPageFooter
 {
        color:#808080;
        margin-top:200px;
        text-align:center;
 }   
 .editableText:hover {
	outline: 1px dashed grey;
}
.editableToolbar:hover + * {
	outline: 1px dashed grey;
}
.editableToolbar 
{

}
.editableToolbar a{
    display: block;
    width: 17px;
    height: 15px;
    float: left;
    margin: 2px;
}
.editableToolbar .edit {	
	background: url("../images/editable_icons.png");
}
.editableToolbar .save {
    background: url("../images/editable_icons.png") -16px 0;
}
.editableToolbar .cancel {
    background: url("../images/editable_icons.png") 25px 0;
}
.editableToolbar
{
    display:none;
    }
.editableButtonSpan
{
    position:relative;
    
    }
.editableButton
{
    position:absolute;
    
    }
.NewFieldSeperator
{
    border-top: 1px dashed #808080;
    }
.MailThreads,.MailThreadsoverdue,.MailThreadstoday
{
    background-color:#E1E1E1;
    border:1px solid #C0C0C0;
    color: #000000;
    font-weight:bold;
     -moz-border-radius: 3px; 
      -webkit-border-radius: 3px; 
      border-radius: 3px; 
      padding: 1px 4px 1px 4px;
      font-size:9px;
      margin-left: 5px;
    }
    .MailThreadsoverdue{border-color:Red;background-color:#FFAAAA}
    .MailThreadstoday{border-color:Green;background-color:#B0D1A3;}
    .HistoryGridOption{color:#c0c0c0;font-weight:normal;}
    .HistoryGridOptionSelected{font-weight:bold;color:#000000;}
    .prettydate,.simpledate{ white-space:nowrap;}
    
    .Grid td{
        padding-right:10px;
    }

 