/* CSS Document */

body{margin:0px; padding:0px; background:url('../Images/bg.png'); 
color:#969595; 
     font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; height:100%;
}
div, p, ul, ol, h1, h2, h3, h4, h5, img{margin:0px; padding:0px;}
ul{list-style-type:none;}


/*--HEADER--*/

#header{width:100%; height:160px; background:url('../Images/topbg.png') repeat-x 50% top; 
    margin:0 auto; position:relative;}

#header div.headerLogo{width:980px; position:relative; height:160px; background:url('../Images/logo.png') no-repeat;  
    margin:0 auto;}

#header div.headerLogo div.currentUser{width:35%; height:100%; float:right;}

.logoutButton{border-style: hidden; border-color: inherit; border-width: medium; float: right; 
    background: url('../Images/logout.png') no-repeat 50% bottom; color: #996600; font-size: 11px; 
    text-align: center; padding: 5px 0px 5px 0px; cursor: pointer; height: 30px; width: 90px;}

/*--END HEADER--*/


/*--TOP PANEL--*/

#topPan{width:100%; height:63px; color:#fff; background:url('../Images/hdBG3.png') repeat-x; 
    margin:0px auto; position:relative;}
    
#topPan div.centerUl{width:950px; margin: 0px auto; left: 0px; right: 0px}

#topPan img.logo{width:102px; height:91px; display:block; padding:28px 0 0;}

#topPan ul{float:right;}

#topPan ul li{float:left; width:90px; margin-top:16px; font-size:11px; font-weight:bold; line-height:30px; 
    text-transform:uppercase; text-align:center;}

#topPan ul li a{display:block; height:30px; background: #a1a1a1; color:#fff; text-decoration:none; border:1px solid #CCCCCC; 
	moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px;	border-radius: 10px 10px 0px 0px;}
	
#topPan ul li a:hover{background:#fea10f url('../Images/button2.png') no-repeat 0 0; 
color:#fff; text-decoration:none;
	border:1px solid #CCCCCC; moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; 
	border-radius: 10px 10px 0px 0px; }
	
#topPan ul li.home{display:block; height:30px; background:#fea10f url('../Images/button2.png') no-repeat 0 0; 
color:#fff; 
    text-decoration:none; border:1px solid #CCCCCC; moz-border-radius: 10px 10px 0px 0px; 
    -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px;
}

/*--END TOP PANEL--*/


/*--SUBMENU--*/

#subMenu{ width:900px;  height:48px; margin:0 auto; position:relative; padding-left:25px; }

#subMenu ul li{float:left; width:80px; margin-top:16px; word-wrap: normal; line-height:normal; 
    font-size:10px; font-weight:bold; text-transform:uppercase; text-align:center;}

#subMenu ul li a{display:block; height:30px; background:#6992ca; color:#fff; border:1px solid #CCCCCC; 
    moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; 
    text-decoration:none;}
	
#subMenu ul li a:hover{background:#fff url('../Images/button2.png') no-repeat 0 0; 
color:#999; border:1px solid #CCCCCC; 
    moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 5px 5px 5px 5px; 
    text-decoration:none;
}
	
#subMenu ul li.home{display:block; height:30px; background:#fff url('../Images/button2.png') no-repeat 0 0; 
color:#999; 
     border:1px solid #CCCCCC; moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; 
     border-radius: 5px 5px 5px 5px; text-decoration:none;
}
	
/*--END SUBMENU--*/


/*--MAIN PANEL--*/

#mainPan{width:950px;margin:0px auto; color:#969595;left:0px; right:0px;position:absolute;}
#mainPan h2{display:block; height:50px; font-weight:bold; color:#66EA00; background: #404040 url('../Images/lefttopbg.gif') repeat-x 0 0; 
padding:20px 0 0 29px;
    font-style: normal;
    font-variant: normal;
    font-size: 24px;
    line-height: 20px;
    font-family: Georgia, "Times New Roman", Times, serif;
}
#mainPan h2 span{font:21px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;}

#mainPan h3{display:block; width:250px; height:50px; font:18px/20px Georgia, "Times New Roman", Times, serif; 
    font-weight:bold; color:#0066CC; padding:25px 0 0 19px;}
#mainPan h3 span{font:21px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;}

#mainPan h4{display:block; width:250px; height:10px; font:14px/20px Georgia, "Times New Roman", Times, serif; 
    color:#CCCCCC; padding:20px 0 0 15px;}

#mainPan h5{display:block; width:300px; height:50px; font:24px/20px Georgia, "Times New Roman", Times, serif; 
    font-weight:bold; color:#66EA00; background:#404040; padding:20px 0 0 29px;}
#mainPan h5 span{font:21px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;}

