/*
		Darkest................Lightest
Blue:   #0090D0 #5DA5DA #92BDE5 #C6DAF1 
Red:    #D51C50 #DE636E #E69293 #F0C5C2 
Yellow: #FFC828 #FFD468 #FFE098 #FFEEC9 
Purple: #5F2B7E #7D5795 #9E83AF #C7B9D2 

*/

/* General Classes */
html.appml
{
overflow-y:scroll;
}

body.appml
{
font-family: verdana,helvetica,arial,sans-serif;
font-size: 70%;
color:#000000;
background-color:#FFFFFF;
margin-top:2px;
margin-left:2px;
margin-right:2px;
margin-bottom:2px;
}

table.appml,tr.appml,th.appml,td.appml
{
font-family: verdana,helvetica,arial,sans-serif;
font-size: 100%;
}

a.appml:link    {color:#000000; background-color:transparent}
a.appml:visited {color:#000000; background-color:transparent}
a.appml:active  {color:#0090D0; background-color:transparent}
a.appml:hover   {color:#0090D0; background-color:transparent}

a.appmllist			{color:#0090D0;text-decoration:underline;background-color:transparent;cursor:pointer;}

a.appmllist:link    {color:#0090D0;text-decoration:underline;background-color:transparent;}
a.appmllist:visited {color:#0090D0;text-decoration:underline;background-color:transparent;}
a.appmllist:hover   {color:#92BDE5;text-decoration:underline;background-color:transparent;}
a.appmllist:active  {color:#92BDE5;text-decoration:underline;background-color:transparent;}

a.ical:link    {background-image:url('appmlimages/app_ical_32.gif')}
a.ical:visited {background-image:url('appmlimages/app_ical_32.gif')}
a.ical:hover   {background-image:url('appmlimages/app_ical_32.gif')}
a.ical:active  {background-image:url('appmlimages/app_ical_32.gif')}

a.outlook:link    {background-image:url('appmlimages/app_outlook_32.gif')}
a.outlook:visited {background-image:url('appmlimages/app_outlook_32.gif')}
a.outlook:hover   {background-image:url('appmlimages/app_outlook_32.gif')}
a.outlook:active  {background-image:url('appmlimages/app_outlook_32.gif')}

a.googlecalendar:link    {background-image:url('appmlimages/app_googlecalendar_32.gif')}
a.googlecalendar:visited {background-image:url('appmlimages/app_googlecalendar_32.gif')}
a.googlecalendar:hover   {background-image:url('appmlimages/app_googlecalendar_32.gif')}
a.googlecalendar:active  {background-image:url('appmlimages/app_googlecalendar_32.gif')}


a.app_ics:link,a.app_ics:visited,a.app_ics:hover,a.app_ics:active
{
color:#333333;
text-decoration:none;
background-color:transparent;
height:24px;
padding-left:35px;
padding-top:8px;
display:block;
background-repeat:no-repeat;
margin-bottom:10px;
}

a.app_ics:hover,a.app_ics:active
{
text-decoration:underline;
}


span.appmltitle
{
color:#0090D0;
font-weight:bold;
}

/* --- General Input Classes --- */

form.appml
{
margin:5px;
}

select.appml
{
font-size: 100%;
font-family: verdana; 
/*background-color:#FFFFFF;*/
}

textarea.appml
{
font-family: verdana; 
font-size: 100%;
}

button.appml
{
font-family: verdana; 
font-size: 100%;
}

input.appml
{
font-family: verdana; 
font-size: 100%;
border-left:1px #5DA5DA solid;
border-top:1px #5DA5DA solid;
border-right:1px #5DA5DA solid;
border-bottom:1px #5DA5DA solid;
background-color:#FFFFFF;
}

input.fieldfocus
{
border:1px solid #FFC828;
}

input.appml[disabled]
{
border:1px #D0D0D0 solid;
}

input.appmlradio
{
}

input.appmlcheckbox
{
}

input.appmlbutton
{
background:#C3D3FD;
border:1px solid #0090D0;
}

input.appmlcmd
{
background-color:#FFFFFF;
color:#000000;
height:18px;
width:55px;
border:1px solid black;
margin-right:2px;
font-family: verdana; 
font-size: 100%;
cursor:pointer;
}

.inputmask
{
color:#D0D0D0;
font-style:italic;
}

input.activecolorempty,select.activecolorempty
{
background-color:#E0E0E0;
}

img.appmlpic
{
vertical-align:middle;
}

button.appmlpic
{
height:18px;
border:none;
background:none;
cursor:pointer;
padding:0px;
}


/* Report Classes */

body.appmlreport
{
font-family: verdana, helvetica, arial, sans-serif; 
font-size: 70%;
color:#000000;
background-color:#ffffff;
margin-top:2px;
margin-left:2px;
margin-right:2px;
margin-bottom:0px;
}

table.appmlreport
{
font-family: verdana, helvetica, arial, sans-serif; 
font-size: 100%;
padding:0px;
margin:0px;
border-width:0px 1px 1px 0px;
background-color:#EDEDFF;
}

th.appmlreport
{
font-family: verdana, helvetica, arial, sans-serif; 
font-size: 100%;
background-color:#cccccc;
padding:1px 2px 0px 2px;
margin:0px;
text-align:left;
border-width:1px 0px 0px 1px;
/*background-color:#FFFFFF;*/
background-color:#E8EFF7;
color:#0090D0;
}

td.appmlreport
{
font-family: verdana, helvetica, arial, sans-serif; 
font-size: 100%;
padding:1px 2px 0px 2px;
margin:0px;
background-color:#FFFFFF;
border-width:1px 0px 0px 1px;
}

/* --- LIST CLASSES --- */

table.appmllist
{
font-family: verdana,helvetica,arial,sans-serif;
font-size: 100%;
background-color:#FFFFFF;
text-align:left;
}

th.appmllist,th.appmltreeview
{
font-family: verdana,helvetica,arial,sans-serif;
font-size: 100%;
padding:1px 1px 1px 2px;
padding:0px 2px 0px 2px;
/*background-color:#FFFFFF;*/
background-color:#E8EFF7;
color:#0090D0;
text-align:left;
font-weight:bold;
border:1px solid #C6DAF1;
}

tr.appmllist:hover
{
background-color:#E0EFF6;
}

div.treeviewDIV
{
cursor:pointer;
}

div.treeviewselectDIV
{
background-image:url('appmlimages/app_cmd_new.gif');
background-repeat:no-repeat;
background-position:top left;
padding-left:18px;
height:16px;
text-decoration:underline;
}

/*th.appmltreeview
{
color:#DAA520;
background-color:#FFEEC9;
border:1px solid #FFD468;
}*/

th.appmllistedit
{
font-family: verdana,helvetica,arial,sans-serif;
font-size: 100%;
padding:1px 1px 1px 2px;
padding:0px 2px 0px 2px;
/*background-color:#FFFFFF;*/
background-color:#E8EFF7;	
color:#0090D0;
text-align:left;
font-weight:bold;
}

td.appmllist,td.appmltreeview
{
font-family: verdana,helvetica,arial,sans-serif;
font-size: 100%;
margin:0px;
padding:1px 2px 0px 2px;
border:1px solid #C6DAF1;
text-align:left;
}

/*td.appmltreeview
{
border:1px solid #FFD468;
}*/

td.appmllistedit
{
font-family: verdana,helvetica,arial,sans-serif;
font-size: 100%;
padding:1px 1px 1px 2px;
padding:0px 0px 0px 0px;
text-align:left;
vertical-align:top;
}

/* --- FORM CLASSES --- */

table.appmlform
{
font-family: verdana,helvetica,arial,sans-serif;
font-size: 100%;
background-color:transparent;
text-align:left;
}

th.appmlform
{
font-family: verdana,helvetica,arial,sans-serif;
font-size: 100%;
background-color:transparent;
color:#0090D0;
text-align:left;
font-weight:bold;
}

td.appmlform
{
font-family: verdana,helvetica,arial,sans-serif;
font-size: 100%;
margin:0px;
text-align:left;
}

img.appmlcmd
{
vertical-align:middle;
}

.appmllistWait
{
background-image:url("appmlimages/app_wait_01.gif");
background-repeat:no-repeat;
background-position:center;
filter:alpha(opacity=30);
opacity:.30;
-moz-opacity:0.30;
}

.appmlWaitDiv
{
background-image:url("appmlimages/app_wait_01.gif");
background-repeat:no-repeat;
background-position:center;
filter:alpha(opacity=30);
opacity:.30;
-moz-opacity:0.30;
border:1px solid #555555;
}

#appmlwaitIMG
{
display:none;
position:absolute;
background-image:url("appmlimages/app_wait_01.gif");
background-repeat:no-repeat;
background-position:center;
z-index:100;
width:90%;
height:400px;
}

#appmlwait.show
{
filter:alpha(opacity=30);
opacity:.30;
-moz-opacity:0.30;
}

#xxxappmlwait
{
display:none;
position:absolute;
background-image:url("appmlimages/app_wait_01.gif");
background-repeat:no-repeat;
background-position:center;
background-color:white;
z-index:100;
filter:alpha(opacity=80);
opacity:.80;
-moz-opacity:0.80;
width:100%;
height:400px;
}

#xxxappmlwait.show
{
display:block;
}



.recordnumberspanWait
{
background-image:url("images/app_wait_01.gif");
background-repeat:no-repeat;
background-position:center;
color:#aaaaaa;
}

#recordnumberspan
{
/*
padding-left:2px;
padding-right:3px;
margin-left:2px;
margin-right:2px;
margin-top:0px;
height:15px;
overflow:hidden;
*/
font-family:verdana;
border:1px solid #aaaaaa;
text-align:center;
background-color:#ffffff;
font-size:11px;
width:120px;
color:#333333;
}

div#appmlnav
{
margin-top:1px;
padding-bottom:1px;
}

div#appmlquery
{
display:none;
width:530px;
background-color:#f1f1f1;
border:1px solid #999999;
padding-bottom:2px;
}

div.appmlqueryheader{
width:511px;
height:25px;
border-bottom:1px solid #999999;
}

#appmlquerycmdDIV{
width:500px;
text-align:right;
height:25px;
position:absolute;
z-index:1;
}

div#appmltreeview,div#appmltreeview2
{
position:absolute;
border:1px solid #0090D0;
background:#FFFFFF;
z-index:600;
top:0px;
left:0px;
white-space:nowrap;
display:none;
filter:alpha(opacity=90);
opacity:.90;
-moz-opacity:0.90;
}

div#appmlwaittreeview
{
height:100%;
width:100%;
position:absolute;
background:#FFFFFF;
z-index:600;
top:0px;
left:0px;
display:none;
filter:alpha(opacity=70);
opacity:.70;
-moz-opacity:0.70;
}

table#appmltreeviewheader,table#appmltreeview2header
{
background:#C6DAF1;
border-bottom:1px solid #0090D0;
color:#0090D0;
}

tr.app_listviewrow
{
border:1px solid transparent;
cursor:pointer;
}

tr.app_listviewrow td
{
border-bottom:solid 1px #C6DAF1;
}

tr.app_listviewrow:hover
{
border:1px #0090D0 solid;
background:#C6DAF1;
}

tr.app_listviewrowFocus
{
background-color:#0090D0;
}

#querytreeviewmultipleDIV
{
border-left:1px #0090D0 solid;
width:150px;
height:300px;
float:right;
background:#f1f1f1;
}

#querytreeviewmultipleCMD
{
width:145px;
text-align:right;
margin:2px;
}

input.queryfielderror
{
outline:1px solid #FF8080;
}

span#appmlxspan
{
width:18px;
text-align:center;
cursor:default;
font-weight:bold;
border:1px solid #C6DAF1;
color:#808080;
}

span#appmlxspan:hover
{
border:1px #808080 solid;
color:#B83C3C;
}

#totxml
{
display:none;
}

button.appmlbtn
{
border:none;
width:16px;
height:16px;
background-color:transparent;
background-repeat:no-repeat;
cursor:pointer;
}

button.ical
{
background-image:url('appmlimages/app_calendar_16.gif');
}


button.appmlcmd,button.appmlquerycmd
{
border:1px solid transparent;
background:none;
cursor:pointer;
padding:0px;
padding-right:2px;
overflow:visible;
margin:0px;
font-size:100%;
font-family: verdana, helvetica, arial, sans-serif;
}

button.cmdfirst					{background-image:url('appmlimages/app_nav_first.gif');}
button.cmdfirst_disabled		{background-image:url('appmlimages/app_nav_first_disabled.gif');}
button.cmdprevious				{background-image:url('appmlimages/app_nav_previous.gif');}
button.cmdprevious_disabled		{background-image:url('appmlimages/app_nav_previous_disabled.gif');}
button.cmdnext					{background-image:url('appmlimages/app_nav_next.gif');}
button.cmdnext_disabled			{background-image:url('appmlimages/app_nav_next_disabled.gif');}
button.cmdlast					{background-image:url('appmlimages/app_nav_last.gif');}
button.cmdlast_disabled			{background-image:url('appmlimages/app_nav_last_disabled.gif');}
button.cmddesign				{background-image:url('appmlimages/app_cmd_design.gif');}
button.cmddesign_disabled		{background-image:url('appmlimages/app_cmd_design_disabled.gif');}
button.cmdfilter				{background-image:url('appmlimages/app_cmd_search.gif');}
button.cmdfilter_disabled		{background-image:url('appmlimages/app_cmd_search_disabled.gif');}
button.cmdnew					{background-image:url('appmlimages/app_cmd_new.gif');}
button.cmdnew_disabled			{background-image:url('appmlimages/app_cmd_new_disabled.gif');}
button.cmdreport				{background-image:url('appmlimages/app_cmd_report.gif');}
button.cmdreport_disabled		{background-image:url('appmlimages/app_cmd_report_disabled.gif');}
button.cmdsubmitline			{background-image:url('appmlimages/app_save_01.gif');}
button.cmdsubmitline_disabled	{background-image:url('appmlimages/app_save_disabled.gif');}
button.cmdsubmitline_new		{background-image:url('appmlimages/app_new_01.gif');}
button.cmddeleteline			{background-image:url('appmlimages/app_cmd_delete.gif');}
button.cmddeleteline_disabled	{background-image:url('appmlimages/app_cmd_delete_disabled.gif');}
button.cmdsubmit				{background-image:url('appmlimages/app_cmd_save.gif');}
button.cmdsubmit_disabled		{background-image:url('appmlimages/app_cmd_save_disabled.gif');}
button.cmdprint					{background-image:url('appmlimages/app_cmd_print.gif');}
button.cmdcopy					{background-image:url('appmlimages/app_cmd_copy.gif');}
button.cmdcopy_disabled			{background-image:url('appmlimages/app_cmd_copy_disabled.gif');}
button.cmddelete				{background-image:url('appmlimages/app_cmd_delete.gif');}
button.cmddelete_disabled		{background-image:url('appmlimages/app_cmd_delete_disabled.gif');}
button.cmdfolder				{background-image:url('appmlimages/app_folder_01.gif');}
button.cmdfolder_disabled		{background-image:url('appmlimages/app_folder_01_disabled.gif');}
button.cmdemptylistview			{background-image:url('appmlimages/app_cmd_delete.gif');}

button.cmdfolder,
button.cmdfolder_disabled,
button.cmdsubmitline,
button.cmdsubmitline_disabled,
button.cmdsubmitline_new,
button.cmddeleteline,
button.cmddeleteline_disabled
{
width:18px;
cursor:pointer;
background-repeat:no-repeat;
}

button.cmdfolder,
button.cmdfolder_disabled
{
height:15px;
}

button.cmdsubmitline,
button.cmdsubmitline_disabled,
button.cmdsubmitline_new
{
height:16px;
}

button.cmddeleteline,
button.cmddeleteline_disabled
{
height:18px;
}

button.cmdprevious, button.cmdprevious_disabled, button.cmdfirst, button.cmdfirst_disabled, button.cmdnext, button.cmdnext_disabled, button.cmdlast, button.cmdlast_disabled, button.cmdreport, button.cmdreport_disabled, button.cmdsubmit, button.cmdsubmit_disabled, button.cmdcopy, button.cmdcopy_disabled, button.cmddelete, button.cmddelete_disabled, button.cmdnew, button.cmdnew_disabled, button.cmdfilter, button.cmdfilter_disabled, button.cmddesign, button.cmddesign_disabled, button.cmdprint
{
font-size:11px;
margin:1px;
background-repeat:no-repeat;
padding:3px;
padding-left:18px;
}

button.cmdemptylistview
{
font-family:verdana;
font-size:11px;
margin:1px;
background-repeat:no-repeat;
padding:3px;
padding-left:18px;
border:none;
background-color:transparent;
cursor:pointer;
}

button.cmdfirst,
button.cmdfirst_disabled,
button.cmdprevious,
button.cmdprevious_disabled,
button.cmdnext,
button.cmdnext_disabled,
button.cmdlast,
button.cmdlast_disabled
{
padding-left:13px;
}

button.cmdfirst:hover,
button.cmdprevious:hover,
button.cmdnext:hover,
button.cmdlast:hover,
button.cmdsubmit:hover,
button.cmdcopy:hover,
button.cmddelete:hover,
button.cmdprint:hover,
button.cmdreport:hover,
button.cmdnew:hover,
button.cmdfilter:hover,
button.cmddesign:hover
{
border:1px solid #aaaaaa;
background-color:#E0EFF6;
}

button.cmdreport_disabled,
button.cmdsubmit_disabled,
button.cmdcopy_disabled,
button.cmddelete_disabled,
button.cmdnew_disabled,
button.cmdfilter_disabled,
button.cmddesign_disabled
{
color:#cccccc;
}

span.appmlcmd
{
cursor:default;
border:1px solid #FFFFFF;
}

button.querycmdreset	{background-image:url('appmlimages/app_cmd_new.gif');}
button.querycmdok		{background-image:url('appmlimages/app_cmd_search.gif');}
button.querycmdcalendar	{background-image:url('appmlimages/app_calendar_01.gif');}
button.querycmdtreeview	{background-image:url('appmlimages/app_search_01.gif');}

button.querycmdreset,button.querycmdok
{
font-size:11px;
margin:1px;
background-repeat:no-repeat;
padding:3px;
padding-left:18px;
}

button.querycmdcalendar,button.querycmdtreeview
{
width:18px;
cursor:pointer;
background-repeat:no-repeat;
}

button.querycmdcalendar
{
height:15px;
}

button.querycmdtreeview
{
height:17px;
}

button.querycmdreset:hover,button.querycmdok:hover
{
border:1px solid #aaaaaa;
background-color:#E0EFF6;
}

div.appmlcmd
{
float:left;
cursor:default;
border:1px solid #FFFFFF;
padding-right:2px;
vertical-align:middle;
}

input.appmlcmdimg
{
vertical-align:middle;
cursor:default;
}

span.appml
{
display:none;
}

input.appmltabcmd
{
background-color:#C6DAF1;
color:#000000;
height:20px;
border-top:1px solid black;
border-right:1px solid black;
border-bottom:none;
border-left:1px solid black;
margin:0px 2px 0px 0px;
font-family: verdana; 
font-size: 100%;
}

span.appmlquerytab,div.appmlquerytab
{
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
width:500px;
background-color:#FFEEC9;
display:none;
border:1px solid #999999;
border-top:none;
}

span.appmltab,div.appmltab,span.appmlquerytab,div.appmlquerytab
{
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
background-color:#FFEEC9;
background-color:#DDECFE;
background-color:#E0EFF6;
display:none;
border:1px solid #999999;
border-top:none;
}

/*CLOSE QUERY:*/
div.appmlqueryclosecmdcontainer {
	margin: 0px;
	padding: 0px;
	height: 15px;
	float:right;
}
div.appmlqueryclosecmd {
	height: 14px;	
	line-height: 13px;	
}
div.appmlqueryclosecmd a {
	text-decoration: none;
	color:#000000;
	display: block;
	<!--[if IE 6]>
	display: inline;	
	<![endif]-->
	height: 13px;	
	padding: 0 4px;	
	outline:none;
}
div.appmlqueryclosecmd a:hover {
	font-weight:bold;
	background: #B05454;
	color:#ffffff ;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;	
}

/*DONE*/

div.appmltabcmdcontainer,div.appmlquerytabcmdcontainer {
	margin: 0px;
	padding: 0px;
	height: 25px;
	border-bottom: 1px solid #999999;
}
div.appmltabcmd,div.appmlquerytabcmd {
/*
	float: left;
	height: 22px;
	line-height: 20px;
	border: 1px solid #999999;
	border-left: none;
	background: #ffffff;
*/	
	cursor:pointer;
	float:left;
	height:20px;
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;	
	font-size:12px;
	position:relative;
	z-index:2;				
	border-top:1px solid #999999;
	border-right:1px solid #999999;	
	border-left:1px solid #999999;		
/*
	border-top-left-radius:4px;
	border-top-right-radius:4px;
 */	
	border-bottom:1px solid #999999;		
	background: #ffffff;
	margin-right:2px;
}

div.appmltabcmd:hover,div.appmlquerytabcmd:hover {
	background: #F0F7FA;
}

div.appmltabcmdactive:hover,div.appmlquerytabcmdactive:hover {
	background: #E0EFF6;
}
div.appmltabcmd a,div.appmlquerytabcmd a {
	text-decoration: none;
	color: #000000;
	display: block;
	<!--[if IE 6]>
	display: inline;	
	<![endif]-->
	height: 19px;
	padding: 0 20px;
	border: 1px solid #ffffff;
	outline:none;
}
div.appmltabcmdactive,div.appmlquerytabcmdactive {
	background-color:#E0EFF6;
	border-bottom: 1px solid #E0EFF6;
	z-index:3;				
}
div.appmltabcmdactive a,div.appmlquerytabcmdactive a{
	border: 1px solid #E0EFF6;	
}
div.appmltabcmd a:hover,div.appmlquerytabcmd a:hover {
	background: #f1f1f1;
	border-bottom:1px solid #f1f1f1;
}
div.appmltabcmdactive a:hover,div.appmlquerytabcmdactive a:hover{
	background-color:#E0EFF6;
	border-bottom: 1px solid #E0EFF6;	
}

.tablerowodd
{
background:#eeeeee;
}
.tableroweven
{
background:#f7f7f7;
}
.tablerowhover
{
background:#ffffff;
}

.multiExpand, .multiCollapse
{
cursor:pointer;
padding-left:18px;
background-repeat:no-repeat;
background-position:top left;
}

.multiExpand {background-image:url('/appmlimages/plusonly.gif');}
.multiCollapse {background-image:url('/appmlimages/minusonly.gif');}