/* CSS Document */

body { margin:0px; padding:0px; font:normal 12px verdana, helvetica, sans-serif; color:#000;}
form {margin:0; padding:0;}
input {margin:0; padding:0;}
select {margin:0; padding:0;}
img {border:none;}
p {margin:0; margin-top:10px; margin-bottom:12px;}
a { color:#000; text-decoration:underline; }
a:hover {color:#000; text-decoration:none;}

/* Header */
.topBack { background: url(../images/topBack.gif) repeat-x; height:228px; }
.wrapper { width:1002px; margin:0px auto; border:0px solid #000;}
.header { margin:0px auto; height:60px; line-height:60px; border:0px solid #fff; color:#fff;}
.loggedUser { color:#fff;}
.loggedUser a { color:#fff; text-decoration:underline; }
.loggedUser a:hover {color:#fff; text-decoration:none;}
.topLinks { margin-left:30px;}
.topLinks a.home { background:url(../images/ico_home.gif) no-repeat; padding-left:20px;}
.topLinks a.logout { background:url(../images/ico_logout.gif) no-repeat; padding-left:18px; margin-left:20px;}
.wrapper .logo { margin-top:18px; clear:right; border:0px solid #fff; margin-left:5px;}
.wrapper .search {margin-top:15px; border:0px solid #fff; float:right; margin-right:5px;}
.wrapper .logo span{ font-size:30px; color:#fff; font-weight:bold; position:relative; top:10px;margin-left:23px;}

/* /Header */
/* Top Menu */
.topMenu { background:url(../images/topMenu_back.gif) no-repeat; width:1002px; height:58px; margin-top:11px;}
.topMenu ul { margin:0; padding:0; list-style:none; margin-left:24px; padding-top:22px;}
.topMenu ul li {cursor:pointer; margin:0; padding:0; list-style:none; float:left; padding-right:10px;}
.topMenu ul li a { background:url(../images/tabs.gif) 0 -36px no-repeat; width:116px; height:36px; display:block; line-height:36px; color:#fff; text-decoration:none; font-size:14px; font-weight:bold; padding-left:; text-align:center;}
.topMenu ul li a:hover { background:url(../images/tabs.gif) no-repeat; width:116px; height:36px; display:block; line-height:36px; color:#0098CB; text-decoration:none; font-size:14px; font-weight:bold; padding-left:; text-align:center;}
.topMenu ul li.active a { background:url(../images/tabs.gif) no-repeat; width:116px; height:36px; display:block; line-height:36px; color:#0098CB; text-decoration:none; font-size:14px; font-weight:bold; padding-left:; text-align:center;}
/* /Top Menu */

/* Login Box */
.login_wrapper { background:#fff; width:628px; height:360px; margin:110px auto; margin-bottom:0px; border:2px solid #0096C9;}
.login_wrapper .logo {background:url(../images/login_logo_back.gif) no-repeat; width:588px; padding:8px 20px 0px; height:92px;}
.login_wrapper .logo span{ font-size:35px; color:#fff; font-weight:bold; border:0px solid #000; line-height:40px; margin-left:10px; display:block;}
.login_wrapper .loginBlock {margin-top:10px; padding-bottom:10px; font-size:17px;}
.login_wrapper .loginBlock .loginCT { padding:20px 0px 15px;}
.login_wrapper .loginBlock .loginInput { padding:40px 0px 8px;}
.login_wrapper .loginBlock .passwdInput { padding:5px 0px 20px;}
.login_wrapper .inputText { border:1px solid #666; color:#666; padding:2px 5px; width:200px;}
.login { background:url(../images/button_back.gif) no-repeat; width:80px; height:24px; border:none; cursor:pointer; color:#fff; font-weight:bold; line-height:24px; font-size:11px;}
.copyRight { margin:0px auto; text-align:left; width:628px; border:0px solid #000;font-size:10px;}
.copyRight span { float:right; font-size:10px; line-height:20px; color:#333;}
.copyRight a {font-size:10px; line-height:20px; color:#333;}
.license { margin:0px 20px;}
.logoutBlock { margin-top:90px; text-align: center; font-size:17px;}

/* Login Box */

/* Content */
.contentBlock { background:url(../images/contentBack.gif) repeat-y; width:954px; padding:0px 24px;}
.breadcrumb { padding-top:10px; width:725px;}
.actionLink { float:right; font-size:12px; font-weight:normal; line-height:2; }
span a.edit {background:url(../images/ico_edit.gif) no-repeat; padding-bottom:16px; padding-right:10px; padding-left:20px; border:0; margin-right:2px; line-height:18px; border:0px solid #000;}
span a.delete {background:url(../images/ico_delete.gif) no-repeat left 50%; padding-top:2px; padding-bottom:3px; padding-right:0px; padding-left:20px; border:0;}
span a.deleted {background:url(../images/ico_deleteduser.gif) no-repeat left 50%; padding-top:2px; padding-bottom:3px; padding-right:0px; padding-left:20px; border:0; margin-left:10px;}
span a.down {background:url(../images/ico_arrowdown.gif) no-repeat; padding-bottom:16px; padding-right:10px; padding-left:20px; border:0; margin-right:2px; line-height:18px; border:0px solid #000;}
span a.back {background:url(../images/ico_back.gif) no-repeat; padding-bottom:16px; padding-right:10px; padding-left:20px; border:0; margin-right:2px; line-height:18px; border:0px solid #000;}
span a.complete {background:url(../images/ico_complete.gif) no-repeat; padding-bottom:16px; padding-right:10px; padding-left:20px; border:0; margin-right:2px; line-height:18px; border:0px solid #000;}
span a.hold {background:url(../images/ico_hold.gif) no-repeat; padding-bottom:16px; padding-right:10px; padding-left:20px; border:0; margin-right:2px; line-height:18px; border:0px solid #000;}
span a.assignedUser {background:url(../images/user_tick.gif) no-repeat; padding-bottom:16px; padding-right:10px; padding-left:20px; border:0; margin-right:2px; line-height:18px; border:0px solid #000;}

span a.addProjects {background:url(../images/ico_plus1.gif) no-repeat; padding-bottom:16px; padding-right:10px; padding-left:20px; border:0; margin-right:2px; line-height:18px; border:0px solid #000;}

.BlockContent { padding:10px 0px;}
.leftBlockContent { width:725px; border:0px solid #000; margin-bottom:10px;}
.rowHead {background:#00AEE1; color:#fff; height:32px; text-align:left; font-weight:bold;}
.row0 { background:#E1F9FF; height:36px; text-align:center;}
.row0 td { padding:0px 2px;}
.row1 { background:#fff; height:36px; text-align:center;}
.row1 td { padding:0px 2px;}
.row0 a { color:#000; text-decoration:underline; }
.row0 a:hover {color:#000; text-decoration:none;}
.row1 a { color:#000; text-decoration:underline; }
.row1 a:hover {color:#000; text-decoration:none;}

.Urow0 { background:#E1F9FF; height:60px; text-align:center;}
.Urow0 td { padding:0px 2px;}
.Urow1 { background:#fff; height:60px; text-align:center;}
.Urow1 td { padding:0px 2px;}
.Urow0 a { color:#000; text-decoration:underline; }
.Urow0 a:hover {color:#000; text-decoration:none;}
.Urow1 a { color:#000; text-decoration:underline; }
.Urow1 a:hover {color:#000; text-decoration:none;}


.progressBar { height:8px; border:1px solid #999; width:68px; clear:both; float:left; margin-top:3px; }
.progressBar img { float:left;}
.signals ul { margin:0px; padding:0px; list-style:none; margin-left:5px;}
.signals ul li { margin:0px; padding:0px; list-style:none; float:left; padding-right:5px;text-decoration:none;}
.signals ul li.red { background:url(../images/ico_red.gif) no-repeat 50%; width:24px; height:24px; padding:6px 6px 6px 0px; text-align:center; color:#fff; font-size:11px; font-weight:bold; border:0px solid #000; margin-right:0px; line-height:22px;text-decoration:none;}
.signals ul li.green { background:url(../images/ico_green.gif) no-repeat 50%; width:24px; height:24px; padding:6px 6px 6px 0px; text-align:center; color:#000; font-size:11px; font-weight:bold; border:0px solid #000; margin-right:0px; line-height:22px;text-decoration:none;}
.signals ul li.yellow { background:url(../images/ico_yellow.gif) no-repeat 50%; width:24px; height:24px; padding:6px 6px 6px 0px; text-align:center; color:#000; font-size:11px; font-weight:bold; border:0px solid #000; margin-right:0px; line-height:22px;text-decoration:none;}
.signals a {text-decoration:none;}

.signals ul li.blank { width:24px; height:24px; padding:6px 6px 6px 0px; text-align:center; color:#000; font-size:11px; font-weight:bold; border:0px solid #000; margin-right:0px; line-height:22px;text-decoration:none;}

.signals ul li.blank1 { width:30px; height:24px; padding:6px 6px 6px 0px; text-align:center; color:#000; font-size:11px; font-weight:bold; border:0px solid #000; margin-right:0px; line-height:22px;text-decoration:none;}

.priority .blank {text-align:left; color:#000; font-size:11px; font-weight:bold; border:0px solid #000; margin-right:0px; line-height:22px;text-decoration:none;}
.leftTd { background:url(../images/seperator.gif) repeat-y right; width:8px; padding-right:20px;}
.rightTd {}
.rightLinks { padding-left:15px;}
.rightLinks a { text-decoration:none; color:#0098CB;}
.rightLinks a:hover { text-decoration:none; color:#0098CB;}

.add { background:url(../images/ico_add.gif) no-repeat; padding-left:34px; padding-bottom:5px; font-size:15px; font-weight:bold; text-decoration:none; color:#0098CB; line-height:25px;}
.settings { background:url(../images/ico_settings.gif) no-repeat; padding-left:34px; padding-bottom:5px; font-size:15px; font-weight:bold; text-decoration:none; color:#0098CB; line-height:25px;}
.worklog { background:url(../images/ico_worklog.gif) no-repeat; padding-left:34px; padding-bottom:5px; font-size:15px; font-weight:bold; text-decoration:none; color:#0098CB; line-height:25px;}
.archivepro { background:url(../images/ico_archive.gif) no-repeat; padding-left:34px; padding-bottom:5px; font-size:15px; font-weight:bold; text-decoration:none; color:#0098CB; line-height:25px;}
.profile { background:url(../images/ico_profile.gif) no-repeat; padding-left:34px; padding-bottom:5px; font-size:15px; font-weight:bold; text-decoration:none; color:#0098CB; line-height:25px;}

.userImg img{ background:#fff; border:1px solid #00CCFF; padding:1px; width:50px;height:50px;}
.emilid { margin-top:5px;}




/* /Content */

/* Inside Page Content */
.message { margin-bottom:10px;}
.messageHead { background:#95EAFF; padding:2px;}
.msgOn { padding:5px;}
.msgSubject { font-weight:bold; margin-top:12px;}
.msgSubject img { margin-left:10px;}
.msgPost { padding:5px; width:100%;}

.proTabs { width:100%; height:27px; padding-top:10px;}
.proTabs span { float:right; line-height:27px;}
.proTabs ul { margin:0; padding:0; list-style:none;}
.proTabs ul li {background:url(../images/subtabs.gif) no-repeat; width:87px; height:27px; display:block; line-height:27px; color:#0098CB; text-decoration:none; font-size:12px; font-weight:bold; padding-left:; text-align:center;}
.proTabs ul li a { background:url(../images/subtabs.gif) no-repeat; width:87px; height:27px; display:block; line-height:27px; color:#0098CB; text-decoration:none; font-size:12px; font-weight:bold; padding-left:; text-align:center;}
.proTabs ul li a:hover { background:url(../images/subtabs.gif) 0 -27px no-repeat; width:87px; height:27px; display:block; line-height:27px; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; padding-left:; text-align:center;}
.proTabs ul li.active a { background:url(../images/subtabs.gif) 0 -27px no-repeat; width:87px; height:27px; display:block; line-height:27px; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; padding-left:; text-align:center;}

.proName { font-size:20px; font-weight:bold; margin-top:5px;}
.assignedby { line-height:18px; margin-left:5px; padding-bottom:2px;}

.attachFile { background:url(../images/ico_default.gif) no-repeat; height:46px; border:0px solid #000;}
.attachFile a { text-decoration:none;}
.attachText { font:10px normal Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; position:relative; top:27px; left:2px; text-transform:uppercase; text-align:center; border:0px solid #000; background:#7D7D7D; padding:0px 2px;}
.attachLink { padding-left:46px; text-decoration:underline; font-size:12px; color:#000; display:block;}
.attachLink:hover { text-decoration:none;}

.proDate { float:right; font-size:12px; font-weight:normal; line-height:25px;}
.startButton { background:url(../images/ico_start.gif) no-repeat; border:none; cursor:pointer; width:46px; height:16px; font-size:10px; font-weight:bold; color:#fff; border:0px solid #000; font-family:Arial, Helvetica, sans-serif; text-align:left; margin:0; padding:0; padding-left:5px;}
.stopButton { background:url(../images/ico_stop.gif) no-repeat; border:none; cursor:pointer; width:46px; height:16px; font-size:10px; font-weight:bold; color:#fff; border:0px solid #000; font-family:Arial, Helvetica, sans-serif; text-align:left; margin:0; padding:0; padding-left:5px;}
.resumeButton { background:url(../images/ico_resume.gif) no-repeat; border:none; cursor:pointer; width:57px; height:16px; font-size:10px; font-weight:bold; color:#fff; border:0px solid #000; font-family:Arial, Helvetica, sans-serif; text-align:left; margin:0; padding:0; padding-left:2px;}
.timerInput { background:none; border:none; margin-bottom:2px; font-size:11px;width:50px; }
.progress_red { color:#FF0000;}
.progress_green { color:#009900;}
.progress_black { color:#000;}

.rightPanel {}
.rightPanelHead { background:url(../images/rightHead.gif) no-repeat; width:192px; height:30px; font-size:14px; font-weight:bold; color:#666; padding-left:15px; line-height:30px;}
.rightPanelLinks { padding-left:15px; line-height:20px; margin:10px 0px 20px;}
.rightPanelLinks a { text-decoration:underline; color:#00789F;}
.rightPanelLinks a:hover { text-decoration:underline; color:#00789F;}
.designation { font-size:9px; color:#666; position:relative; top:-2px;}
.lastLogin  {font-size:9px; color:#666; position:relative; top:-6px;}

.row00 { background:#E1F9FF; height:36px;}
.row00 td { padding:0px 2px;}
.row11 { background:#fff; height:36px;}
.row11 td { padding:0px 2px;}
.star {color:red;}
.button { background:#00A7DA; height:24px; padding:2px; cursor:pointer; color:#fff; font-weight:bold; line-height:24px; font-size:10px; text-align:center; text-decoration:none;}
.button:hover {text-decoration:none; color:#FFF}

.blueBlock {background:#E1F9FF; padding:5px; border:1px solid #00CCFF; margin:5px 0px 10px;}
.popupBlock {background:#E1F9FF; padding:5px; border:1px solid #00CCFF; margin:0px 0px 0px;}
.showlog {background:#E1F9FF; padding:5px 12px; cursor:pointer; font-weight:bold;}
.showlogRows table tr td {padding:0px 12px;}
.showlogRows .row0 { background:#E1F9FF; line-height:20px; text-align:left;}
.showlogRows .row1 { background:#fff; line-height:20px; text-align:left;}

/* For popup box on view page */
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
 
  display:none;
  z-index:9999;
  	
  background:#A0E4F7; 
  width:320px; 
  height:100px;
  padding:50px 20px 20px 50px;
  border:3px solid #FFF;
}
/* /For popup box on view page */

/* /Inside Page Content */

/* Footer */
.footer {background: url(../images/footerBack.gif) no-repeat; width:1002px; margin:0px auto; text-align:right; border:0px solid #000;}
.footer span { font-size:10px; line-height:30px; color:#666; padding-right:5px;}
.footer a { font-size:10px; line-height:30px; color:#666;}
/* /Footer */