#textboxLeft{
	width:400px; min-height:50px;
	border: 1px solid #CCCCCC;
	margin-bottom:15px;
	margin-left:20px;
	padding: 14px 9px 4px 10px;	
	background: #f4f4fe;	
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;

}
#textboxLeftSender{
	width:400px; min-height:50px;
	border: 1px solid #ccc;
	margin-bottom:15px;
	margin-left:20px;
	padding: 14px 9px 4px 10px;	
	background: #f6fde6;	
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;	
}

#textboxLeftFile{
	width:400px; min-height:50px;
	border: 1px solid #ccc;
	margin-left:20px;
	margin-bottom:15px;
	padding: 14px 9px 4px 10px;	
	background: #f2eedc;	
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;	
}
#textboxRight{
	width:200px; min-height:50px;
	border: 1px solid #CCCCCC;
	margin-left:20px;
	padding: 15px 9px 4px 19px;	
	background: #f2f2f2;	
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
#leftBody {width:550px; margin:3px 15px 15px 15px; float:left;height:100%;}
#leftBody2 {width:430px; margin:0px 15px 15px 15px; float:left;}
#leftBody p { color:#a5a096;}
#leftBody p span { color:#a5a096;  font-size:9px;}
#leftBody p.sender { color:#d1ab6a;}
#leftBody p.sender span { color:#d1ab6a; padding-left:5px; font-size:9px;}
#rightBody {width: 280px; margin:15px 15px 15px 15px; float:right;}
#rightBody2 {width: 430px; margin:0px 15px 15px 5px; float:left;}
#projectBg { background:#f7f6f4; margin:0 10px 20px 18px; width:910px; float:left; border:1px solid #CCCCCC;}
#projectBar {background:url('../Images/projectBar.png') repeat-x; 
width:910px; height:40px; margin-left:0px;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
}

#leftBody2 ul.projects{ width:430px; margin:0px 0px 0px 0px;}
#leftBody2 ul li.projects { width:180px; margin:0 0 0 0px; float:left; text-align:right; line-height:25px; 
    font-size:12px; height:25px; background:#f6f5f5; border:1px solid #d4d4d2; border-top:1px solid #f6f5f5;}
#leftBody2 ul li.projectsTxt { width:240px; margin:0 0 0 0px; position:relative; height:25px; background:#fff; 
    border:1px solid #d4d4d2; border-top:1px solid #f6f5f5;}

#rightBody2 ul.projects{ width:430px; margin:0px 0 0 0;}
#rightBody2 ul li.projects { width:180px; margin:0 0 0 0px; float:left; text-align:right; line-height:25px; 
    font-size:12px; height:25px; background:#f6f5f5; border:1px solid #d4d4d2; border-top:1px solid #f6f5f5;}
#rightBody2 ul li.projectsTxt { width:240px; margin:0 0 0 0px; position:relative; height:25px; background:#fff; 
    border:1px solid #d4d4d2; border-top:1px solid #f6f5f5;}

#mainPan p{padding:17px 34px 0 29px;};
#mainPan p.dateone{display:block; background:url(../Images/date1.jpg) 0 0 no-repeat; height:54px; padding:0 0 0 118px; 
    margin:0 0 0 29px; line-height:18px;}
#mainPan p span.blue{font-weight:bold; text-transform:uppercase; background:#414141; color:#089DEA;}
#mainPan p span.white{font-weight:bold; background:#414141; color:#fff; font-size:16px;}
#mainPan p span.whitenormal{font-weight:normal; background:#414141; color:#fff; font-size:14px;}

#mainPan p.datetwo{display:block; background:url('../Images/date2.jpg') no-repeat 0 0; 
height:54px; padding:0 0 0 118px; 
    margin:20px 0 0 29px; line-height:18px;
}
#mainPan p span.blue{font-weight:bold; text-transform:uppercase; background:#414141; color:#089DEA;}
#mainPan p span.white{font-weight:bold; background:#414141; color:#fff; font-size:16px;}
#mainPan p span.whitenormal{font-weight:normal; background:#414141; color:#fff; font-size:14px;}

#mainPan p.datethree{display:block; background:url('../Images/date3.jpg') no-repeat 0 0; 
height:54px; padding:0 0 0 118px; 
    margin:20px 0 0 29px; line-height:18px;
}
#mainPan p span.blue{font-weight:bold; text-transform:uppercase; background:#414141; color:#089DEA;}
#mainPan p span.white{font-weight:bold; background:#414141; color:#fff; font-size:16px;}
#mainPan p span.whitenormal{font-weight:normal; background:#414141; color:#fff; font-size:14px;}


