/* 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--*/
.headerMain{width:100%; height:96px; background:url('../Images/topbg.png') repeat-x 50% top; margin:0 auto; float:left;}
.header{width:100%; height:96px; background:url('../Images/logoSmall.png') no-repeat left;  margin:0 auto; float:left;}
.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; text-decoration:none; 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: 20px; width: 90px;}   
.header ul.Menu{ margin-left:200px; float:left; height: 34px;}
.header ul.Menu li{float:left; margin-top:0px; font-size:11px;  font-weight:bold; line-height:34px; text-transform:uppercase; text-align:center;}
.header ul.Menu li a{display:block; height:34px; background:#858585; color:#fff; text-decoration:none; padding:0 10px 0 10px; border:1px solid #CCCCCC;  moz-border-radius: 4px 4px 0px 0px;
                     -webkit-border-radius: 4px 4px 0px 0px;	border-radius: 4px 4px 0px 0px;}
.header ul.Menu li a:hover{background:#F8F8F8; height:35px; color:#525252; text-decoration:none; border:1px solid #CCCCCC; border-bottom:0px; moz-border-radius: 4px 4px 0px 0px;
                            -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; }	
.header ul.Menu li.activePage a{display:block; height:35px; background:#F8F8F8; padding:0 10px 0 10px; border-bottom:0px; color:#525252; text-decoration:none; z-index:0;
                         moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; border-bottom:0px;}
 .imgUser { width:23px; height:25px; background:url('../Images/users.png') no-repeat;}
/*--END HEADER--*/

