/********************/
 /* CONTENT POSITION */
/********************/

#divtoolbar {
    left: 20px;
    top: 20px;
    display: inline-block;
    margin-bottom: 4px;
    margin-top: 4px;
}
#divtoolbarright {
    right: 20px;
    top: 20px;
    display: inline-block;
    margin-bottom: 4px;
    margin-top: 4px;
}
#divcontent {
    padding: 0px;
    margin: 0px;
    /* margin-left: 165px; */
    background-color:#fff;
    overflow: auto;
}
#divnav 
{
    text-align: right;
    position: absolute;
    right: 20px;
    top: 2px;
    margin: 0px;
    margin-left: 40px;
    height: 40px;
    
    padding: 0px;
    overflow: hidden;
}

#divnav button {
    width: 80px;
}

#divpopup {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
    background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
    background-color:#f9f9f9;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#666666;
    font-family:arial;
    font-weight:bold;
    text-decoration:none;
    padding: 2px;
    z-index: 2000;
}
#diverror {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
    background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
    background-color:#f9f9f9;
    border:1px solid #dcdcdc;
    display: none;
    color:#666666;
    font-family:arial;
    font-weight:bold;
    text-decoration:none;
    padding: 2px;
    z-index: 2000;
}
#divtooltip {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
    background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
    background-color:#f9f9f9;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#666666;
    font-family:arial;
    font-weight:bold;
    text-decoration:none;
    padding: 2px;
    z-index: 2000;
}
div.GridContextMenu
{
    font-size: 12px;
    background-color: #FFFFFF;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#666666;
    font-family:arial;
    font-weight:bold;
    text-decoration:none;
    z-index: 2000;
    width: 90px !important;
    padding: 5px;
} div.GridContextMenu button.menu  {
    width: 90px;
    height: 20px;
    text-align: left;
    font-size: 12px;
    color:#666666;
    font-family:arial;
    font-weight:bold;
    border: none;
    background-color: #FFFFFF;
} div.GridContextMenu  button.menu:hover { background-color: #E7E7E7; } 

div.PopupScreen
{
	border: 1px solid #A9A9A9;
	background-color: #f9f9f9;
	padding: 20px;
}
.ErrorDialog
{
	text-align: justify;
}
ErrorSymbol
{
	background-position: 0px 0px;
	width: 30px; 
	height: 28px; 
	background-image: url(images/SoftripIcons.png);
	display:inline-block; 	
	padding: 0px 5px 0px 5px;
	float: left;
}

/* WRAP ALL CHECKBOXES/RADIO BOXES IN THIS CLASS, so the text content properly aligns with them */
SwitchList 
{
	line-height: 1.6em;	
	vertical-align: top;	
}
HelpPopup
{
	background-color: LemonChiffon;
	border-style: window-inset;
	border-width: thick;
	position: absolute;
	display: none;
	z-index: 1005; /* darn grid resizeable handle is being generated with an inline value of z-index: 1000! */
	padding: 5px 5px 15px 5px;
	text-align: left;
	cursor: move;
} HelpPopup close /* clone of "buttonclose" without the hover/border baggage */ {
	background-position: -96px -128px; /* ui-icon-closethick */
	display: inline-block;
	width: 16px; height: 16px; background-image: url(../css/images/ui-icons_222222_256x240.png);
	cursor: pointer;
	position: relative;
	float: right;
	margin-top: -15px;
} HelpPopup title {
	cursor: move;
	display: block;
	position: relative;
	font-weight: bold;
	font-size: 12px;
} HelpPopup message {
	cursor: auto;
	top: 8px;
	position: relative;
}
  /************************/
 /* END CONTENT POSITION */
/************************/




  /****************/
 /* ICON BUTTONS */
/****************/

buttonmenu, buttonhome,  buttonup, buttondown, buttoncalendar, buttonperson, buttonedit, buttonclose, buttondelete, buttoncopy, buttonsave, buttoncancel, buttonsearch, buttonarrowright, buttonclipboard
{
    border: 1px solid #d3d3d3; background: #e6e6e6 url(../css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555;
    -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
    display:inline-block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;
    width: 16px; height: 16px; background-image: url(../css/images/ui-icons_222222_256x240.png);
    cursor: pointer;
    position: relative;
    top: 2px;
}
buttonmenu:active, buttonhome:active,  buttonup:active, buttondown:active, buttoncalendar:active, buttonperson:active, buttonedit:active, buttonclose:active, buttondelete:active, buttoncopy:active, buttonsave:active, buttoncancel:active, buttonsearch:active, buttonarrowright:active, buttonclipboard:active, 
buttonmenu:hover, buttonhome:hover, buttonup:hover, buttondown:hover, buttoncalendar:hover, buttonperson:hover,  buttonedit:hover, buttonclose:hover, buttondelete:hover, buttoncopy:hover, buttonsave:hover, buttoncancel:hover, buttonsearch:hover, buttonarrowright:hover, buttonclipboard:hover  {
	border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121;
    width: 16px; height: 16px; background-image: url(../css/images/ui-icons_222222_256x240.png);
}

buttonmenu, buttonmenu:active, buttonmenu:hover {
    background-position: -64px 0; /* Select icon here based on background offset */
}
buttonhome, buttonhome:active, buttonhome:hover {
    background-position: 0 -112px; /* ui-icon-home */
}

buttonup, buttonup:active, buttonup:hover {
    background-position: 0 -48px; /* ui-icon-arrowthick-1-n */
}
buttondown, buttondown:active, buttondown:hover {
    background-position: -64px -48px; /* ui-icon-arrowthick-1-s */
}
buttonarrowright, buttonarrowright:active, buttonarrowright:hover {
    background-position: -32px -16px; /* ui-icon-triangle-e */
}
buttoncalendar, buttoncalendar:active, buttoncalendar:hover {
    background-position: -64px -48px; /* ui-icon-arrowthick-1-s */
}
buttonperson, buttonperson:active, buttonperson:hover {
    background-position: -144px -96px; /* ui-icon-person */
}
.buttonadd, .buttonadd:active, .buttonadd:hover {
    background-position: -32px -128px; /* ui-icon-plusthick */
    margin-left: 29px;
    margin-bottom: 0px;
    position: absolute;
}
buttonedit, buttonedit:active, buttonedit:hover {
    background-position: -64px -112px; /* ui-icon-pencil */
}
buttonclose, buttonclose:active, buttonclose:hover
{
    background-position: -96px -128px; /* ui-icon-closethick */
}
buttondelete, buttondelete:active, buttondelete:hover {
    background-position: -176px -96px; /* ui-icon-trash */
    margin-left: 4px;
    margin-bottom: 0px;
    position: absolute;
}
buttoncopy, buttoncopy:active, buttoncopy:hover {
    background-position: -176px -128px; /* ui-icon-copy */
}
buttonsave, buttonsave:active, buttonsave:hover {
    background-position: -96px -112px; /* ui-icon-disk */
}
buttoncancel, buttoncancel:active, buttoncancel:hover {
    background-position: 0 -128px; /* ui-icon-cancel */
}
buttonsearch, buttonsearch:active, buttonsearch:hover {
    background-position: -160px -112px; /* ui-icon-search */
}
arrowright, arrowright:active, arrowright:hover {
	background-position: -32px -16px; /* ui-icon-search */
	/* background-position: -64px 0; /* Select icon here based on background offset */
	width: 16px; 
	height: 16px; 
	background-image: url(../css/images/ui-icons_222222_256x240.png);
	display:inline-block; 
}
buttonclipboard, buttonclipboard:active, buttonclipboard:hover {
    background-position: -160px -128px; /* ui-icon-search */
}

buttoninfo
{
    background-position: -16px -144px; /* ui-icon-search */
	background-image: url(../css/images/ui-icons_222222_256x240.png);
	cursor: pointer; 
	display:inline-block; 
	width: 16px;
	height: 16px;
	position: absolute;
} buttoninfo:hover, buttoninfo:active {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.selected buttonarrowright
{
    border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121;
    width: 16px; height: 16px; background-image: url(../css/images/ui-icons_222222_256x240.png);background-position: -32px -16px;
}

/* only show transparency on screen (to be less intrusive), not handheld, which supports no mouseover to "activate" icon */
@media (min-width: 800px)
{
	buttoninfo 
	{ 
		opacity:0.5;
		filter:alpha(opacity=50); /* For IE8 and earlier */ 
	}
	buttoninfo:hover, buttoninfo:active 
	{
		opacity:1;
		filter:alpha(opacity=100); /* For IE8 and earlier */
	}
}

/* Softrip icons */
buttonbinoculars, buttonbinoculars:hover, buttonbinoculars:active
{
	background-image: url(../css/images/SoftripIcons.png);
	display: inline-block;
	float: left;
	cursor: pointer;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
} buttonbinoculars:hover {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
/* specific coordinates/sizes */
buttonbinoculars {
	background-position: 0px -28px;
	width: 16px;
	height: 14px;
}

.buttonadd1
{
   /* border: 1px solid #d3d3d3; background: #e6e6e6 url([MyPath]/Pics/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; */
    width: 16px; height: 16px; background: #C2C6D5 url(Pics/button-plus-activity-on.gif);
    cursor: pointer; 
}
.buttonadd1:active,  .buttonadd1:hover
{
	border: 1px solid #aaaaaa; font-weight: normal; color: #212121;
    width: 16px; height: 16px; background-color: white;
}

.buttonrefresh, .buttonrefresh:hover, .buttonrefresh:active {
    background-position: -64px -80px; /* ui-icon-refresh */
    margin: 0px 5px;
    background: url(Pics/refresh-off.gif);
    height: 20px; width: 20px;
}
.buttonleft, .buttonleft:active, .buttonleft:hover 
{	background-position: -64px -80px; /* ui-icon-left */
    margin: 0px 5px;
    background:  url(Pics/arrow-left.gif);
    height: 16px; width: 18px;
} 
.buttonright, .buttonright:active, .buttonright:hover  
{
	background-position: -64px -80px; /* ui-icon-right */
    margin: 0px 5px;
    background:  url(Pics/arrow-right.gif);
    height: 16px; width: 18px;
}
.buttonOnePersonInactive, .buttonOnePersonInactive:hover, .buttonOnePersonInactive:active {
    background-position: -64px -80px; /* ui-icon-one-person */
    margin: 0px 5px;
    background: url(Pics/person-one-inactive.gif);
    height: 21px; width: 26px;
}
.buttonOnePersonActive, .buttonOnePersonActive:hover, .buttonOnePersonActive:active {
    background-position: -64px -80px; /* ui-icon-one-person */
    margin: 0px 5px;
    background: url(Pics/person-one-active.gif);
    height: 21px; width: 26px;
}
.buttonMultiPersonInactive, .buttonMultiPersonInactive:hover, .buttonMultiPersonInactive:active{
    background-position: -64px -80px; /* ui-icon-one-person */
    margin: 0px 5px;
    background: url(Pics/person-multiple-inactive.gif);
    height: 21px; width: 26px;
}
.buttonMultiPersonActive, .buttonMultiPersonActive:hover, .buttonMultiPersonActive:active {
    background-position: -64px -80px; /* ui-icon-one-person */
    margin: 0px 5px;
    background: url(Pics/person-multiple-active.gif);
    height: 21px; width: 26px;
}
  /********************/
 /* END ICON BUTTONS */
/********************/


  /********/
 /* GRID */
/********/

#gridcontrols button, #gridcontrols label.ui-button 
{
    margin: 0px 5px 5px 5px;
	display: inline-block;
}
#gridcontrols
{
    vertical-align:middle;
    padding-top: 2px;
}

  /************/
 /* END GRID */
/************/


  /************/
 /* CALENDAR DIV */
/************/

  #divcal table 
	{
        width: 100%;
        border: 1px solid #888;
        height: 100%;
        table-layout: fixed;
        bottom: 0px;
        top: 0px;
    }

    #divcal table th, #divcal table th.fullday
	{
        border-bottom: 1px solid #888;
        background-color: #DDD;
        height: 20px;
        font-size: 12px;
    }
	#divcal table th
    { width: 10%; }
    #divcal table th.fullday
	{ width: 97%; }

    #divcal table td 
	{
        width: 10%;
        background-color: #FFF;
        vertical-align: top;
        border-right: 1px solid #888;
        padding: 2px;
     
    }

    #home .dateheader
	{
        font-weight: bold;
        display:block;
        background-color: #DDD;
        padding: 2px;
        font-size:12px;
    }

     #home .dateheadertoday
	{
        font-weight: bold;
        display:block;
        background-color: #95B5C5;
        padding: 2px;
        font-size:12px;
    }
	
	 #home .cellrheader
	{
        font-weight: bold;
        display:block;
        background-color: #DDD;
        padding: 2px;
        font-size:12px;
        border-bottom: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
    }
    
    #divcal table td div.datecontent 
	{
        overflow: hidden;
        height: 13px;
        padding: 2px;
        /* border-bottom: 1px solid #444; */
        cursor: pointer;
        overflow: hidden;
    }
    
    #divcalpopuptitle {
        color: #009;
        font-weight: bold;
    }
    
    #divcalpopup 
	{
        background-color: White;
        border-bottom: 1px solid #DDD;
    }
	#divcal table td.timerowheader, #divcal table td.timecellon, #divcal table td.timecellonfull, #divcal table td.timecelloff, #divcal table td.timecellofffull
	{
        border-right: 1px solid #444;
		font-weight: bold;
		font-size: 10px;
	
	}
	#divcal table td.timerowheader, #divcal table th.timerowheader
	{
		background-color: rgb(221, 221, 221);
		width: 5%;
		padding: 5px;
	}
	#divcal table td.timecellon, #divcal table td.timecelloff, #divcal table td.timecellonfull, #divcal table td.timecellofffull
	{
        border-top: 1px solid #DDD;
		width: 10%;
	}
	/* don't show "add task" button in time cells until user hovers over them */
	#divcal table td.timecellon .buttonadd, #divcal table td.timecelloff .buttonadd, #divcal table td.timecellonfull .buttonadd, #divcal table td.timecellofffull .buttonadd
	{ display: none; }

	#divcal table td timesuffix
	{
		font-size: x-small;
		vertical-align: super;
		height: 20px;
	}
	#divcal table td.timecellon
	{
		background-color: rgb(255, 255, 224);
		width: 10%;
	}
	#divcal table td.timecellonfull /* separate class for calendar that only has 1 day column */
	{
		background-color: rgb(255, 255, 224);
		width: 97%;
	}
	#divcal table td.timecelloff
	{
		background-color: rgb(250, 240, 180);
	}
	#divcal table td.timecellofffull /* separate class for calendar that only has 1 day column */
	{
		background-color: rgb(250, 240, 180);
		width: 97%;
	}
	#divcal div.calfixedbody
	{
		overflow-y: scroll;
		overflow-x: scroll;
		border-left: 1px solid #444;
		border-bottom: 1px solid #444;
	}

  /************/
 /* END CALENDAR DIV */
/************/


/* Smartphones ----------- */
@media only screen and (max-width: 760px) 
{
  #some-element { display: none; }
}


html.wait, html.wait * { cursor: wait !important; }