#mainPan p.buttomshadow{width:268px; height:20px; background:url('../Images/buttom-shadow.jpg') no-repeat 0 0; 
padding:0; 
    margin:0 0 0 10px;
}
#mainPan p.topshadow{width:268px; height:20px; display:block; background:url('../Images/top-shadow.jpg') no-repeat 0 0; 
    padding:0; margin:0 0 0 20px;
}

#mainPan p span.bold{font-weight:bold;}

#mainPan p.more{width:200px; margin:5px 0 35px 0;}
#mainPan p.more a{display:block; background:#414141 url('../Images/lcon5.jpg') no-repeat 0 0; 
color:#fff; 
    text-decoration:none; padding:0 0 0 28px;
}
#mainPan p.more a:hover{display:block; background:#414141 url('../Images/lcon5-hover.jpg') no-repeat 0 0; 
    color:#fff; text-decoration:none;
}

#leftlinkboxonePan{width:550px; height:50px; margin:0px 0 0 0px; padding:0px;}
#leftlinkboxonePan ul{height:28px; width:550px;}
#leftlinkboxonePan ul li{ float:left; width:70px; height:28px;}

.line { windows:550px; padding-top:100px; border-bottom:1px dashed #868686; margin:0px auto;}
.newProjectBtn { float:right; width:140px; font-size:12px;  margin-bottom:0px;
 				-moz-border-radius: 5px 5px 5px 5px;
				-webkit-border-radius: 5px 5px 5px 5px;
				border-radius: 0px 0px 45px 5px;}

.newProjectBtn a{background:#CC9933; }

#mainPan ul{width:950px;margin:0px auto;}
#mainPan ul li{ height:65px; float:left; width:16px; padding:0 0 0 0px;}
#mainPan ul li.middle{ height:65px; float:left; width:918px; background:url('../Images/redBtn.png') repeat-x; 
    padding:0px 0 0 0px;
}
#mainPan ul li.middle p a{ background:#04e042; width:100px; text-decoration:none; font-size:12px; color:#FFFFFF; 
    padding:5px 5px 5px 5px; float:right; height:30px; margin-top:20px; -moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px; border-radius: 4px 4px 4px 4px;}
#mainPan ul li.middle p a:hover { background:#FF6633; font-size:13px;}				
#mainPan ul li a{display:block; color:#969595; font-size:16px; text-decoration:underline;}

#mainPan ul.blue{width:950px;}
#mainPan ul li.blueLft{ height:40px; float:left; background:url('../Images/blueLft.png') no-repeat 50% bottom; 
    width:17px; padding:0 0 0 0px;
}
#mainPan ul li.bluemiddle{ height:40px; float:left; line-height:40px; width:600px; 
    background:url('../Images/BlueBtn.png') repeat-x 50% bottom; 
padding:0 0 0 0px;
}
#mainPan ul li.blueRt{ height:40px; float:left; background:url('../Images/rightBtn.png') no-repeat 50% bottom; 
    width:17px; padding:0 0 0 0px;
}
#mainPan ul li.whiteRt{ height:40px; line-height:39px; float:left; background:url('../Images/BlueBtn2.png') repeat-x 50% bottom; 
    width:296px; padding:0 0 0 17px;
}
#mainPan ul li.whiteRtBrdr{ height:40px; float:left; background:url('../Images/rightBtn2.png') no-repeat; 
    width:3px; padding:0 0 0 0px;
}
#mainPan ul li.blue a{display:block; background:#414141; color:#969595; font-size:16px; text-decoration:underline;}

#mainPan ul.main{margin:0px auto;width:950px; background:url('../Images/mainBgRt.png') repeat-y right 50%; 
overflow:hidden;
}
#mainPan ul li.main{ margin:0px auto;height:auto; background:url('../Images/mainBg.png') repeat-y left 50%; 
width:948px; 
    padding-bottom:30px;
}
#mainPan ul li.main li p.leftRdBtnImage{width:16px; float: left; background-image:url('../Images/leftRdBtn.png'); 
    background-repeat:no-repeat; height:100%; border-style:none; border-width:0px;}
#mainPan ul li.main li.middle p.folderImage{width: 59px; float: left; padding-top: 20px; padding-left:15px; 
    background-image:url('../Images/folder.png'); background-repeat:no-repeat; height:75px; border-style:none; border-width:0px;}
#mainPan ul li.main li p.rightRdBtnImage{width:16px; float: left; background-image:url('../Images/rightRdBtn.png'); 
    background-repeat:no-repeat; height:100%; border-style:none; border-width:0px;}

#mainPan ul li.mainRt{margin:0px auto; height:100%; width:2px; background:url('../Images/mainBgRt.png') repeat-y right 50%;}

#commentBox{width:875px; margin:0px 15px 0px 15px; float:left; font-size:12px; height:70px; background:#f6f5f5; 
    border:1px solid #d4d4d2; border-top:1px solid #f6f5f5;bottom:0px;padding:0px;}
