body, div { padding: 0px; margin: 0px; border: 0px transparent none; background-position: left top; }
body { background: url(bg_mid.png) }

html, body, div, p, table, td, form, img, input { font-size: 12px; font-family: Tahoma,Verdana,Segoe,sans-serif; }


.bg_top { background-image: url(bg_top.png); background-repeat: repeat-x; padding-top: 15px; }
.bg_bottom { background-image: url(bg_btm.png); background-repeat: repeat-x; background-position: left bottom; text-align: center; position: relative; }

#page { margin-left: auto; margin-right: auto; width: 934px; position: relative; top: 0px; }
#main { width: 700px; position: relative; margin-left: 2px; }
#bar { position: relative; }

.pg_top { background-color: #DFF3F5; background-repeat: no-repeat; text-align: left; background-image: url(page_top.jpg); }
.pg_bottom { background-image: url(page_btm.jpg); background-repeat: no-repeat; background-position: left bottom; }
.pg_footer { text-align:center;height: 46px; display: block; background-color: #017181; }

.header { padding-top:8px;position: relative; height: 30px; text-align:right;padding-right:9px;width:100%; }
.content { min-height: 520px; display: block; margin-top: 118px; padding-bottom: 60px; }
.footer { ; zoom: 1; height: 41px; }
.terms { width: 680px; text-align: right; padding-bottom: 10px;color:#DFF2F6;font-size:12px; }
.lnkterms, a.lnkterms, a.lnkterms:visited, a.lnkterms:link { text-decoration:none;text-transform:uppercase;color:#DFF2F6;font-size:12px; }
a.lnkterms:active, a.lnkterms:hover { text-decoration:none;text-transform:uppercase;color:#fff;font-size:12px; }

.cpane { height: 480px; background: url(c_pane.png) no-repeat; }
.fpane { height: 490px; padding-left:30px;padding-right:30px; }
.nowrap { white-space:nowrap; }

.menu { background: url(menu.png) no-repeat; height: 33px; margin-left: 2px;width:926px }
.crumb { margin-left: 20px; }
.mod { padding-bottom:10px;padding-top:30px;}

.tbls { background: url(sbar.png) no-repeat;width:174px;height:34px; }
.tblss { background: transparent;border:solid 0px transparent; }

.topgroup { background: transparent; }
.subgroup { background: transparent; }
.ri { cursor: hand;height: 33px; color: white; text-transform: uppercase; font-family: tahoma; font-weight: bold; width:100px;text-align:center;font-size:11px }
.rio, .ria { cursor: hand;height: 33px; background: url(menu_o.gif) no-repeat; color: white; text-transform: uppercase; font-family: tahoma; font-weight: bold; width:100px;text-align:center;font-size:11px }


.hover { background: url(c_pane.png) no-repeat }
.hand { cursor: hand; }

.G {
	cursor: hand;
	border: solid 1px #C6DAD1;
	z-index: 1000;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	background-image: url(grp_bg.jpg);
}
.GS {
	cursor: hand;
	border: 0px;
	background-image: url(sub_bg.jpg);
}
.MI {
	cursor: hand;
	color: white;
	font-size: 12px; font-family: Tahoma,Verdana,Segoe,sans-serif
}
.MIo {
	cursor: hand;
	color: #C6DAD1;
	background: #252525;
	font-size: 12px; font-family: Tahoma,Verdana,Segoe,sans-serif
}
.MIa {
	cursor: hand;
	color: white;
	background: #000;
	font-size: 12px; font-family: Tahoma,Verdana,Segoe,sans-serif
}

.Mico {
	cursor: hand;
	text-align: center;
	width: 16px;
	height: 21px;
	border: 0;
	background: #184f50;
}
.Rico {
	cursor: hand;
	text-align: center;
	width: 0;
	height: 21px;
	border: 0;
	background: #184f50;
}
.CIr {
	font-weight: normal;
	font-size: 12px;
	cursor: hand;
	color: #5E9F9D;
	border: 0;
	background: transparent;
}
.CI {
	font-weight: normal;
	font-size: 12px;
	cursor: hand;
	color: #5E9F9D;
	border: 0;
	background: ;
}
.CIa {
	font-weight: normal;
	font-size: 12px;
	cursor: hand;
	color: #000;
	background: url(ci_bg.jpg) no-repeat;
}
.CIo {
	font-weight: normal;
	font-size: 12px;
	cursor: hand;
	color: #fff;
	background: url(ci_bg.jpg) no-repeat;
}
.MC {
	width: 100%;
}
.ssm {
	cursor: hand;
}
.ico1 {
	cursor: hand;
	color: #6BB47D;
	background: url(../../../../DesktopModules/Service/Images/mail.png) no-repeat;
	width: 27px;
	vertical-align: bottom;
	padding-bottom: 3px;
	text-align: right;
	padding-right: 6px;
	font: 9px Tahoma;
}
.ico1h {
	cursor: hand;
	color: Green;
	background: url(../../../../DesktopModules/Service/Images/mail_h.png) no-repeat;
	width: 27px;
	vertical-align: bottom;
	padding-bottom: 3px;
	text-align: right;
	padding-right: 6px;
	font: 9px Tahoma;
}
.ico2 {
	cursor: hand;
	color: #D59F9F;
	background: url(../../../../DesktopModules/Service/Images/mail.png) no-repeat;
	width: 27px;
	vertical-align: bottom;
	padding-bottom: 3px;
	text-align: right;
	padding-right: 6px;
	font: 9px Tahoma;
}
.ico2h {
	cursor: hand;
	color: #AD4040;
	background: url(../../../../DesktopModules/Service/Images/mail_h.png) no-repeat;
	width: 27px;
	vertical-align: bottom;
	padding-bottom: 3px;
	text-align: right;
	padding-right: 6px;
	font: 9px Tahoma;
}
.ico3 {
	cursor: hand;
	color: #6BB47D;
	background: url(../../../../DesktopModules/Service/Images/monitor.png) no-repeat;
	width: 27px;
	vertical-align: bottom;
	padding-bottom: 3px;
	text-align: right;
	padding-right: 6px;
	font: 9px Tahoma;
}
.ico3h {
	cursor: hand;
	color: Green;
	background: url(../../../../DesktopModules/Service/Images/monitor_h.png) no-repeat;
	width: 27px;
	vertical-align: bottom;
	padding-bottom: 3px;
	text-align: right;
	padding-right: 6px;
	font: 9px Tahoma;
}
.ico4 {
	cursor: hand;
	color: #D59F9F;
	background: url(../../../../DesktopModules/Service/Images/monitor.png) no-repeat;
	width: 27px;
	vertical-align: bottom;
	padding-bottom: 3px;
	text-align: right;
	padding-right: 6px;
	font: 9px Tahoma;
}
.ico4h {
	cursor: hand;
	color: #AD4040;
	background: url(../../../../DesktopModules/Service/Images/monitor_h.png) no-repeat;
	width: 27px;
	vertical-align: bottom;
	padding-bottom: 3px;
	text-align: right;
	padding-right: 6px;
	font: 9px Tahoma;
}
.ico5 {
	cursor: hand;
	color: #c0c0c0;
	background: url(../../../../DesktopModules/Service/Images/tasks.png) no-repeat;
	width: 27px;
	vertical-align: bottom;
	padding-bottom: 3px;
	text-align: right;
	padding-right: 6px;
	font: 9px Tahoma;
}
.ico5h {
	cursor: hand;
	color: #8B9392;
	background: url(../../../../DesktopModules/Service/Images/tasks_h.png) no-repeat;
	width: 27px;
	vertical-align: bottom;
	padding-bottom: 3px;
	text-align: right;
	padding-right: 6px;
	font: 9px Tahoma;
}
.ico6 {
	cursor: hand;
	color: #c0c0c0;
	background: url(../../../../DesktopModules/Service/Images/mytasks.png) no-repeat;
	width: 27px;
	vertical-align: bottom;
	padding-bottom: 3px;
	text-align: right;
	padding-right: 6px;
	font: 9px Tahoma;
}
.ico6h {
	cursor: hand;
	color: #8B9392;
	background: url(../../../../DesktopModules/Service/Images/mytasks_h.png) no-repeat;
	width: 27px;
	vertical-align: bottom;
	padding-bottom: 3px;
	text-align: right;
	padding-right: 6px;
	font: 9px Tahoma;
}
.ErrorBox {
	border: solid 1px #739A97;
	width: 100%;
	padding: 5px;
	color: #739A97;
	font-weight: normal;
	background: #9ED7DE;
}
.ErrorT {
	border: solid 1px #3D8D80;
	color: White;
	text-transform: uppercase;
	font-weight: bold;
	padding: 3px;
	background: #5B9B9A;
}
.timer {
	padding: 1px 5px 1px 2px;
	width: 850px;
	color: white;
	background: url(menu.png);
	background-position: 30px 30px;
}
a.timeCtl, a.timeCtl:link, a.timeCtl:visited { color: white; text-decoration: none: }
a.timeCtl:active, a.timeCtl:hover { color: white; text-decoration:underline; }
.count {
	border: 0;
	width: 16px;
	background: #E0ECE8;
	font: bold 11px verdana;
}

.Titlebar { border: solid 1px #BAE6E9;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, enabled='true', startColorstr=#A3DBDC, endColorstr=#DFF3F4);color: #199495; font: 13px Tahoma; }
.tblAlt { background: #E7F6F8 }
.Frame { border: solid 1px #BAE6E9 }
.lbl { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, enabled='true', startColorstr=#C2E8E9, endColorstr=#DFF3F4); }


/* componentart grid */
/* Grid and pre-header styles */
.grid { border:1px solid #515e6a;font:normal 12px "Segoe UI","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;background:#fff; }
.grid .hdr { padding-right:5px;width:100%;height:30px;border-bottom:1px solid #042c41;line-height:30px;background:#095075 url("../../../../DesktopModules/Service/images/horizontal.png") repeat-x; }
.grid .hdr .txt { padding:0 8px;cursor:default;color:#fff;font:bold 12px "Segoe UI","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif; }
.stxt { padding-bottom: 3px; color:#fff;font:bold 12px "Segoe UI","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif; }
.sbox { width:100px;height:20px; font:normal 12px "Segoe UI","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;}

/* Data cell styles */
.dat { border:1px solid #fff;border-right:1px solid #ededed;padding-left:3px; }
.icon { padding-left:0px;}
.ind { cursor:default; }

/* Row (and data cell) styles */
.rrow { background:#fff;line-height:22px;cursor:default;height:22px; font:normal 12px "Segoe UI","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #CF3D3D }
.irow { background:#fff;line-height:22px;cursor:default;height:22px; font:normal 12px "Segoe UI","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif; color: green }
.grow { background:#fff;line-height:22px;cursor:default;height:22px; font:normal 12px "Segoe UI","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif; color: gray }



.row { background:#fff;line-height:22px;cursor:default;height:22px; font:normal 12px "Segoe UI","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;}
.row-h { line-height:22px;height:22px;background:#e8f5fd url("../../../../DesktopModules/Service/images/horizontal.png") repeat-x 0 -96px;cursor:pointer; font:normal 12px "Segoe UI","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;}
.row-h .dat { padding:0 0 0 4px;border:1px solid #d8f0fa;border-left:none;border-right-color:#e4edf2; }
.row-h .ind { padding:0 1px;border:1px solid #d8f0fa;border-left:none;border-right:none; }
.row-h .icon { padding-left:1px; }
.row-h .last { padding:0 0 0 1px; }
.row-s { line-height:22px;height:22px;background:#e8f5fd url("../../../../DesktopModules/Service/images/horizontal.png") repeat-x 0 -116px;cursor:pointer; font:normal 12px "Segoe UI","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;}
.row-s .dat { padding:0 0 0 4px;border:1px solid #99defd;border-left:none;border-right-color:#e0eff9; }
.row-s .ind { padding:0 1px;border:1px solid #99defd;border-left:none;border-right:none; }
.row-s .icon { padding-left:1px; }
.row-s .last { padding:0 0 0 1px; }

/* Grouped rows & cells */
.grp-hd { background:#fff;line-height:22px;cursor:default;height:22px;background:#fff url("../../../../DesktopModules/Service/images/horizontal.png") repeat-x 0 -136px;margin:0 4px 0 0; }
.grp-hd span { color:#039;background:#fff;padding:0 8px 0 0; font:normal 12px "Segoe UI","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;}
.grid .hdr .grp .txt { height: 30px; background:transparent url("../../../../DesktopModules/Service/images/static.png") no-repeat 0 -110px;padding:0 16px 0 24px; }


/* Header styles */
.row-hd { height:22px !important;cursor:default; }
.row-hd .ind { border:1px solid #d5d5d5;border-color:#fff #d5d5d5 #d5d5d5 #fff;background:#eee url("../../../../DesktopModules/Service/images/horizontal.png") repeat-x 0 -30px;text-align:center; }
.row-hd .cell { border:1px solid #d5d5d5;border-color:#fff #d5d5d5 #d5d5d5 #fff;background:#eee url("../../../../DesktopModules/Service/images/horizontal.png") repeat-x 0 -30px;text-align:center; }
.row-hd .cell-h { border:1px solid #69bbe3;border-color:#fff #69bbe3 #93c9e3 #69bbe3;background:#e3f7ff url("../../../../DesktopModules/Service/images/horizontal.png") repeat-x 0 -52px;text-align:center; }
.row-hd .cell-d { border:1px solid #69bbe3;border-color:#fff #69bbe3 #93c9e3 #69bbe3;background:#eee url("../../../../DesktopModules/Service/images/horizontal.png") repeat-x 0 -30px;text-align:center; }
.row-hd .txt { color:#000;line-height:22px;padding:0 0 0 8px; font:normal 11px "Segoe UI","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;}
.row-hd .sort { border:1px solid #96d9f9;background:#f2f9fc  url("../../../../DesktopModules/Service/images/horizontal.png") repeat-x 0 -74px; }

/* Footer styles */
.grid .ftr { background:#bbd9f0 url("../../../../DesktopModules/Service/images/vertical.png") repeat-y;border-top:1px solid #9db6c5;color:#000;height:48px; }
.grid .ftr > table { padding:0 8px; }
.grid .ftr .txt { color:#000;line-height:48px;cursor:default; }

/* Slider popup */
.pop { width:300px;height:61px;padding:0;border:1px solid #515e6a;background:#fff;font:normal 12px "Segoe UI","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif; }
.pop .con { padding:0;margin:0;border:none;width:100%;height:44px; }
.pop .con .ico { float:left;width:20px;height:100%;background:#bbd9f0;padding:0 2px; }
.pop .con .ico img { float:left;margin:8px 1px 0 1px; }
.pop .con .ico img.eml { display:block;margin:5px 0 0 0; }
.pop .con .txt { float:left;width:260px;height:100%;background:#f8fdff;position:relative; }
.pop .con .txt .send { line-height:22px;width:50%;float:left;height:22px; }
.pop .con .txt .send span { padding-left:4px;color:#737373; }
.pop .con .txt .date { line-height:22px;width:50%;float:left;height:22px;text-align:right; }
.pop .con .txt .date span { padding-right:4px;color:#737373; }
.pop .con .txt .subj { line-height:22px;width:95%;height:22px;height:22px;padding:0 4px;overflow:hidden;text-overflow:ellipsis;position:absolute;left:0;bottom:0; }
.pop .con .txt .subj span { font-weight:bold;color:#000; }
.pop .con .flag { float:left;width:16px;height:100%;background:#bbd9f0; }
.pop .con .flag img { margin:16px 2px 0 2px; }
.pop .ftr { width:100%;height:16px;line-height:14px;background:#095075 url("../../../../DesktopModules/Service/images/horizontal.png") repeat-x 0 -6px;color:#fff;border-top:1px solid #515e6a;font-size:11px; }
.pop .ftr .pg { width:50%;float:left; }
.pop .ftr .pg span { padding-left:6px; }
.pop .ftr .msg { width:50%;float:left;text-align:right; }
.pop .ftr .msg span { padding-right:6px; }

/* Context Menu */
.col-mnu { width:20px;height:22px;background:transparent url("../../../../DesktopModules/Service/images/static.png") no-repeat; }
.cell-h .col-mnu { width:20px;height:22px;background:transparent url("../../../../DesktopModules/Service/images/static.png") no-repeat 0 -22px; } /* 'hover' header context menu */
.col-mnu-h { width:20px;height:22px;background:transparent url("../../../../DesktopModules/Service/images/static.png") no-repeat 0 -44px; }
.col-mnu-d { width:20px;height:22px;background:transparent url("../../../../DesktopModules/Service/images/static.png") no-repeat 0 -66px; }
.sort .col-mnu { width:20px;height:22px;background:transparent url("../../../../DesktopModules/Service/images/static.png") no-repeat 0 -88px; } /* sorted header context menu */

.mnu { border:1px solid #999;width:142px;background:#f6f6f6 url("../../../../DesktopModules/Service/images/menu/vertical.png") repeat-y;font-family:"Segoe UI","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#333;cursor:default;text-align:left; }
.mnu .itm { width:140px;height:25px; }
.mnu .itm-h { width:140px;height:25px;background:#f6f6f6 url("../../../../DesktopModules/Service/images/menu/static.png") no-repeat;color:#000; }
.mnu .br { width:140px;height:4px;background:#f6f6f6 url("../../../../DesktopModules/Service/images/menu/static.png") no-repeat 0 -25px;overflow:hidden;line-height:4px; }
.mnu .ico { display:block;width:16px;height:16px;float:left;margin:4px 7px 0px 8px;background:transparent url("../../../../DesktopModules/Service/images/menu/icons.png") no-repeat -16px 0; }
.mnu .sort-desc { background-position:0 0; }
.mnu .sort-asc { background-position:0 -16px; }
.mnu .grp-asc { background-position:0 -32px; }
.mnu .grp-desc { background-position:0 -48px; }
.mnu .ungrp { background-position:0 -64px; }
.mnu .txt { display:block;float:left;height:24px;line-height:24px;width:86px;padding:0 0 0 6px; }


.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 11px;
  font-family: "Verdana",monospace;
  padding: 2px;
  cursor: pointer;
}

.calendar_button
{
	border:none;
	cursor:pointer;
	width:25px;
	height:22px;
}

.calendar td
{
  font-size:11px;
}

.caltitle
{
  font-weight:bold;
  background-color:#D7D7E5;
}

.day
{
	width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
	width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
	width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
	width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align: middle;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:middle;
  background-color:#FFFFFF;
}