body { padding:40px 0px; margin:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#999999; background:#000000;}
div { padding:0px; margin:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color: #4c4c4c;}
img{ border:none;}

a:link, a:visited { font-size:12px; color: #009ae9; text-decoration:none;}
a:hover{ text-decoration:underline;}

.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both; }
.bgnone{ background:none;}

#main{ margin:0px auto; width:1000px; }
#data-main{ margin:0px auto; width:905px; padding:19px 16px 19px 16px; border:#7e7e7e solid 1px; background:#FFFFFF;}
.top{ width:902px; background:#000000; border:#7e7e7e solid 1px; height:47px; }
.top-navi { float:right; padding-right:9px; line-height:47px; white-space:nowrap; }
a.top-navi-link:link, a.top-navi-link:visited { font:bold 12px Arial; color:#FFFFFF; padding:0px 2px; }
a.top-navi-link:hover { color:#ffff01; text-decoration:none; }
.navigation{ float:left; width:894px; padding-left:10px; line-height:27px; background:url(../images/navi-bg.jpg) repeat-x;}
a.navi-link:link, a.navi-link:visited{ font-size:12px; font-weight:bold; color:#000000; padding:0px 6px;}
a.navi-link:hover{ color:#666666; text-decoration:none;}
.sub-navi{ float:left; width:809px; margin:15px 0px; background:url(../images/sub-navibg.jpg) repeat-x;}
.sub-navi span{ float:left; width:140px;}
.sub-navi span input{  font-weight: bold;  font-size: 10px;  font-family: Verdana;  padding: 1px;  margin-left: 10px;  margin-bottom: 0px;  margin-right: 10px;  margin-top: 13px;  width:110px; border:#c5c5c5 solid 1px;}
.btn-submit{ float:left; margin:12px 0px 0px 0px;}
.data-left{ float:left; width:562px;}
.box-left{ float:left; width:562px; text-align:center; background:url(../images/box-bg.jpg) repeat-y;}
.box-imgdiv{ float:left; width:552px; margin:1px 5px 5px 5px; display:inline; text-align:center; }
.box-head{ float:left; width:552px; margin:1px 5px 2px 5px; display:inline; background:url(../images/box-head-bg.jpg) repeat-x;}
.matter-left{ float:left; width:552px; padding:30px 5px 20px 5px; font-style:italic; line-height:20px; text-align:justify; font-family:Georgia, "Times New Roman", Times, serif; background:url(../images/border.jpg) repeat-x bottom;}
.welcome{ float:left; width:562px;}
.welcome h1{ padding-left: 5px; padding-bottom: 30px; padding-right: 5px; padding-top: 20px; line-height: 32px; float:left; width:552px; font-weight:normal; font-style:italic; font-size: 22px; margin:0px; font-family:Georgia, "Times New Roman", Times, serif;}
.serve{ float:left; width:562px;}
.serve-text{ float:left; width:306px; padding:24px 35px 0px 35px; height:66px; margin:0px 0px 0px 1px; background:#cccccc;}
.tasktital{ float:left; width:562px; margin-top:33px;}
.tasktital-left{ float:left; width:35px; padding-left:5px;}
.tasktital h2{ float:left; width:522px; padding:0px; margin:0px; color:#666666; font-size:20px;}
.tasktital p{ float:left; width:522px; padding:0px 0px 0px 40px; line-height:17px; font-weight:bold; margin:0px; color:#666666; font-size:11px;}

.data-right{ float:left; width:342px;}
.right-matter{float:left; width:302px; padding-bottom:22px; margin-left:20px; display:inline; background: repeat-x bottom;}
.right-matter h3{ letter-spacing: -1px; padding-bottom: 7px; margin-left: 0px; margin-bottom: 10px; margin-right: 0px; margin-top: 0px; border-bottom-color: #989898; border-bottom-style: dotted; border-bottom-width: 1px; padding-left: 0px; padding-right: 0px; padding-top: 0px; float:left; width:302px; color: #1b1b1b; line-height: 22px; font-size: 21px;}
.right-matter p{color: #575757; font-size: 14px; float:left; width:302px; padding:0px; margin:0px; font-style:italic; line-height: 24px; font-family:Georgia, "Times New Roman", Times, serif;}
.register{ margin-left: 20px; margin-bottom: 15px; margin-right: 0px; margin-top: 3px; float:left; width:302px; display:inline;}
.register img{ padding-bottom: 10px; padding-top: 0px; float:left; margin-right:10px; }

.tasktital-right{ float:left; width:302px; margin-left:20px; display:inline;}
.tasktital-right-chek{ float:left; width:35px; padding-left:5px;}
.tasktital-right h2{ float:left; width:258px; padding:0px; margin:0px; color:#666666; font-size:20px;}
.tasktital-right p{ float:left; width:268px; padding:0px 0px 0px 40px; line-height:17px; font-weight:bold; margin:0px; color:#666666; font-size:11px;}
.box-right{ float:left; width:322px; margin:10px 0px 0px 20px; display:inline; text-align:center; background:url(../images/box-small-bg.jpg) left repeat-y;}
.box-right-imgdiv{ float:left; width:312px; margin:1px 5px 5px 5px; display:inline; text-align:center; }
.box-right-head{ float:left; width:308px; margin:1px 5px 2px 5px; display:inline; background:url(../images/box-head-bg.jpg) repeat-x;}
.footer { float:left; width:941px; padding:30px 0px 50px 0px;  text-align:center;}
.footer p{ font-size: 14px; margin:0px auto; width:531px; text-align: center; color:#999999; font-style:italic; padding:0px; line-height: 24px; font-family:Georgia, "Times New Roman", Times, serif;}


/* ====== Inner Page ====== */
.sub-navi-inpage{ float:left; width:809px; margin:15px 0px;}
.sub-navi-inpage span{ float:left; padding-top:5px; font-family:Georgia, "Times New Roman", Times, serif;}


.inpage-lhs{ float:left; width:185px;}

.box-inapge { float:left; width:168px; text-align:center; background:url(../images/leftbox-bg-inpage.jpg) repeat-y; }
.box-inpage-data { float:left; width:158px; margin:5px 2px 5px 2px; display:inline; }
.box-head-inpage { float:left; width:164px; margin:0px 2px 2px 2px; display:inline; background:url(../images/box-head-bg.jpg) repeat-x;}
.status { float:left; width:145px; margin-left:3px; padding:0px 0px 10px 5px; text-align:left; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; background:url(../images/border.jpg) repeat-x bottom; }
.status i { float:left; width:140px; font-size:11px;}

.lhs-matter { float:left; width:145px; margin-left:5px; padding:0px 0px 10px 5px; text-align:left; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; background:url(../images/border.jpg) repeat-x bottom; }
.lhs-matter h3 { color: #2f2f2f; float:left; width:145px; margin:0px; padding:10px 0px 0px 0px; font-size:12px; font-weight:normal; font-style:italic;}
.lhs-matter i { float:left; width:145px; margin:0px; padding:3px 0px; font-size:11px;}

.lhs-matter-nobg { float:left; width:145px; margin-left:5px; padding:0px 0px 10px 5px; text-align:left; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; }
.lhs-matter-nobg h3 { float:left; width:145px; margin:0px; padding:10px 0px 0px 0px; font-size:12px; font-weight:normal; font-style:italic;}
.lhs-matter-nobg span { float:left; width:145px; margin:0px; padding:3px 0px; font-size:11px; font-style:italic;}

.lhs-text { float:left; width:168px; margin-top:10px; padding-bottom:15px; background: repeat-x bottom;}
.lhs-text h4 { color: #202020; text-shadow: 0px 0px; float:left; width:148px; margin:0px; padding:5px 10px; font-size:20px; font-weight:bold; }
.lhs-text p { color: #9b9b9b; float:left; width:148px; margin:0px; padding:0px 10px; line-height:18px; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif;}

.lhs-text-nobg { color: #929292; float:left; width:168px; margin-top:10px; padding-bottom:15px;}
.lhs-text-nobg h4 { color: #1d1d1d; float:left; width:148px; margin:0px; padding:5px 10px; font-size:20px; font-weight:bold; }
.lhs-text-nobg p { float:left; width:148px; margin:0px; padding:0px 10px; line-height:18px; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif;}

.inpage-middle { float:left; width:545px; text-align:left;}
.middle-box { float:left; width:545px; background:url(../images/middle-box-bg.jpg) left repeat-y;}
.middle-box-head { float:left; width:533px; margin:0px 6px 0px 6px; height:33px; display:inline; background:url(../images/box-head-bg.jpg) repeat-x #b0b0b2;}
.middle-box-data { float:left; width:533px; margin:1px 6px 5px 6px; display:inline; text-align:center; }

.discover { float:left; width:533px;}
.discover img { float:left; border:#646368 solid 1px; margin:16px; display:inline;}
.discovertext { float:left; width:390px; margin-top:16px;}
.discovertext span { float:left; padding-right:13px; color:#707070; font-size:18px; font-weight:bold;}
.discovertext div { float:right; width:72%; margin-top:5px; background:#d5d5d5; height:14px;}
.discovertext div.completed { background:#51BAE2; color:#FFE505; }
.welcome-text { float:left; width:501px; margin:10px 16px; text-align:left; display:inline; line-height: 24px; font-size: 14px; font-family:Georgia, "Times New Roman", Times, serif;}

.resource{ float:left; width:533px; height:104px; position:relative;}
.resource-matter{ float:left; width:285px; font-size:14px; font-weight:bold; padding:40px 15px 0px 0px; height:49px; margin-left:1px; background:#cccccc;}
.resource-matter img{  position:absolute; bottom:0px; left:23px;}
.resource-matter input.save{  position:absolute; bottom:0px; left:150px;}
.resource-matter span{ float:right; width:15px; padding:0px 5px 0px 0px;}
.resource-matter div{ float:right; width:240px; font-size: 12px; padding-top:1px; font-weight:bold; text-align:left; color: #7d7d7d;}

.task { float:left; width:473px; padding:10px 30px 10px 30px; text-align:left;}
.task span { float:left; width:35px; }
.task h5 { float:left; width:410px; font-size:20px; padding:0px; margin:0px; color: #404040; }
.task p { font-family: "Lucida Grande", Verdana, Arial, sans-serif; line-height: 15px; float:left; width:410px; font-size: 11px; padding:3px 0px 0px 37px; margin:0px; color: #767676; }

.attend-matter{ float:left; width: 300px; font-size:14px; font-weight:bold; padding:40px 15px 0px 0px; height:49px; margin-left:1px; background:#cccccc;}
.attend-matter img{  position:absolute; bottom:0px; left:23px;}
.attend-matter input.save{  position:absolute; bottom:0px; left:150px;}
.attend-matter span{ float:right; width:15px; padding:0px 5px 0px 0px;}
.attend-matter div{ float:right; width: 200px; font-size: 12px; padding-top:1px; font-weight:bold; text-align:left; color: #8a8a8a;}

.serve-matter{ float:left; width: 240px; font-size:14px; font-weight:bold; padding:40px 15px 0px 0px; height:49px; margin-left:1px; background:#cccccc;}
.serve-matter img{  position:absolute; bottom:0px; left:23px;}
.serve-matter input.save{  position:absolute; bottom:0px; left:150px;}
.serve-matter span{ float:right; width:15px; padding:0px 5px 0px 0px;}
.serve-matter div{ float:right; width:240px; font-size: 12px; padding-top:1px; font-weight:bold; text-align:left; color: #8a8a8a;}

.task-light { float:left; width:473px; padding:10px 30px 10px 30px; text-align:left;}
.task-light span { float:left; width:35px; }
.task-light h5 { float:left; width:410px; font-size:20px; padding:0px; margin:0px; color:#cccccc; }
.task-light p { float:left; width:410px; font-size:12px; padding:3px 0px 0px 37px; margin:0px; color:#cccccc; }

.middle-bottom { float:left; width:545px; font-family:Georgia, "Times New Roman", Times, serif;}
.middle-bottom p{ color: #939393; float:left; width:533px; padding:10px 6px; margin:0px; line-height: 22px; font-style:italic; font-size: 14px; background: repeat-x bottom;}
.middle-bottom b{ color: #9e9e9e; float:left; width:533px; padding:6px 6px 20px 6px; line-height:20px; font-weight:normal; font-style:italic; font-size: 14px;}

.inpage-rhs{ float:left; width:168px; padding-left:3px;}

/* ====== Daniel Addons ====== */
#error { float:left; width:902px; margin-bottom:12px; color:#A30000;}

.fake-link { cursor: pointer; font-size:12px; color:#009ae9; }
.fake-error-link { cursor: pointer; font-size:12px; color:#A30000; font-weight:bold; }

.user-inactive { cursor: pointer; font-size:12px; }

.progress { height:100%; border:0px; margin:0px; padding:0px; }