.textarea{border-style: hidden; height:69px; width:100%; resize:none; clear:both; }

#newRecordButtonGroup{width: 58%; float: right;}
    
#btnGroup{width: 62%; padding-top: 10px; float: right;}

.readOnlyTextBox{padding: 0px; border-style: hidden; width: 240px; height: 25px; 
    background-color: #BFBDA2;}

.validatedTextBox{padding: 0px; border-style: hidden; width: 220px; height: 25px;}

.unvalidatedTextBox{padding: 0px; border-style: hidden; width: 240px; height: 25px;}

.validationLabel{text-align: center; vertical-align: middle; height: 25px; width: 20px;}

.dateSelectionButton{padding: 0px; border-style: hidden; width: 220px; height: 25px; 
    cursor: pointer; text-align: left;}

.pickListComboBox{padding: 0px; border-style: hidden; width: 240px; height: 25px; 
    cursor: pointer;}
    
.numberComboBox{padding: 0px; border-style: hidden; width: 90px; height: 25px; 
    cursor: pointer;}    
.timeComboBox{padding: 0px; border-style: hidden; width: 140px; height: 25px; 
    cursor: pointer; float:right;}

.newCompanyContactPanel{background: #f7f6f4; margin: 0px 10px 20px 18px; width: 910px; 
    float: left; border: 1px solid #CCCCCC;}

.dateSelectionPanel{z-index: 1000; position: absolute; top:20px; left:200px; 
    background: #f9f9f8; margin: 0 auto; border: 2px Solid #ffc189; 
    -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; 
    border-radius: 7px 7px 45px 45px;}
#dateSelectionHeading{height:25px; vertical-align:middle; font-size:30px; 
    text-align:center; color:Black; font-weight:bold; margin-bottom:5px;}
#dateSelectionMessage{height:50px; vertical-align:middle; font-size:20px; 
    text-align:center; color:Gray;}
.dateSelectionLabel{z-index: inherit; position: absolute; font-size: larger; color: Blue;
    text-align: center; font-weight: bold; top: 5px; left: 10px;}
.dateSelectionCalendar{z-index: inherit; position: absolute; top: 60px; left: 30px;}
#dateSelectionCalendarGroup{width: 91%; padding-top: 5px; float: right;}
#dateSelectionButtonGroup{width: 62%; padding-top: 20px; float: right;}
.dateSelectionCloseButton{font-weight: bold; cursor: pointer;}

.disableEnablePanel{z-index: 1000; position: absolute; top:50px; left:300px; 
    background: #f9f9f8; margin: 0 auto; border: 2px Solid #ffc189; 
    -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; 
    border-radius: 7px 7px 45px 45px;}
#disableEnableHeading{height:25px; vertical-align:middle; font-size:30px; 
    text-align:center; color:Black; font-weight:bold; margin-bottom:5px;}
#disableEnableMessage{height:50px; vertical-align:middle; font-size:20px; 
    text-align:center; color:Gray;}
#disableEnableButtonGroup{width: 78%; padding-top: 20px; float: right;}
.disableEnableYesButton{font-weight: bold; cursor: pointer;}
.disableEnableNoButton{margin-left: 15px; font-weight: bold; cursor: pointer;}

/*--END MAIN PANEL--*/


/*---FOOTER PANEL--*/

#footerLoginPan{width:500px; height:50px; position:relative; margin: 0px auto; margin-top: 15px;}
#footerLoginPan ul li{text-align:center; font-size: 11px;}
#footerLoginPan ul li a{text-decoration:none;}

/*--END FOOTER--*/

.button {
	display:inline-block; 
	padding:3px 15px;
	font-size:13px;
	line-height:1.23em;
	color:#000; 
	cursor:pointer;
}
.button-2:hover {background:#f18c32;}

#comment_box
{
    margin:0px auto;
    text-align:right;
    height:160px;
    width:500px;
}
#reply_display
{
    margin:0px auto;
    height:160px;
    width:500px;
    text-align:right;
}
#fld_comment_display
{
   height:300px;
   width:800px;
   margin:0px auto; 
}
#wrapper
{
    margin:0px auto;
    left:0px;
    right:0px;
    height:100%;
    position:inherit;
}

/*---CHANGE PASSWORD PAGE--*/

#rightBody2 ul li.projectsTxtInfo{width:98%; margin:0 0 0 0px; position:relative; height:25px; background:#fff; 
    border:1px solid #d4d4d2; border-top:1px solid #f6f5f5;}

.infoLabel{padding: 0px; border-style: hidden; width: 100%; height: 25px;}

#changePasswordButton{width: 58%; float: right;}

/*--END CHANGE PASSWORD PAGE--*/