/* CSS Document */

body {margin:0px; padding:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:#B6D9E1;}


.full {width:100%; float:left;}

.pd-tp1 {padding-top:14px;}
.pd-tp2 {padding-top:10px;}

.shade1 {color:#FFFFFF;}
.shade1 a {color:#FFFFFF; text-decoration:none;}
.shade1 a:hover {color:#FFFFFF; text-decoration:underline;}

h1 {margin:0px; padding:20px 0px 20px 0px; font-weight:normal; font-size:22px; color:#2B3D7F;}

input.user {margin:0px; padding:0px 0px 0px 5px; width:395px; height:25px; line-height:25px; border:1px solid #7F9DB9;}

.style1 {font-size:14px; color:#000000; line-height:22px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.style2 {font-size:12px; color:#000000; line-height:22px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.style3 {font-size:11px; color:#000000; line-height:22px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#header {width:100%; height:117px; float:left; border-bottom:4px solid #91A4BF;}
.head {width:92%; float:none; margin:0px auto;}
.logo {width:333px; float:left; padding:35px 0px 0px 0px;}
.header-lt {width:436px; float:right; padding:16px 0px 0px 0px; text-align:right;}

.content {width:92%; float:none; margin:0px auto;}

.login-sec {width:572px; float:none; margin:0px auto; }
.login-heading {width:572px; height:37px; float:left; background:url(../images/login-heading-bar.png) no-repeat 0px 0px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; line-height:31px; padding:0px 0px 0px 13px;}
.login-row {width:574px; float:left; background:url(../images/bg-strip1.jpg) repeat-y; padding:15px 0px;}
.login-col1 {width:104px; float:left; text-align:right; font-size:13px; color:#1b1b1b; padding:5px 18px 0px 0px;}
.login-col2 {width:312px; float:left; font-size:11px; color:#1b1b1b;}
.login-col2 a{color:#314485; text-decoration:none;}
.login-col2 a:hover{color:#314485; text-decoration:underline;}
.login-icon{width:139px; float:left; text-align:center; padding-left:1px; }
.login-fields{width:434px; float:left; padding-top:10px;}


input.login {margin:0px; padding:0px 0px 0px 5px; width:295px; height:22px; background:#FFFFFF; border:1px solid #909090; font-size:14px; color:#333; line-height:22px;}

.login-col3 {width:105px; float:left; text-align:right; font-size:13px; color:#1b1b1b; padding:5px 10px 0px 0px;}
.login-col4 {width:300px; float:left; font-size:11px; color:#1b1b1b;}
.login-col4 input.login { width:290px; }

#footer {width:100%; float:left; border-top:2px solid #91A4BF; background:url(../images/footer-bg-strip.png) repeat-x left bottom; margin-top:60px;}
.footer-top {width:100%; height:107px; float:none; background:#FFFFFF;}
.footer-mid {width:100%; height:115px; float:none; background:#ECF2F2;}
.footer-bot {width:100%; float:none;}
.footer-region {width:92%; float:none; margin:0px auto;}
.footer-ltcol1 {width:25%; float:left; padding:8px 0px 0px 0px;}
.footer-ltcol2 {width:53%; float:left; text-align:center; padding:12px 0px 0px 0px;}
.footer-ltcol3 {width:21%; float:right; text-align:right; padding:20px 0px 0px 0px;}
.tech-icon {width:113px; height:73px; float:left; background:url(../images/tech-bg.png) no-repeat 0px 0px; text-align:center; padding-top:16px; margin-right:19px; margin-top:12px;}
.footer-lt {width:400px; float:left; font-size:13px; line-height:26px; padding-top:12px;}
.footer-lt span {font-size:12px;}
.footer-rt {width:200px; float:right; color:#FFFFFF; font-size:13px; line-height:26px; padding-top:10px; text-align:right;}



/*CSS FOR INNER PAGE*/
.top-lnks{width:98%; float:left; background:#333333; height:24px; color:#acacac; font-size:12px; padding:6px 1% 0px 1%;}
.top-lnks a{color:#acacac; text-decoration:none; padding:0px 2px 0px 2px;}
.left-bot{width:100%; float:left; }
.left-in-cont table th {background: none repeat scroll 0 0 #E9E9E9; border-bottom: 2px solid #FFFFFF; color: #000000; font-weight: bold;margin-bottom: 10px; padding: 5px; text-align:left;}


.right{width:30%; float:right;}
.rtlogo{width:298px; float:left; background:url(../images/rt-shdw.png) no-repeat bottom; padding-bottom:12px; text-align:center;}
.rt-hd{width:278px; float:left; font-size:24px; color:#242c47; padding-bottom:10px; }
.right-in h5{margin:0px; padding:5px 0px; color:#242c47; font-size:14px; font-weight:bold;}

/*CSS FOR POST MESSAGE*/
h4{margin:0px; padding:0px; font-size:18px; color:#242c47;}
.login-fields2{width:434px; float:left; }
.login-fields2  p{color:#545454; margin:0px; padding:5px 10px 5px 0px; font-size:12px; line-height:18px;}
.login-fields ul, .login-fields2 ul{margin:0px; padding:0px; list-style:none;}
.login-fields ul li, .login-fields2 ul li{margin:0px; padding:4px 0px 0px 15px; font-size:12px; color:#242c47; background:url(../images/arr.png) no-repeat 0px 7px;}
.login-fields2 ul li a{color:#242c47; text-decoration:none;}
.login-fields2 ul li a:hover{color:#242c47; text-decoration:underline;}


#footer2 {width:100%; height:82px; float:left; background:url(../images/footer-bg-strip2.jpg) repeat-x left bottom; margin-top:161px;}

#screen_body{ width:98%; float:left;padding:30px 1% 0px 1%;}


/* added by Harish */
table.layout {
    border-collapse: collapse;
    width: 100%;
}
table.layout td.left, table.layout td.right {
    padding: 0;
    vertical-align: top;
}
table.layout td.left {
    /*float: left;*/
    margin-left: 1%;
    width: 74%;
}
table.layout td.right {
	width: 25%;
}
div.Left {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C5CCCD;
    float: left;
    width: 100%;
}
div.Right {
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 30%;
}
table.layout td.left div.Left, table.layout td.right div.Right {
    float: none;
    width: auto;
}

table.layout .left, table.layout .right{
	float:none;
}

body.activity_view table.layout td.left div.Left{float:none;}

body .Right div#sidebar{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C5CCCD;
    border-radius: 5px 5px 5px 5px;
    float: left;
    padding: 5%;
    width: 90%;
}

body .Right div.indent h1{
	color: #242C47;
    float: left;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 5px;
    width: 100%;
}
body .Right div.indent h2{
	color: #242C47;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 5px 0;
}

div.Left .SectionHeader, div.Full .SectionHeader {
    text-align: center;
}

div.page_header {
    background: none repeat scroll 0 0 #E2EFF2;
    margin: 0 0 5px;
    padding: 13px 30px 13px 24px;
}
div.page_header h1 {
    color: #606060;
    font-size: 18px;
	font-weight: normal;
	 text-shadow: -1px -1px #FFFFFF;
    margin: 0;
    padding: 0;
}
div.page_header h1 a {
    /*white-space: nowrap;*/
	color: #606060;
}
div.page_header h1 span {
    color: #666666;
    font-size: 17px;
    font-weight: normal;
}
div.page_header p {
    margin: 5px 0 0;
}
div.page_header_links {
    color: #CCCCCC;
    float: right;
    font-size: 11px;
    line-height: 20px;
    margin-top: 0;
    text-align: right;
    white-space: nowrap;
    width: 300px;
}
div.page_header_links a {
}
div.page_header_links strong {
    color: #000000;
}
div.page_header_links a.active:link, div.page_header_links a.active:visited, div.page_header_links a.active:hover {
    background: none repeat scroll 0 0 #999999;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}
div.page_header_links a.edit {
    color: #777777;
    text-decoration: none;
}
div.page_header_links a.edit:hover {
    color: #FFFFFF;
}

#headerin .head-ttl span {
    border: medium none;
    color: #FFFFFF;
    font-family: "Lucida Grande",arial,sans-serif;
    font-size: 16px;
    font-weight: normal;
}
#headerin #dashboard_and_project_switcher {
    font-size: 12px;
    height: 28px;
    left: 0;
    padding: 0 10px;
    position: absolute;
    top: 2px;
    width: 70%;
}
#headerin #dashboard_and_project_switcher a {
	color: #FFFFFF;
}
.pipe{color:#fff;}
#headerin #dashboard_and_project_switcher div.switch, #headerin #dashboard_and_project_switcher div.pipe {
    float: left;
    height: 28px;
    padding: 7px 0;
}
#headerin #dashboard_and_project_switcher div.switch {
    padding: 5px 0;
}
#headerin #dashboard_and_project_switcher a {
    padding: 7px;
}
#headerin #settings_signout {
    font-size: 12px;
    padding: 7px 20px;
    position: absolute;
    right: 0;
    top: 0;
}
#headerin #settings_signout a, #headerin #settings_signout span.name {
    padding: 7px 3px;
	color:#FFFFFF;
}
#project_switcher.hover #project_switcher_link {
    display: none;
}
#project_switcher.hover div.menu {
    display: block;
}
#project_switcher div.menu {
    color: #000000;
    display: none;
    left: -19px;
    position: relative;
    top: -14px;
    width: 300px;
	height:auto;
    z-index: 3001;
}
#project_switcher div.menu, #project_switcher div.menu * {
    cursor: pointer;
    z-index: 3001;
}
#project_switcher div.menu div.shadow {
    padding-top: 14px;
}
#project_switcher div.menu div.bottom_shadow {
    padding-top: 10px;
}
#project_switcher div.menu span.menu_header {
    padding: 7px 10px;
}
#project_switcher div.menu span.menu_header, #project_switcher div.menu div.projects {
    background: none repeat scroll 0 0 #EDF3FE;
    margin-left: 16px;
    margin-right: 16px;
	border:1px solid #ccc;
}
#project_switcher div.menu div.projects div.inner {
    overflow: hidden;
    padding-bottom: 15px;
}
#project_switcher div.menu h2 {
    color: #990000;
    font-size: 12px;
    margin: 0 0 8px 5px;
}
#project_switcher div.menu a {
    background: none repeat scroll 0 0 transparent !important;
    color: #000000 !important;
    display: block;
    font-size: 14px;
    overflow: hidden;
    padding: 4px 5px !important;
    text-decoration: none;
    white-space: nowrap;
}
#project_switcher div.menu a span {
    color: #666666;
    font-size: 10px;
}
#project_switcher div.menu div.most_recent {
    padding: 15px 15px 0;
}
#project_switcher div.menu div.most_recent a {
	font-family: helvetica,arial,sans-serif;
    font-weight: bold;
}
#project_switcher div.menu div.most_recent a span {
    display: block;
    font-weight: normal;
}
#project_switcher div.menu div.other_recent {
    margin-top: 15px;
    padding: 15px 15px 0;
}
#project_switcher div.menu div.other_recent select {
    font-size: 16px;
    width: 100%;
}
table.overview {
    border-collapse: collapse;
    border-spacing: 0;
}
table.overview td{
	border-bottom: 1px solid #EFEFEF;
}
table.overview tr.date td {
    border-bottom: medium none;
    color: #666666;
    font-size: 10px;
    padding-top: 15px;
    text-transform: uppercase;
}

body.todos .content{width:98%;}
#sidebar h5{color: #242C47;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 5px 0;}

.block-bg{ background:#fff; display:block; font-size:12px !important; float:left; width:100%; margin-bottom:5px; }	
.block-bg:hover{ background:#ccc; display:block; float:left;  }	

#Flash , #Flash1 {
    border: 1px solid #CCCCCC;
    font-size: 14px;
    margin-bottom: 12px;
    padding: 5px 5px 5px 30px;
    text-align: left;
}
.login #Flash, .login #Flash1 {
    font-size: 12px;
    margin-top: 0;
	float: right;
    font-size: 12px;
    margin-right: 35px;
    width: 340px;
}
#resetpasswordform #Flash, #resetpasswordform #Flash1{
	margin-right: 23px;
	width: 372px;
}
 
#Flash.flash_alert, #Flash1.flash_alert {
    background: url("../images/Error.png") no-repeat 7px  #ce3838;
    border-color: #CC9999;
    color: #FFFFFF;
}

#Flash.flash_notice, #Flash1.flash_notice {
    background: url("../images/sucess.gif") no-repeat 7px #E2F9E3;
    border-color: #99CC99;
    color: #006600;
}


