@charset "utf-8";
/* CSS Document */

img {
    border: none;
}
.header_container {
    height: 107px;
    margin: 0 auto;
    width: 70%;
    /*width: 980px;*/
}
/*.logo {
    float: left;
    height: auto;
    width: auto;
    margin: 14px 0px;
}*/
.logo > img {
	width: 100%;
	height: 45px;
}
#nav {
	width: 70%;
    /*width: 950px;*/
    height: 47px;
    margin: 0 auto;
    clear: both;    
}
#nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#nav ul li {
    display: inline-block;
    float: left;
}
#nav ul li a {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 11px 7px;
    border-left: 1px solid #000;
}
#nav ul li a:hover {
	padding: 11px 7px;	
	background-image: url(images/header_bg_hover.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
}
#nav ul li a img {
	width: 26px;
	height: 26px;
}
/*#nav ul li a:hover {
    display: block;
    height: 32px;
    padding: 12px 7px 0px 7px;
    background-image: url(images/header_bg_hover.gif);
    background-repeat: repeat-x;
    margin-top: -1px;
}*/
.active_link {
    display: block;
    height: 48px;
    background-image: url(images/header_bg_hover.gif);
    /*margin-top: -1px;*/
}
/*#middle {
    background-color: #8F1C10;
    background-image: url("images/content_container.gif");
    background-repeat: repeat-x;
    float: left;
    min-height: 383px;
    width: 100%;
}*/
.content_container {
    height: auto;
    margin: 0 auto;
    /*width: 980px;*/
    width: 70%;
}
.footer {
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    height: 44px;
    line-height: 3.2em;
    margin: 0 auto;
    text-align: center;
    text-shadow: 1px 1px 0 #333333;
    width: 70%;
    /*width: 980px;*/
}
.first_box {
    /*width: 470px;*/
    width: 47%;
    height: 305px;
    background: #FFFFFF;
    border: #0261A1 solid 2px;
    float: left;
    margin-top: 24px;
    webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #000000;
    padding: 5px;
    font-size: 11px;
}
.first_box table tr td {
    font-size: 11px;
}
.first_box h1 {
    font-size: 15px;
    color: #8F1C10;
    float: left;
}
.txt_blue {
    font-weight: bold;
    color: #8F1C10;
}
.project_box {
    width: 970px;
    float: left;
    margin-top: 15px;
}
.project_box h1 {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
}
.sort_box {
    width: 330px;
    height: 25px;
    float: left;
    margin: 10px 0 0 140px;
}
.input_box {
    width: 113px;
    height: 17px;
    border: #0261A1 solid 1px;
}
.bg_blue {
    background-image: url(images/project_top_bar.png);
    background-repeat: repeat-x;
    height: 44px;
    padding-left: 7px;
    color: #FFFFFF;
    font-weight: bold;
    border-right: #E5E5E5 solid 1px;
}
.pad_left {
    padding-left: 7px;
    border-right: #E5E5E5 solid 1px;
    border-bottom: #E5E5E5 solid 1px;
}
.tab_bottom {
    webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}
.pagination {
    float: right;
    width: 264px;
    height: 28px;
    margin: 10px 10px 0 0;
}
.page_active {
    background-image: url(images/grey.png);
    background-repeat: no-repeat;
    width: 27px;
    height: 22px;
    color: #FFFFFF;
    display: block;
    float: left;
    text-align: center;
    margin: 0 0px 0 5px;
    padding-top: 2px;
    text-decoration: none;
}
.page_deactive {
    background-image: url(images/blue.png);
    background-repeat: no-repeat;
    width: 27px;
    height: 22px;
    color: #FFFFFF;
    display: block;
    float: left;
    text-align: center;
    margin: 0 0 0 5px;
    padding-top: 2px;
    text-decoration: none;
}
.proj_menu {
    position: absolute;
    top: 155px;
    left: 320px;
    background-color: #032F4B;
    width: 220px;
    height: 100px;
    display: none;
}
.proj_menu a {
    color: #FFFFFF;
}
.welcome {
    width: 280px;
    height: 22px;
    color: #FFF;
    float: right;
    margin: 35px 0 0 0;
    font-weight: bold;
    padding-top: 8px;
    font-size: 16px;
}
/*Add by GS*/

