body { font-family: Arial; }
#container { width: 846px; margin: 0px auto; padding: 0px; }
html { overflow:-moz-scrollbars-vertical; }


#msgDiv { font-weight:bold; margin:0 0 10px 15px; padding:5px; color:Red; }

/* Layout */

.topbar { background: url(../../images/topbar.jpg) no-repeat; width: 846px; height: 19px; padding: 0px; }

/* Content Styles */
#header { height: 110px; }
#header h1 { background:url(../../images/logo.jpg) no-repeat; float:left; height:95px; width:68px; margin: 5px 0 0 20px; padding: 0px; }
#header h1:hover { cursor:pointer; }
#header h1 span { display:none; }
#header img { width: 346px; height: 38px; margin-top: 30px; padding: 0px; float: right; }

/* Main Body Styles */

#main_bar { background:url(../../images/main_bar.jpg) no-repeat; height: 11px; width: 839px; margin: 0px auto; padding: 0px; overflow: hidden; }

#main_left { float: left; width: 410px; min-height:280px; margin: 0px; padding: 0px; display: block; }
#main_left h2 { color:#0d3b2e; font: bold 18px "arial", "sans-serif"; margin:14px 0 0px 20px; text-decoration:underline; }
#main_left img { float: left; margin: 50px 0 0 40px; padding: 0px; width: 55px; height: 51px; }
#main_left p { clear: left; padding-top: 10px;  }
.welcome { float: left; margin: 50px 0 0 0; width:280px; padding: 0px; }
.welcome h2 { float: left; margin: 0px; padding: 0px; font-size: 30px; color: #15402d; }
.welcome h3 { clear: left; float: left; margin: 0px; padding-left: 20px; font-size: 16px; color: #000; }

/* Login Page */
#login { clear: left; width:340px; margin-left: 30px; padding: 15px 0 0 40px;}
#login label { width: 110px; text-align: right; float:left; margin: 7px 0; padding-right: 5px; font-size: 11px; color:#0d3b2e; font-weight: bold;}
#login input { float:left; margin:4px 0; width:150px; }
#login input#chkRemember { float:left; margin: 0px; padding: 0px; height: 12px; width: 12px; }
#login label#rmbrbox { float:left; margin: 0px; padding: 0px; font-size:12px; width: 90px; display: block; clear: none; }
#login input#btnLogin { float: left; width:70px;  }
#login input#btnRegister { float: left; width: 70px; margin-left: 14px; }
#login a { display:block; line-height:30px; font-size: 12px; color:#4f8245;}
#login input#btnRegister2 { clear: left; float: right; width: 70px; margin: 10px 65px 0 0; padding: 0px; }
#main_left p { width: 350px; text-align: center; background: #ccc; margin: 20px auto 0 auto; padding: 10px 0 10px 0; border: 1px solid #567e40; color: #000; font-size: 14px; }

#main_right { float: left; background:url(../../images/mentalking.jpg) no-repeat; height: 320px; width: 431px; margin-top: 10px; padding: 0px; }
#internal_right { float: left; background:url(../../images/internal_image.jpg) no-repeat; height: 259px; width: 431px; margin: 10px 0 0 1px; padding: 0px; }

#topmain { float: left; width: 840px; margin: 0px; padding: 0px; display: block; }
#topmain h2 { color:#0d3b2e; font: bold 18px "arial", "sans-serif"; margin:14px 0 0px 20px; text-decoration:underline; }
#topmain label { width : 120px; margin: 0px; padding: 0px; }
#topmain img { float: left; margin: 50px 0 0 40px; padding: 0px; width: 55px; height: 51px; }
#topmain p { clear: left; padding-top: 10px;  }

#footer { margin: 0px; padding: 0px; }
#footer img { margin-top: 10px; padding: 0px; }
#footer p { margin-top: 10px; padding: 0px; font-size: 10px; display: block; text-align: center; }

/* Menu */
#il-dd-left { float: left; margin: 0px; padding: 0px; background:url(../../images/blank_left.gif) no-repeat; width: 4px; height: 35px; }
#il-dd-bg { float: left; margin: 0px; padding: 0px; background:url(../../images/il-dd-bg.gif) repeat-x; width: 834px; height: 35px;}
#il-dd-right{ float: left; margin: 0px; padding: 0px; background:url(../../images/blank_right.gif) no-repeat; width: 4px; height: 35px; }

.pro_line2 { margin: 0px auto; height:36px; position:relative; font-family:arial, verdana, sans-serif; font-size:11px;z-index:500; }
.pro_line2 .select {margin:0; padding:0 0 0 20px; list-style:none; white-space:nowrap; }
.pro_line2 li {float:left; background:url(../../images/blank_over.gif); }
.pro_line2 .select a { display:block; height:36px; float:left; background: url(../../images/blank.gif); padding:0 0 0 15px; text-decoration:none; line-height:25px; white-space:nowrap; color:#000; }
.pro_line2 .select a b { display:block; padding:0 30px 10px 15px; background:url(../../images/blank.gif) right top; }
.pro_line2 .select a:hover, 
.pro_line2 .select li:hover a { background: url(../../images/blank_over.gif); padding:0 0 0 15px; line-height:25px; cursor:pointer; color:#fff;}
.pro_line2 .select a:hover b, 
.pro_line2 .select li:hover a b {display:block; padding:0 30px 9px 15px; background:url(line/blank_over.gif) right top; cursor:pointer;
}

/*topleft*/
#topleft ul { margin:22px 0 0 40px; }
#topleft ul li { font-size:14px; font-weight:bold; margin:15px 0 0 0; list-style:none; }
#topleft ul li a { background:url(../../images/mid_left_point.jpg) no-repeat; color:#797979; padding:0 0 0 20px; text-decoration:none; }
#topleft ul li a:hover,
#topleft ul li a.selected { background:url(../../images/mid_left_point_on.jpg) no-repeat; color:#000; text-decoration:none; }

/*Top Content*/
#top-content { margin: 0 0 10px 0; padding: 0px; overflow:hidden; float: left; width: 400px; }
#top_content h2 { color:#0d3b2e; font: bold 18px "arial", "sans-serif"; margin:30px 0 0px 20px; text-decoration:underline; }
#top_content label { width: 150px; float: left; text-align: right; margin-right: 10px; }
#top_content label#name { margin-left: 56px; width: 200px; }
#top_content select { margin-bottom: 5px; }
#top_content input { width: 163px; margin-bottom: 5px; padding: 0px;}
#top_content input#rdoY { width:40px; }
#top_content input#rdoN { width:40px; text-align:left; }
#top_content select#ddlCompany, #top_content select#ddlType, #top_content select#ddlReport { width: 168px; margin-bottom: 5px; padding: 0px;}
#top_content #btnSave { width: 60px; float: left; margin: 0 0 0 270px; padding: 0px; }
#top_content #btnView { width: 75px; float: left; margin: 10px 0 10px 255px; padding: 0px; }
#top_content #btnSubmit { width: 75px; margin-left: 340px; padding: 0px; }
#top_content #btnCncl { width: 75px; float: left; margin-left: 10px; }
#top_content #btnDel { width: 75px; float: left; margin-left: 10px; }
#top_content input#rdoInit { width: 15px; height: 15px; float: left; }
#top_content input#rdoAdden { width: 15px; height: 15px; float: left; }
#top_content label.rdoLabel { width: 55px; float: left; font-size: 12px; }
#bottom_content #btnUpdate { width: 70px; float: right; margin: 0px; padding: 0px; }
#top_content ul { list-style-type: none; }
#top_content ul li { font-size: 12px; float: left; padding-left: 20px; }
#top_content ul li a { text-decoration: none; }
#top_content ul li a:hover { text-decoration: underline; }
#top_content #btnSearch { }

#searchAccess { padding-left:76px; width:500px; }

#activeproject { width:100; }
#rdoY { width:50px; }
#rdoN { width:50px; text-align:left; }
/* Select All */
.selectAll { width: 100px; background: #efeff0; border: 1px solid #000; padding: 5px; margin-left: 7px; height: 15px; }
.selectAll label { font-size: 11px; padding-top: 1px; margin-left: 3px; color: Red; font-weight: bold; float: left; }
.selectAll input {  width: 15px; height: 15px; float: left; }

br.clear { clear: both; }
hr { clear: left; }
#login #rmbrbox { width:auto; }
#login a { font-size: 10px; margin:3px; }

/*Bottom Content*/
#bottom_content select#ddlUserType { float: left; margin: 10px 0 0 8px; padding: 0px;}
#bottom_content .alpha { float: left; font-size: 14px; margin: 0px; padding: 12px 0 0 120px; }
#bottom_content { clear: left; width: 840px; margin: 20px auto 20px auto; padding-top: 10px; }
#bottom_content table { width: 837px; margin: 0px auto; margin-top: 10px; padding: 0px; }
#bottom_content table th { text-align: center; background: #0d3b2e; color: #fff; font-size: 15px; border-right: 1px solid #fff; }
#bottom_content table td { text-align: center; font-size: 13px; border-bottom: 1px solid #000; background: #efeff0; }
#bottom_content table td.row1 { text-align: center; font-size: 13px; border-bottom: 1px solid #000; background: #efeff0; }
#bottom_content table tr.row2 td { background: #fff; }
#bottom_content table td.description { text-align: left; padding-left: 80px; }
/*Bottom Tables - File Info*/
#bottom_content table#fileDL { width: 837px; margin: 0px auto; margin-top: 10px; padding: 0px; }
#bottom_content table#fileDL th { text-align: center; background: #0d3b2e; color: #fff; font-size: 15px; border-right: 1px solid #fff; }
#bottom_content table#fileDL td { padding:3px 0px 3px 80px; font-size: 13px; border-bottom: 1px solid #000; background: #ddd; text-align:left; }
#bottom_content table#fileDL td.description { background: #efeff0; text-align: left; padding:15px 0 15px 80px; }
#bottom_content table#fileDL td.lb { background:#fff; border:none; border-bottom:1px solid #000; } 

/*Bottom Content Products*/
#bottom_content_1 select#ddlUserType { float: left; margin: 10px 0 0 8px; padding: 0px;}
#bottom_content_1 li { font-size:10px; }
#bottom_content_1 .alpha { float: left; font-size: 14px; margin: 0px; padding: 12px 0 0 120px; }
#bottom_content_1 { width: 840px; margin: 20px auto 0px auto; padding-top: 10px; }
#bottom_content_1 table { width: 620px; margin: 0px auto; margin-top: 10px; padding: 0px; }
#bottom_content_1 table th { text-align: center; background: #0d3b2e; color: #fff; font-size: 15px; border-right: 1px solid #fff; }
#bottom_content_1 table td { text-align: center; font-size: 13px; border-bottom: 1px solid #000; background: #efeff0; }
#bottom_content_1 table tr.row2 td { background: #fff; }
#bottom_content_1 table td.description { text-align: left; padding-left: 80px; }
/*Bottom Tables - File Info*/
#bottom_content_1 table.fileDL { width: 620px; margin: 0px auto; margin-top: 10px; padding: 0px; }
#bottom_content_1 table.fileDL th { text-align: center; background: #0d3b2e; color: #fff; font-size: 15px; border-right: 1px solid #fff; }
#bottom_content_1 table.fileDL td { padding:3px 0px 3px 20px; font-size: 13px; border-bottom: 1px solid #000; background: #ddd; text-align:left; }
#bottom_content_1 table.fileDL td.description { background: #efeff0; text-align: left; padding:15px 0 15px 20px; }
#bottom_content_1 table.fileDL td.lb { background:#fff; border:none; border-bottom:1px solid #000; } 

#bottom_left { float:left; width:200px; min-height:500px; }
#bottom_left li { margin:5px 0 0 0px; }
#bottom_left ul { padding:3px 0 3px 20px; }
.td_dl { text-align:right; }
#bottom_right { float:right; }


/* Reports */
#info_right #btnView {float: left; margin: 0px 0px 0px 10px;}
#info_right	#ddlReport { float: left; }

.time { clear: left; margin: 0px auto; padding-bottom: 10px; text-align: center; width: 700px; overflow: hidden; }
.time label { float: left; }
.time input { float: left; margin-right: 5px; width: 100px; }
.time select { float:left; }
.time #btnGo { float: left; margin: 0px 0px 0px 5px; padding: 0px; width: 30px; }

#reports_grid table { margin: 0px auto; }

#ltCats { clear:left; width:200px; font-size:10px; float:left; }
#top_main_proj { width:200px;}