.login-fields ul.errors li, .login-fields2 ul.errors li {
  background: url("../images/arr-up.png") no-repeat scroll 0 5px transparent;
  color: #CC0000;
  font-size: 12px;
  margin: 0;
  padding: 4px 0 0 15px;
}

.editcompany  .innercol { padding: 15px 30px 20px 23px; }
.s-block{ width:94%; padding:2%; margin:0 0 1% 0; float:left; border-bottom:2px solid #E9E9E9;}

.project_edit_form{margin-top:40px;}
.project_edit{background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; margin: 10px 0; padding: 10px; width: 450px;}
div.project_edit table td {font-size: 14px;font-weight: normal;font-family: arial;padding:3px 0;}

.no_activity{ font-weight: normal; padding:10px 10px 30px; }
.editable_until .pipe{ color:#333; }

body.comments .page_header_links a{padding-left:5px;}


.bgalt{  background:#D1E1F8;}
.bg-white{  background:#fff;}



/** news block**/
.blog{width:314px; float:right;}
.blog-bg{width:272px; min-height:166px; float:left; border-left:solid 1px #c5cae8; background:#fff; padding:10px 20px; border-right:solid 1px #c5cae8;}
.blog-bg span{width:100%; float:left; font-size:14px; font-family:"Trebuchet MS"; color:#242c47; font-weight:bold; padding-bottom:5px;}
.blog-bg p{width:236px; float:left; font-size:13px; font-family:"Trebuchet MS"; color:#1b1b1b; padding:0 0 15px 0; margin:0px;}
.blog-bg img{float:left; padding-right:5px;}
.blog-bg p a{color:#2b3d7f;}
.blog-bg p a:hover{color:#242c47; text-decoration:none;}
.blog-heading{width:299px; float:left; background:url(../images/heading-bg.png) no-repeat 0 0; line-height:31px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; padding-left:15px; color:#fff; margin-bottom:6px;}

.login .modalBoxBodyContent h3{margin:0;padding: 0;font-size:18px;}
.login .modalBoxBodyContent .newscontent{margin:8px 0; font-size:14px; height: 150px;overflow:auto;}

input[type="button"], input[type="submit"] {
    border: 1px solid #828282;
    border-radius: 4px 4px 4px 4px;
    color: #566186;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    text-align: center;
    width: auto;
}

.message {
    color: #F87217;
    font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
    padding: 5px 0 0 0;
	min-height:30px;
    width: 572px;
	margin:	0 auto;
}

a.admin:link, a.admin:visited {
    color: #F5821F;
    font-size: 14px;
    font-weight: normal;
}

.second_step{background-color: #fff;
border: 1px solid #c3c3c3;
border-radius: 5px;
box-sizing: border-box;
float: left;
font-size: 12px;
margin: 0 7%;
padding: 1%;
width: 86%;}

.second_step input{width: 220px;}
.second_step input.checkbox{width: 10px; margin-left:0px; }
.second_step select{width: 225px;}
.second_step .small-select{ width: 108px; }

.invoice_detail{ background-color: #ECF5FF;
border: 1px solid #c3c3c3;
border-radius: 5px;
box-sizing: border-box;
float: left;

margin: 0 7% 20px;
padding: 1%;
width: 86%; }

.payment-box{ background-color: #FFF;margin:30px 6%; padding:30px 0; width:88%;  }
.clear{ clear:both;  }
.error{ color:red; }