@charset "utf-8";
/* CSS Document */
body {
	background:#e6e6e6;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.clr {
	clear:both;
	}
h1,h2,h3,h4,h5,h6,p,img,span,div,ul,li,a,table {
	margin:0px;
	padding:0px;
	text-decoration:none;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	}
.container {
	/*width:1000px;*/
	width: 88%;
	height:auto;
	margin:0 auto;
	}
.home_logo {
	width:100%;
	height:100px;
	padding:150px 0 0 0;
	}
.login_box {
	width:600px;
	min-height:375px;
	height:auto;
	margin:0 auto;
	background:url(../img/login_image.jpg) 50px center no-repeat #f9f9f9;
	border:#a3a3a3 thin solid;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
	}
.login_area {
	width:325px;
	height:auto;
	padding: 50px 0 0 236px;
	font-size:12px;
	}
.letters {
	color:#696868;
	font-size:14px !important;
	padding:5px;
        text-align:left; 
	}
.letters a {
	color:#0067a6;
	font-size:12px;
	border-bottom:#0067a6 thin solid;
	padding:0px 0 1px 0;
	}
.letters a:hover {
	color:#333333;
	border-bottom:#333333 thin solid;
	}
.inp{
	color:#696868;
	font-size:13px !important;
	padding:5px 5px 15px 5px;
	}
.text_input {
	background:#f1f1f1;
	border:#cccccc thin solid;
	margin:0px;
	width:300px;
	height:20px;
	padding:5px;
	font-size:13px;
	color:#666666;
	}
.btns {
	background:url(../img/button_bg.jpg);
	width:70px;
	font-size:13px;
	color:#666666;
	height:32px ;
	border:none;
	float:left;
	cursor:pointer;
	margin:0 10px 0 0;
	}
.inner_logo {
	width:100%;
	height:100px;
	padding:50px 0 0 0;
	}
.inner_content_area {
	width:100%;
	height:auto;
	margin-bottom:20px;
	}
.left_menu {
	/*width:220px;*/
	width:16%;
	min-height:800px;
	float:left;
	background:#f3f1f1;
	height:auto;
	border:#a3a3a3 thin solid;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
	}
.left_menu ul {
	margin:0px;
	padding:20px 10px;
	}
.left_menu ul li {
	background:url(../img/list_icon.png) no-repeat left center;
	padding:0 0 0 15px;
	display:block;
	list-style:none;
	border-bottom:#0067a4 thin dashed;
	}
.left_menu ul li a {
	font-size:14px;
	color:#0067a4;
	display:block;
	padding:10px 0;
	margin:0px;
	}
.left_menu ul li a:hover {
	color:#990000;
	}
.right_content_area {
	/*width:755px;*/
	width:81%;
	min-height:800px;
	height:auto;
	background:#ffffff;
	border:#a3a3a3 thin solid;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
	float:left;
	margin:0 0 0 15px;
	}
.right_menu {
	width:100%;
	height:50px;
	border-bottom:#cccccc thin solid;
	padding: 20px 0 0;
        position:relative;
	}
.right_menu ul {
	margin:0px;
	width:465px;
	float:right;
	padding:0px;
	}
.right_menu ul li {
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px;
	}
.right_menu ul li a {
	color:#FFFFFF;
	font-size:13px;
	padding:8px;
	display:inline-block;
	float:left;
        
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
	}
.menu1:hover {
	background:url(../img/menu_selected.png) bottom center no-repeat #0067a6;
	}
.menu1_selected {
	background:url(../img/menu_selected.png) bottom center no-repeat #0067a6;
	}
	
.menu2:hover {
	background:url(../img/menu_selected.png) bottom center no-repeat #8ad25a;
	}
.menu2_selected {
	background:url(../img/menu_selected.png) bottom center no-repeat #8ad25a;
	}
.menu3:hover {
	background:url(../img/menu_selected.png) bottom center no-repeat #f5903b;
	}
.menu3_selected {
	background:url(../img/menu_selected.png) bottom center no-repeat #f5903b;
	}
.menu4:hover {
	background:url(../img/menu_selected.png) bottom center no-repeat #8467d7;
	}
.menu4_selected {
	background:url(../img/menu_selected.png) bottom center no-repeat #8467d7;
	}
.menu1 {
	background:#0067a6;
        margin-right: 5px
	}
.menu2 {
	background:#8ad25a;
        margin-right: 5px
	}
.menu3 {
	background:#f5903b;
        margin-right: 5px
	}