.planningPannel { width:30%; float:left; margin:1%; border:1px solid #dddddd; padding-bottom:20px;  background:#ffffff; moz-border-radius:3px; -webkit-border-radius: 3px; border-radius:0 0 7px 7px; 
                  box-shadow: 0 10px 6px -6px #DEDEDE; }
.taskHeader { background:url('../Images/hdBG3.png') repeat-x; width:100%; float:left; color:#3D59AB; font-size:1.3em; text-indent:15px; padding:22px 0 10px 0;}
.taskName {padding:5px 5px 2px 5px; width:96%; margin:0 2% 0 2%; font-size:small;  color:Gray; overflow:hidden; moz-border-radius:0 5px; border-radius:0 5px 0 0;}
.taskLbl { background:#FF6103; padding:0 2px 2px 2px; margin:0 9px 0 0; color:#ffffff;  line-height:15px; moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.taskComment { padding:5px 0 5px 10px; width:96%; margin:0 2% 0 2%; moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.reapeterPnl { width:100%; float:left; margin:10px 0% 10px 0%; padding:0px 0 7px 0 ; border-bottom:1px dashed #cccccc;  }
.taskAssign { color:#436EEE; width:96%;margin:4px 2% 7px 2%; font-size:smaller; text-decoration:none;  text-align:right;}
.taskAction { background:#EDEDED; border:1px solid #D4D4D4; font-size:smaller;  padding:0 3px 0 3px; text-align:center; moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.taskAction a:hover { background-color:Aqua;}
/*--Sub PANEL--*/
.topPan{width:100%; height:38px; color:#fff; background:url('../Images/hdBG3.png') repeat-x; margin:0 auto; float:left; border-bottom:1px solid #CCCCCC;}    
.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{ margin-left:6%; padding:0px; float:left; height: 38px;}
.topPan ul li{float:left; margin:0; font-size:11px; font-weight:bold;  height:38px; line-height:38px; text-transform:uppercase; text-align:center; }
.topPan ul li a{display:block; margin:0; height:38px; color:#37698E; text-decoration:none; border-right:1px solid #CCCCCC; padding:0 10px 0 10px;   }	
.topPan ul li a:hover{display:block; height:38px; background:#E0AA8F; color:#ffffff; text-decoration:none;}	
 .topPan ul li.home a{display:block; margin:0; height:38px; background:#E9A077;  color:#ffffff; text-decoration:none; padding:0 10px 0 10px; }
 
.AspNet-TreeView { width: 90%; }
.AspNet-TreeView .Root a { display:block; float:right; text-decoration:none;  margin-left: 5px; padding: 2px 5px 2px 5px; font-size:medium;  } 
.AspNet-TreeView .Leaf a {  background-color:Red;} 
.AspNet-TreeView .Selected { background: #F6F6F6 url(../../images/structure/arrow-right.gif) 8px 9px no-repeat; } 
.AspNet-TreeView .Expand { display: block; float: left; margin: 9px 0px 0px 8px; padding: 6px 4px 5px 4px; height: 0px !important; cursor: pointer; } 
.AspNet-TreeView .Collapse {display: block; float: left; margin: 9px 0px 0px 8px; padding: 6px 4px 5px 4px; height: 0px !important; cursor: pointer; } 
.AspNet-TreeView .Show li { border:0px;} 
.AspNet-TreeView-Hide { display: none; } 
.AspNet-TreeView ul li ul li { text-indent: 20px; border-bottom: none; font-size: 11px; }

/*--Sub TOP PANEL--*/

.bodyMain{width:100%; float:left; background:url('../Images/Bg.png'); margin:0;}

/*--SUBMENU--*/

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

.subMenu ul li{float:left; width:80px; margin-top:16px; 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.homes{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--*/

.empLeaveForm {width:100%; min-width:700px; float:left; background:#fefefe; margin:10px 0 10px 0%; border:1px solid #dddddd; }
.empLeaveForm ul {width:492px; float:left; margin:10px 0 10px 10px; padding:20px 0px 5px 0px;  }
.empLeaveForm ul.AssignBtn {width:100px; float:left; margin:20px 0 0 10px; padding:5px 0px 5px 10px;}
.empLeaveForm ul li.empDesc {width:150px; text-align:right; padding:5px 0 0 0; float:left;}
.empLeaveForm ul li.empTextBox{width:250px; float:left; padding:5px 0 0 0;}
.empLeaveForm ul li.empTaskDesc {width:100%; height:26px; line-height:26px; margin:0px 0 10px 0; text-indent:10px; border-bottom:1px dotted #ddddddd; background:#eeeeee; float:left; overflow:auto;}
.empLeaveForm p {width:100%; float:left; background:#E9A077; color:White; margin:0px; line-height:35px; text-transform:uppercase; font-weight:bold; font-size:small; border-bottom:2px solid #dddddd; padding:0px; text-indent:20px;}
.empLeaveForm p.Top {width:100%; float:left; background:#E9A077; margin:0px; line-height:35px; text-transform:uppercase; font-weight:bold; font-size:small; border-bottom:2px solid #dddddd; padding:0px; text-indent:20px;}

.empLeaveTable {width:800px; float:left; padding:20px 0px 5px 0px; background:#fff; overflow:auto;}
.empLeaveTable tr {width:40%; float:left; padding:20px 0px 5px 0px;  }
.empLeaveTable tr.btnCol {width:20%; float:left; padding:20px 0px 5px 0px; }
.empLeaveTable tr.ddlList {width:100%; float:left; padding:20px 0px 5px 0px; }
.empLeaveTable tr td {width:100%; text-align:center; float:left; }
.empLeaveTable p {width:100%; float:left; color:white; background:#E9A077; margin:0px; line-height:35px; text-transform:uppercase; font-weight:bold; font-size:small; border-bottom:2px solid #dddddd; padding:0px; text-indent:20px;}

/*--BEGIN CALENDAR--*/

.container {width:90%; min-width:600px; margin:2% 0 0 5%; border:2px solid #00B2EE; overflow:hidden;}
.right { width:70%; padding:1% 0 0 1%; float:left; background:#eee;  margin:0;}
.left { background:#eee; width:26%; padding:1%; float:left;  margin:0;}
.left h1 { font-size: 1.5em; font-family:@Adobe Fangsong Std R; color:#33A1C9;}
.footer{ width:100%; height:10px; float:left; line-height:10px; background:#8FBC8F; padding:0px;}
.timeField { background:#fff; height:auto; float:right; padding:1%; border-bottom:1px  dotted #ccc; border-right:1px solid #B22222; text-align:right;}
.valueField { background:#fff; height:auto; padding:1%; float:right; border-bottom:1px  dotted #ccc; text-align:left;}
.appointmentPanel { background:#fff; padding:1%; float:right; border-bottom:1px  dotted #ccc; text-align:left;}



.MonthCalendar { background: #ffffff; height:20px;  width:40px;}
.MonthCalendar a { text-decoration: none; line-height:58px; height:60px; vertical-align:middle; }
.MonthCalendar .MonthCalendarTitle { font-weight: bold; line-height:25px; background:#eeeeee; }
.MonthCalendar td.MonthCalendarDay { border: solid 2px #eeeeee; border-left: 0; border-top: 0; }
.MonthCalendar .myCalendarNextPrev { text-align:center; height:20px; }
.MonthCalendar td.MonthCalendarSelector { background-color: #dddddd; }
.MonthCalendar .MonthCalendar a { height:20px; text-decoration:none; background-color:Aqua;}
.MonthCalendar .MonthCalendarSelector a,
.MonthCalendar .MonthCalendarNextPrev a {  height:20px; line-height:15px; text-decoration:none; font-size:smaller; text-align:center;  display: block;  }
.MonthCalendar .MonthCalendarDay a:hover, 
.MonthCalendar .MonthCalendarSelector a:hover  { height:60px; display:block; background:#BFEFFF; }
.MonthCalendar .MonthCalendarNextPrev a:hover { height:20px; background:#F2F2F2; }
.MonthCalendar .DayHeaderStyle { height:25px; background:#eeeeee; Vertical-Align:middle; }

.DayCalendar { width: 200px;}
.DayCalendar a { text-decoration: none; }
.DayCalendar .MonthCalendarTitle { font-weight: bold; }
.DayCalendar td.MonthCalendarDay { border: solid 2px #fff; border-left: 0; border-top: 0; }
.DayCalendar .myCalendarNextPrev { text-align: center; }
.DayCalendar td.MonthCalendarSelector { background-color: #efefef; }
.DayCalendar .MonthCalendar a { line-height:59px; background-color:Aqua;}
.DayCalendar .MonthCalendarSelector a,
.DayCalendar .MonthCalendarNextPrev a { display: block; }
.DayCalendar .MonthCalendarDay a:hover, 
.DayCalendar .MonthCalendarSelector a:hover  { height:70px; display:block; background-color:white; }
.DayCalendar .MonthCalendarNextPrev a:hover { background-color: #fff; }

.table {  width:100%; background:#fff; margin:0px; padding:0px; border:0px;}
.table tr{ width:100%}
.table .tblHeader {margin:0px; padding:0px; height:50px; background:#fff;}
.table tr td { width:25%; background:#eee; border-right:solid 1px #fff; border-bottom:solid 2px #fff; height:80px;}
.table tr td a{ line-height:30px;}
.table tr td a:hover { background-color:#FFEBCD; }

.ScheduleTabStyle .ajax__tab_header { font-family: "Helvetica Neue" , Arial, Sans-Serif; font-size: 14px; color:#ffffff; text-decoration:none; text-align:right; padding-right:10%;  height:40px; line-height:38px; background:#00B2EE; font-weight:bold; display: block; }
.ScheduleTabStyle .ajax__tab_header a { color:white;}
.ScheduleTabStyle .ajax__tab_header .ajax__tab_outer {  color: #222; padding-left: 0px; margin-top:1px; }
.ScheduleTabStyle .ajax__tab_header .ajax__tab_inner { color: #666; padding: 0px 20px 0px 20px;}
.ScheduleTabStyle .ajax__tab_hover .ajax__tab_outer{  }
.ScheduleTabStyle .ajax__tab_hover .ajax__tab_inner{ color:#fff;  }
.ScheduleTabStyle .ajax__tab_active .ajax__tab_outer { border-bottom-color: #ffffff; background-color: #d7d7d7; }
.ScheduleTabStyle .ajax__tab_active .ajax__tab_inner { color: #000; background:#0A8EDB;  }
.ScheduleTabStyle .ajax__tab_body {font-family: verdana,tahoma,helvetica; font-size: 10pt; background-color: #eee; border-top-width: 0; border-top-color: #ffffff; }

.tblAddEventSaveBtn { text-align:right;} 

/*--END CALENDAR--*/
.forumTableStyle {width: 100%; min-width:800px; float: left; border: 1px solid #dddddd; margin: opx; padding: 0px;}
.forumTableStyle tr {width:100%; background:#cccccc; border-bottom:1px solid #ffffff; float:left; }
.forumTableStyle tr td { float:left; margin:0; padding:0px;}



/*--.mainPan{width:950px;margin:20px auto; color:#969595;left:0px; right:0px; float:left;}--*/

.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;
}
/*.. MAIN BODY ..*/

/*.. TABLE DETAIL..*/
.tblDetail { width: 100%; border:0px; float: left; margin:0; padding:0; }
.tblDetail tr {}
.tblDetail tr td.verMenu {  vertical-align:top; min-width:200px;  width:14%; }
.tblDetail tr td.detailPanel{ width:85%;  min-width:200px; display: table-cell; vertical-align: top;    }
.tblDetail tr td.verMenu2{ width:15%; background:#f3f2f0;  min-width:200px; display: table-cell; vertical-align: top; border-bottom:3px solid #4682b4;   }


/*.. END TABLE DETAIL ..*/

/*.. VERTICAL MENU ..*/
.verticalMenu {	background:#f3f2f0; min-width:220px;  width:100%; margin:1px 0; float:left; padding:6px 0 20px 0; border:1px solid #ddd; border-bottom:3px solid #4682b4; font-size: 0.5em;}
.verticalMenu ul.menu { background:#f7f6f4; width:auto; height:auto; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
                  -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
                  box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
                  }
.verticalMenu ul.menu li a { background:#f3f2f0; border-bottom: 1px solid #ddd;                       
                        width:100%; height:2.75em; line-height: 2.75em; text-indent: 2em; display: block;
                        position: relative; font-family:Century Gothic”, CenturyGothic, AppleGothic, sans-serif; font-size:1empx; color: #696969; text-decoration:none;
                        text-shadow: 0px 1px 0px rgba(0, 0, 0, .2); background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
                        }

.verticalMenu ul.menu li.current a,
.verticalMenu ul.menu li a:hover, 
.verticalMenu ul.menu li a.active { border-bottom: 1px solid #ddd; background:#fefefe;  }                               


.verticalMenu ul.menu li a span {  width:0.4em; font-size: 0.857em; display: inline-block; position: absolute; right:0; top:0; 
                             height: 2.75em; line-height: 2.75em;  padding:0 0 0.5em 0; margin:0 ; color: #fff; text-indent: 0; text-align: center; 
                             font-family:Century Gothic”, CenturyGothic, AppleGothic, sans-serif;          
                             
                             }
.verticalMenu ul.menu li a:hover span,
.verticalMenu ul.menu li a.active span { background-color:Orange; left:-0.4em; }



/*.. VERTICAL MENU ..*/

.leftBody2 { width:100%; min-width:645px; margin:1em 0 0 0; padding:0; float:left;}
.leftBody2 ul.projects{ float:left; width:400px; margin:0 10px 20px 10px;  border-top:1px solid #d4d4d2;}
.leftBody2 ul.projects li.projects {width:157px; margin:0 0 0px 0px; float:left; text-align:right; line-height:20px;
                            font-size:12px; height:20px; padding:4px 3px 4px 0; background:#f6f5f5; border:1px solid #d4d4d2; border-top:1px solid #f6f5f5;}                            
.leftBody2 ul.projects li.projectsTxt {width:236px; margin:0 0 0 0px; float:left; padding:4px 0 4px 0;  height:20px;  border:1px solid #d4d4d2; border-top:1px solid #f6f5f5;}
.leftBody2 ul.projects li.updatePanel {float:left; width:400px; line-height:19px; margin:0px; padding:0px 0 0px 0;  border-top:1px solid #f6f5f5;}
.LinkStyle { text-align:right; width:20px; height:20px; font-style:italic; color:#778899; margin:0; padding:0; text-decoration:none; background:url('../Images/edit.png') no-repeat; border:0px; float:right; font-size:x-small }

.btnHolder { width:300px; margin:0 0 0 0px; float:left;  text-align:right; padding-top:10px; } 
.projectBgMain { background:#f7f6f4;   width:100%; min-width:600px; margin:0px; border:1px solid #ddd;  padding:0px; float:left; }
.projectBar {background:url('images/projectBar.png') repeat-x; float:left; width:100%; height:40px; margin-left:0px; margin:0; }

.rightBody2 {min-width:330px; width:46%; margin:0px 15px 15px 5px; float:left;}
.rightBody2 ul.projects{ width:100%; float:left; min-width:330px; margin:0px 0 20px 0; }
.rightBody2 ul li.projects {width:30%; min-width:120px; 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:67%; min-width:200px; margin:0 0 0 0px;  height:25px; background:#fff; border:1px solid #d4d4d2; border-top:1px solid #f6f5f5;}
.rightBody2 ul li.updatePanel {width:67%; min-width:200px; margin:0 0 0 0px;  height:25px; background:#fff; border:1px solid #d4d4d2; border-top:1px solid #f6f5f5;}


.projectBg { width:100%; background:#eeeeee; padding:0; float:left; }
/*--MAIN PANEL  --*/
.mainPan { width:90%; min-width:800px; float:left; height:auto;   margin:20px 0 0 5%; }
.mainPan ul li{ float:left;  width:100%; padding:0 0 0 0px;}
.mainPan p.Panel {width:100%; float:left; background:#E9A077; color:White; margin:0px; line-height:35px; text-transform:uppercase; font-weight:bold; font-size:small; border:1px solid #E9A077; border-bottom:2px solid #dddddd; padding:0px; text-indent:20px;
}
.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:420px; 
height:50px; font-weight:bold; color:#0066CC; padding:25px 0 0 19px;
    font-style: normal;
    font-variant: normal;
    font-size: 18px;
    line-height: 20px;
    font-family: Georgia, "Times New Roman", Times, serif;
}
.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;}
.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;}

/*


.mainPan ul{width:950px;margin:0px auto;}
.mainPan ul li{ height:65px; float:left; 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; min-width:800px; width:100%; float:left;  }

.mainPan ul.main li.GridView{margin:0px auto; width:100%; min-width:800px; float:left; }
.mainPan ul li.mainPanel{margin:0px auto; width:89%; float:left; background:url('images/mainBgRt.png') repeat-y right 50%;}
.mainPan ul li.menuPanel{margin:0px auto; width:10%; margin-right:1%; float:left; background:url('images/mainBgRt.png') repeat-y right 50%;}
.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%;}
/*END MAIN PANEL--*/

/*----/ GRID PANEL----*/
.gridview { margin:0 0px 0 0.1%; width:99.9%; background-color:#fff; float:left;  border:solid 1px #9FB6CD; }
.gridview td{ padding: 3px 3px 3px 3px; border: solid 1px #c1c1c1; color: #717171; font-size:0.8em;}
.gridview th { color: Gray; background:url(images/topbg.png); line-height:normal; padding:9px 5px 5PX 0px; border-left: solid 1px #ccc; font-size:small; text-decoration:none; }
.gridview th a { text-decoration:none; color:GrayText; }
.gridview .gridview_alter { background: #D1EBFA; }
.gridview .gridview_pager { width:100%; background: #eee; }
.gridview .gridview_pager table { margin:3px 8px 3px 8px; float:right; }
.gridview .gridview_pager td {  padding: 0 6px; background:#eee;  font-weight: bold; color:#000080; line-height: 12px;  }  
.gridview .gridview_pager a { color: #fff; text-decoration: none; background:#6495ed; padding:1px 8px 1px 8px; }
.gridview .gridview_pager a:hover { color: #000; text-decoration: none; background-color:aqua; padding:1px 8px 1px 8px; }
.gridview .grvHeader { text-decoration:none; text-align:center; Font-Size:Small; font-weight:bold; color:Gray; text-decoration:none; }
.gridview .grvHeader a{ text-decoration:none; text-align:center; Font-Size:Small; font-weight:bold; color:Gray; text-decoration:none; }


/*----/ END GRID PANEL----*/


.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; }

.commentBox{ width:98%; margin:0 1% 0 1%; float:left; font-size:12px; height:90px; background:#f6f5f5; 
    border:1px solid #d4d4d2; border-top:1px solid #f6f5f5;bottom:0px;padding:0px;}
    
.textarea{border-style: hidden; margin:0; padding:0; height:90px; width:100%;  }

.newRecordButtonGroup{width: 58%; float: right;}    
.btnGroup{width:95%; background:#f7f6f4; text-align:right; border-bottom:1px solid #DCDCE0;   padding:10px 5% 20px 0; float:right;}
.btnGroup2{width:100%; text-align:right; border-bottom:3px solid #E9A077;   padding:0px 0% 0px 0; float:right;}

.readOnlyTextBox{ width:100%; height:20px; border:0px; color:#707070; text-indent:0px; border-style:none; background-color:#f3f2f0;}

.validatedTextBox{float:left; width:95%; text-indent:5px; color:#4A4A4A;
    background:#FFFFFF;padding:2px 0px 2px 2px;
	border:1px solid #CCCCCC;
	height:16px;}

.unvalidatedTextBox{ width:95%; text-indent:5px; color:#4A4A4A;
                     background:#FFFFFF;padding:2px 0px 2px 2px;
	border:1px solid #CCCCCC;
	height:16px; }
.validationLabel{text-align: center; color:#4A4A4A; float:left; min-width:3px; width:1%; }

.dateSelectionButton{padding: 0px; color:#4A4A4A;  cursor:pointer; text-align:left;}

/*.pickListComboBox{ width:96%; background:#ffffff; color:#4A4A4A; float:left; border:1px solid #cccccc; text-indent:5px; cursor: pointer;}*/
select::-ms-expand {display: none; /* hide default arrow in IE10 */}
select { color:#4A4A4A; font-size:small; float:left; border:1px solid #cccccc; line-height:16px; margin: 0 0 0px; padding:2px 0px 2px 2px; cursor: pointer;
    text-indent: 0px; text-overflow:""; background:url(images/arrow.png) 100% no-repeat #fff;
    -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;
}
select option { background: #fff; }
textbox {text-indent:5px; color:#4A4A4A;
                     background:#FFFFFF;padding:2px 0px 2px 2px;
	border:1px solid #CCCCCC;
	height:16px;}
    
.numberComboBox{ width:66%; float:left; text-indent:5px; cursor: pointer;}    
.timeComboBox{ width:30%; cursor:pointer; text-indent:5px; float:left;}



.newCompanyContactPanel{width:400px; background:#ddd; margin-bottom:20px; padding:5px; float:left; }

.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:30%; left:40%; 
    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:20px; vertical-align:middle; font-size:large;  text-align:center; color:Black; font-weight:bold; margin-bottom:5px;}
.disableEnableMessage{height:40px; vertical-align:middle; font-size:small; 
    text-align:center; color:Gray;}
.disableEnableButtonGroup{width: 98%;  padding-top:10px; text-align:center; }
.disableEnableYesButton{font-weight: bold; font-size:small; color:Gray; cursor: pointer;}
.disableEnableNoButton{margin-left: 15px; font-size:small; color:Gray; 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 3px;
	font-size:12px;
	float:right;
	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%; font-size:smaller; height: 25px;}

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

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

.clndrButton 
{   
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;	text-shadow:0px 1px 0px #ffffff;
}

.clndrButton:hover {
	background-color:#e9e9e9;
}
.clndrButton:active {
	position:relative;
	top:1px;
	text-decoration:none;
}
.forumTitle 
{
     font-family:@Arial Unicode MS; font-weight:bold; font-size:small; text-transform:capitalize; color:#2B76C1;
 
}
.forumName 
{
    color:#606060; font-size:small; 
}
.forumDate 
{
    color:#D4D4D4; font-size:smaller; padding-left:5px;
}
.forumHeader 
{
    border-left:1px solid #cccccc; font-size:medium; text-transform:capitalize; margin:15px 0 0 -2px; padding:10px 10px 10px 15px;  text-align:left;
}
.forumHeader table 
{
     padding:5px; width:20%;
}
.btnLink:active
{
    font-size:smaller; width:100px; right:20px; float:right; background:#D6EBFF; padding:2px; color:#2B76C1; font-family:@Arial Unicode MS; font-style:italic; text-decoration:none; 
}