#leftNavigation {
    float: left;
    width: 240px;
}
#leftNavigation #nav {
    width: 260px;
    height: 100%;
    min-height: 725px;
    margin: auto;
    clear: both;
}
#leftNavigation #nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#leftNavigation #nav ul li {
    display: inline-block;
    float: left;
    height: 142px;
}
#leftNavigation #nav ul li a {
    background-color: transparent !important;
}
.button1 {
    background-image: url(images/i_My-Profile.png);
    width: 237px;
    height: 137px !important;
    background-repeat: no-repeat;
    background-position: 7px 11px;
}
a.button1:hover {
    background-image: url(images/i_My-Profile-Active.png);
    width: 237px;
    height: 137px !important;
    background-repeat: no-repeat;
    background-position: 7px 11px;
}
.button1active {
    background-image: url(images/i_My-Profile-Active.png);
    width: 237px;
    height: 137px !important;
    background-repeat: no-repeat;
    background-position: 7px 11px;
}
.button2 {
    background-image: url(images/i_My-Projects.png);
    width: 237px;
    height: 137px !important;
    background-repeat: no-repeat;
    background-position: 7px 11px;
}
a.button2:hover {
    background-image: url(images/i_My-Projects-Active.png);
    width: 237px;
    height: 137px !important;
    background-repeat: no-repeat;
    background-position: 7px 11px;
}
.button2active {
    background-image: url(images/i_My-Projects-Active.png);
    width: 237px;
    height: 137px !important;
    background-repeat: no-repeat;
    background-position: 7px 11px;
}
.button3 {
    background-image: url(images/i_Inspections.png);
    width: 237px;
    height: 137px !important;
    background-repeat: no-repeat;
    background-position: 7px 11px;
}
a.button3:hover {
    background-image: url(images/i_Inspections-Active.png);
    width: 237px;
    height: 137px !important;
    background-repeat: no-repeat;
    background-position: 7px 11px;
}
.button3active {
    background-image: url(images/i_Inspections-Active.png);
    width: 237px;
    height: 137px !important;
    background-repeat: no-repeat;
    background-position: 7px 11px;
}
.button4 {
    background-image: url(images/i_reports.png);
    width: 237px;
    height: 137px !important;
    background-repeat: no-repeat;
    background-position: 7px 11px;
}
a.button4:hover {
    background-image: url(images/i_Reports-Active.png);
    width: 237px;
    height: 137px !important;
    background-repeat: no-repeat;
    background-position: 7px 11px;
}
.button4active {
    background-image: url(images/i_Reports-Active.png);
    width: 237px;
    height: 137px !important;
    background-repeat: no-repeat;
    background-position: 7px 11px;
}
.button5 {
    background-image: url(images/i_progress_monitor.png);
    width: 237px;
    height: 137px !important;
    background-repeat: no-repeat;
    background-position: 7px 11px;
}
a.button5:hover {
    background-image: url(images/i_progress_monitor_active.png);
    width: 237px;
    height: 137px !important;
    background-repeat: no-repeat;
    background-position: 7px 11px;
}
.button5active {
    background-image: url(images/i_progress_monitor_active.png);
    width: 237px;
    height: 137px !important;
    background-repeat: no-repeat;
    background-position: 7px 11px;
}
/*
.left_btn1{width:232px; height:72px;background-image:url(images/construction_calendar_btn.png); background-repeat:no-repeat; display:block; }
a.left_btn1:hover{background-image:url(images/construction_calendar_btn_active.png); background-repeat:no-repeat; display:block; }
.left_btn1active{background-image:url(images/construction_calendar_btn_active.png); height:72px !important; background-repeat:no-repeat; display:block; }

.left_btn2{width:232px; height:72px;background-image:url(images/locations_btn.png); background-repeat:no-repeat; display:block; }
a.left_btn2:hover{background-image:url(images/locations_btn_active.png); background-repeat:no-repeat; display:block; }
.left_btn2active{background-image:url(images/locations_btn_active.png); height:72px !important; background-repeat:no-repeat; display:block; }


.left_btn3{width:232px; height:72px;background-image:url(images/Issued_btn.png); background-repeat:no-repeat; display:block; }
a.left_btn3:hover{background-image:url(images/Issued_btn_active.png); background-repeat:no-repeat; display:block; }
.left_btn3active{background-image:url(images/Issued_btn_active.png); height:72px !important; background-repeat:no-repeat; display:block; }

.left_btn4{width:232px; height:72px;background-image:url(images/standard_defect_list_btn.png); background-repeat:no-repeat; display:block; }
a.left_btn4:hover{background-image:url(images/standard_defect_list_btn_active.png); background-repeat:no-repeat; display:block; }
.left_btn4active{background-image:url(images/standard_defect_list_btn_active.png); height:72px !important; background-repeat:no-repeat; display:block; }

.left_btn5{width:232px; height:72px;background-image:url(images/progress_task_btn.png); background-repeat:no-repeat; display:block; }
a.left_btn5:hover{background-image:url(images/progress_task_btn_active.png); background-repeat:no-repeat; display:block; }
.left_btn5active{background-image:url(images/progress_task_btn_active.png);height:72px !important; background-repeat:no-repeat; display:block; }

.left_btn6{width:232px; height:72px;background-image:url(images/associate_user_btn.png); background-repeat:no-repeat; display:block; }
a.left_btn6:hover{background-image:url(images/associate_user_btn_active.png); background-repeat:no-repeat; display:block; }
.left_btn6active{background-image:url(images/associate_user_btn_active.png);height:72px !important; background-repeat:no-repeat; display:block; }

.left_btn7{width:232px; height:72px;background-image:url(images/raised_btn.png); background-repeat:no-repeat; display:block; }
a.left_btn7:hover{background-image:url(images/raised_btn_active.png); background-repeat:no-repeat; display:block; }
.left_btn7active{background-image:url(images/raised_btn_active.png);height:72px !important; background-repeat:no-repeat; display:block; }
*/
/*Side menu start here*/