.menu4 {
	background:#FFFF00;
        margin-right: 5px
	}
.menu5 {
	background:#800080;
        margin-right: 5px
	}
      .tab1  .menu11{
        background:#808080;
        }  

 .tab1  .menu12{
        background:#0067a6;
        }
	 
      .tab1 .menu22 {
        background:#8ad25a;
        font-size:12px;
    color:#666666;
        }
      .tab1 .menu32 {
        background:#f5903b;
        }
        .tab1 .menu42 {
        background:#FFFF00;
        }
		.tab1 .menu52 {
        background:#800080;
        }
             .tab1  .menu11 a,.tab1  .menu12 a,.tab1 .menu22 a, .tab1 .menu32 a, .tab1 .menu52 a {
                color:#fff;
                }
                .tab1 .menu42 a{
                    color: #000000;
                }
				
           
 /*       
.graphs {
	width:730px;
	height:auto;
	margin:15px auto;
        overflow-x: auto;
        overflow-y: hidden;
	}
  */      .graphs{
	height: 900px;
	margin: 15px auto;
	overflow: auto;
	/* width: 730px; */
   width: 96%;
        
        }
        .graphs_add{
        width:730px;
	height:auto;
	margin:15px 0 0 20px;
	padding-top:0px !important;
        }
.tab1 {
	margin:0px;
	padding:0px;
	}
        .tab1 a{color:#666666;
		padding:0 5px;}
.tab1 td {
	border:#cacaca thin solid;
	border-collapse:collapse;
	background:#f1f1f1;
	padding:5px;
        
	}
        
        .tab1 .contrasec {
        font-size:12px;
        color:#666666;
        border: thin solid #7b8476;

        }
	
        
.t1 {
	width:70px;
	height:50px;
	text-align:center;
	vertical-align:middle;
	font-size:15px;
	color:#666666;
	}
.t2 {
	width:120px;
	text-align:center;
	vertical-align:middle;
	font-size:15px;
	height:50px;
	color:#666666;
	}
.t3	{
	width:10px !important;
	height:100px;
	text-align:center;
	}
   .tab1 .th3{
    width:10px !important;
    padding:0px !important;
    height:auto;
    text-align:center;
    border: thin solid #0067a6;
    }
.t4 {
	font-size:12px;
	color:#666666;
	}
        
   .tab1 .t6,.tcal {
    font-size:12px;
    color:#666666;
 
    }
	
.t3 p {
	color:#666666 !important;
	-moz-transform: rotate(270deg);  /* FF3.5+ */
    -o-transform: rotate(270deg);  /* Opera 10.5 */
  	-webkit-transform: rotate(270deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
	}
.bottom_lik {
	padding:0 0 15px 15px;
	height:auto;
	}
.bottom_button {
	float:left;
	margin:23px 5px 5px 0;
       
	}
.bottom_button a {
	background:#0067a6;
	padding:8px;
	text-align:center;
	color:#fff;
	font-size:12px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	float:left;
	margin: -10px 0 0 200px;
	}
.bottom_button a:hover {
	background:#f5903b;
	}
.overview_menu {
	width:100%;
	height:50px;
	border-bottom:#cccccc thin solid;
	padding: 20px 0 0;
	}
	
	 
        .bottom_button2 {
	float:left;
	margin:33px 5px 5px 0;
       
	}
.bottom_button2 a {
	background:#0067a6;
	padding:8px;
	text-align:center;
	color:#fff;
	font-size:12px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	float:left;
	margin: -10px 0 0 200px;
	}
.bottom_button2 a:hover {
	background:#f5903b;
	}
        
	
	
.overview_menu ul {
	margin:0px;
	width:405px;
	float:left;
	padding:0px 0 0 15px;
	}
.overview_menu ul li {
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px;
	}
.overview_menu ul li a {
	color:#FFFFFF;
	background:#0067a6;
	font-size:13px;
	padding:8px;
	margin:0 2px 0 0;
	display:inline-block;
	float:left;
	}
.overview_menu ul li a:hover {
	background:url(../img/menu_selected.png) bottom center no-repeat #0067a6;
	}
.selected_2 {
	background:url(../img/menu_selected.png) bottom center no-repeat #0067a6 !important;
	}
.new_h1 {
	color: #696868;
    font-size: 17px;
    left: 257px;
    position: absolute;
    top: 26px;
	}
.div_form {
	width:100%;
	height:30px;
	margin:20px 0;
	}
.letter_2 {
	float: left;
font-size: 14px;
color: #696868;
width: 173px;
	}
.in_2 {
	width:450px;
	float:left;
	}
.text_input_2{
	background:#f1f1f1;
	border:#cccccc thin solid;
	margin:0px;
	width:400px;
	height:20px;
	padding:5px;
	font-size:13px;
	color:#666666;
	}
.text_area_2{
	background:#f1f1f1;
	border:#cccccc thin solid;
	margin:0px;
	width:400px;
	height:125px;
	padding:5px;
	font-size:13px;
	color:#666666;
	}
.project_menu {
	width:100%;
	height:30px;
	border-top:#cccccc thin solid;
	padding:20px 0 0 0;
	}
.project_menu ul {
	margin:0px;
	width:415px;
	float:right;
	padding:0px 0 0 15px;
	}
.project_menu ul li {
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px;
	}
.project_menu ul li a {
	color:#FFFFFF;
	background:#0067a6;
	font-size:13px;
	padding:8px;
	margin:0 2px 0 0;
	display:inline-block;
	float:left;
	}
.project_menu ul li a:hover {
	background:url(../img/menu_selected.png) bottom center no-repeat #0067a6;
	}
.t6 {
	width:120px;
	text-align:center;
	vertical-align:middle;
	font-size:15px;
	color:#666666;
	}
.copy {
	width:1000px;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	color:#666666;
	padding:0 0px 15px 0;
	}
.add_new_project {
    
position:absolute;
text-align:center;
top:-36px;
right:22px;


}
.add_new_project a {
color:#FFFFFF;
background:#6e7273;
font-size:12px;
padding:10px;


	float:left;
	margin:0 0 0 15px;
	-moz-border-top-left-radius:8px;
	-webkit-border-top-left-radius:8px;
	border-top-left-radius:8px;
	-moz-border-top-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	border-top-right-radius:8px;
}
.add_new_project a:hover {
background:#990000;
}
.attach{ cursor:pointer;padding:10px 10px; }	

.finish_button{padding: 22px 9px 10px 0px;
float: left;
}


.finish_button a{
    background: none repeat scroll 0 0 #0067A6;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
    text-align: center;
     width: 99px;
      
        -moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	float:left;
	margin:0 0 0 0px;
}
table .altrow td {
	background: #fafafa;
}
.dochead{
     padding-left: 20px;
     float: left;
}

.finish_button2{
float: left;
padding-left:0px;
}
.finish_button2 a{
    background: none repeat scroll 0 0 #0067A6;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
    text-align: center;
    
    -moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	float:left;
	margin:0 0 0 15px;
}
.paging, p {
	padding-left:15px !important;
	padding-top:6px;
	}
.actions{
	color:#666 !important;
	font-weight:bold;
	}
.bottom_lik .bottom_button a {
	margin-left:0px;
	}
.altrow .t3 a {
	color:#000;
	}
.graphs_add h2 {
	padding:10px 0;
	}
.altrow td {
	text-align:center;
	}
.tab1 td {
	text-align:center !important;
	}
.f {
	padding:10px 0;
	/* list-style-type: */
	}
.t6 a {
	font-weight:bold;
	}
.required label, .required input {
	margin-right:10px;
	}
.submit {
	margin-top:10px;
	}
        .error-message{color:#fd2754;}
        
.search_box
{
	/* padding:10px; */

}

.search_button
{
	/* padding:10px; */

}
.search_table
{

padding-left:10px;

}


.log_box
{
	width: 200px;
height: 425px;
float: right;
border: 1px solid #ACCBEE;
margin-top: 35px;
margin-right: 23px;
background-color: #E6EEF7;
overflow: auto;
padding: 5px;
}


.tp_gap{
display:block;
margin-top:5px;
}

.cls_pad{
	
	padding-top:5px;
	padding-bottom:5px;
	margin-top:3px;
	margin-bottom:3px;
	border-bottom:dotted 1px #666;
	
}


 .updated
           {
	background-attachment: scroll;
    background-image: url("../img/updated_image.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 30px;
    margin-left: -5px;
    margin-top: -6px;
    position: relative;
    width: 12px;
  }    

.comm{
position:relative;	
}

/*joby*/

.Sun{background: none repeat scroll 0 0 #BABABA !important;}
.Sat{background: none repeat scroll 0 0 #BABABA !important;}
.td3{width:20px;height:37px;text-align:center;padding:0px !important;}
.trclass{height:37px;}
.td12 {
    height: 37px;
    padding: 0 !important;
    text-align: center;
    width: 20px;
}