.left_btn1 {
    width: 232px;
    height: 72px;
    background-image: url(images/construction_calendar_btn.png);
    background-repeat: no-repeat;
    display: block;
}
a.left_btn1:hover {
    width: 232px;
    background-image: url(images/construction_calendar_btn_active.png);
    background-repeat: no-repeat;
    display: block;
}
.left_btn1active {
    width: 232px;
    background-image: url(images/construction_calendar_btn_active.png);
    height: 72px !important;
    background-repeat: no-repeat;
    display: block;
}
.left_btn2 {
    width: 232px;
    height: 72px;
    background-image: url(images/locations_btn.png);
    background-repeat: no-repeat;
    display: block;
}
a.left_btn2:hover {
    width: 232px;
    background-image: url(images/locations_btn.png);
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
}
.left_btn2active {
    width: 232px;
    background-image: url(images/locations_btn.png);
    background-position: bottom;
    height: 72px !important;
    background-repeat: no-repeat;
    display: block;
}
.left_btn3 {
    width: 232px;
    height: 72px;
    background-image: url(images/Issued_btn.png);
    background-repeat: no-repeat;
    display: block;
}
a.left_btn3:hover {
    width: 232px;
    background-image: url(images/Issued_btn.png);
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
}
.left_btn3active {
    width: 232px;
    background-image: url(images/Issued_btn.png);
    height: 72px !important;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
}
.left_btn4 {
    width: 232px;
    height: 72px;
    background-image: url(images/standard_defect_list_btn.png);
    background-repeat: no-repeat;
    display: block;
}
a.left_btn4:hover {
    width: 232px;
    background-image: url(images/standard_defect_list_btn.png);
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
}
.left_btn4active {
    width: 232px;
    background-image: url(images/standard_defect_list_btn.png);
    height: 72px !important;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
}
.left_btn5 {
    width: 232px;
    height: 72px;
    background-image: url(images/progress_task_btn.png);
    background-repeat: no-repeat;
    display: block;
}
a.left_btn5:hover {
    width: 232px;
    background-image: url(images/progress_task_btn.png);
    background-repeat: no-repeat;
    display: block;
    background-position: bottom;
}
.left_btn5active {
    width: 232px;
    background-image: url(images/progress_task_btn.png);
    height: 72px !important;
    background-repeat: no-repeat;
    display: block;
    background-position: bottom;
}
.left_btn6 {
    width: 232px;
    height: 72px;
    background-image: url(images/associate_user_btn.png);
    background-repeat: no-repeat;
    display: block;
}
a.left_btn6:hover {
    width: 232px;
    background-image: url(images/associate_user_btn.png);
    background-repeat: no-repeat;
    display: block;
    background-position: bottom;
}
.left_btn6active {
    width: 232px;
    background-image: url(images/associate_user_btn.png);
    height: 72px !important;
    background-repeat: no-repeat;
    display: block;
    background-position: bottom;
}
.left_btn7 {
    width: 232px;
    height: 72px;
    background-image: url(images/raised_by_btn.png);
    background-repeat: no-repeat;
    display: block;
}
a.left_btn7:hover {
    width: 232px;
    background-image: url(images/raised_by_btn.png);
    background-repeat: no-repeat;
    display: block;
    background-position: bottom;
}
.left_btn7active {
    width: 232px;
    background-image: url(images/raised_by_btn.png);
    height: 72px !important;
    background-repeat: no-repeat;
    display: block;
    background-position: bottom;
}
/*Side menu end here*/

.button_qualityControl {
    background-image: url(images/qa_reports.png);
    width: 183px;
    height: 53px !important;
    background-repeat: no-repeat;
    margin-left: 50px;
}
.button_qualityControl:hover {
    background-image: url(images/qa_reports_active.png);
    width: 183px;
    height: 53px !important;
    background-repeat: no-repeat;
    margin-left: 50px;
}
.button_qualityControlActive {
    background-image: url(images/qa_reports_active.png);
    width: 183px;
    height: 53px !important;
    background-repeat: no-repeat;
    margin-left: 50px;
}
.buttoon_progressMonitoring {
    background-image: url(images/pm_reports.png);
    width: 183px;
    height: 53px !important;
    background-repeat: no-repeat;
    margin-left: 50px;
}
.buttoon_progressMonitoring:hover {
    background-image: url(images/pm_reports_active.png);
    width: 183px;
    height: 53px !important;
    background-repeat: no-repeat;
    margin-left: 50px;
}
.buttoon_progressMonitoringActive {
    background-image: url(images/pm_reports_active.png);
    width: 183px;
    height: 53px !important;
    background-repeat: no-repeat;
    margin-left: 50px;
}