@font-face {
	font-family: 'ZurichBT-Roman';
	src: url('zurchn.eot');
	src: url('zurchn.eot?#iefix') format('embedded-opentype'),
			 url('zurchn.woff') format('woff'),
			 url('zurchn.ttf') format('truetype'),
			 url('zurchn.svg#zurchn') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {

	font-family:Tahoma, Geneva, sans-serif;

	font-size:12px;

	color:#6a6b67;

}

.main-bg{

	background:url(../images/bg.jpg) repeat-x;

	}

h1, h2, h3, h4, h5, h6 {

	font-family: Helvetica, Arial, sans-serif;

	color: #222;

	font-weight: bold;

}

h1 {

	font-family: Calibri, Helvetica, Arial, sans-serif;

	font-size: 31px;

	font-weight: bold;

	color: #fff;

}


h2 {
    color: #FFFFFF;
    font: 25px 'ZurichBT-Roman';
    padding: 0 0 10px;
}

h3 {

	font-size: 17px;

	padding: 0 0 10px 0;

}

h4 {

	font-size: 16px;

	padding: 0 0 5px 0;

}

h5 {

	font-size: 14px;

	padding: 0 0 5px 0;

}

h6 {

	font-size: 12px;

	padding: 0 0 5px 0;

}

a {

	color: #57a000;

	text-decoration: none;

}

a:hover {

	color: #000;

}

a:active {

	color: #777;

}

a:focus {

	outline: 1px;

}

strong {

    color: #333333;

}

small {

	font-size: 0.85em;

}

pre {

	font-family: monospace;

}

p {

	padding: 5px 0 10px 0;

	line-height: 1.6em;

}

/********************************      General Classes      ********************************/



.clear {

	clear: both;

}

.align-left {

	float: left;

}

.align-right {

	float: right;

}

/************ Button ************/

.button {

	font-family: Verdana, Arial, sans-serif;

	display: inline-block;

	background: #459300 url('../images/bg-button-green.gif') top left repeat-x !important;

	border: 1px solid #459300 !important;

	padding: 4px 7px 4px 7px !important;

	color: #fff !important;

	font-size: 11px !important;

	cursor: pointer;

	margin:0px;

}

.button:hover {

	text-decoration: underline;

}

.button:active {

	padding: 5px 7px 3px 7px !important;

}

a.remove-link {

	color: #bb0000;

}

a.remove-link:hover {

	color: #000;

}

#messages p, #messages form {

	border-top: 1px solid #ddd;

	padding: 10px 0;

}

#messages h4 {

	padding: 10px 0;

}

#messages fieldset {

	margin: 0;

}

#messages textarea {

	margin: 0 0 15px 0;

}

/********************************      Main Content      ********************************/



/************ Layout ************/



#main-content {

	margin: 0 30px 0 260px;

	padding: 40px 0 0 0;

}

.column-left {

	width:49%;

	float: left;

}

.column-right {

	width:49%;

	float: right;

}

#page-intro {

	font-size: 17px;

	padding: 0 0 20px 0;

}

#footer {

	border-top: 1px solid #ccc;

	margin: 40px 0 0 0;

	padding: 20px 0;

	font-size: 12px;

}

.footerlinks {

	margin-bottom: 10px;

	margin-top: 10px;

	font-size: 14px;

}

/************ Lists ************/



#main-content ul, #main-content ol {

	padding: 10px 0;

}

/* Unordered List */



#main-content ul li {

	/*background: url('../images/icons/bullet_black.png') center left no-repeat;*/

                padding: 4px 0 4px 20px;

}

/* Ordered List */



#main-content ol {

	padding: 0 0 0 24px;

}

#main-content ol li {

	list-style: decimal;

	padding: 4px 0;

}

/*************** Content Box ***************/



.content-box {

    background: none repeat scroll 0 0 #FFFFFF;

    border: 1px solid #D1D8CE;

    clear: both;

    margin: auto;

    width: 500px;

}

.content-box-header {

    background: url("../images/bg-content-box.gif") repeat-x scroll left top #E5E5E5;

    height: 35px;

    margin-top: 1px;

}

.content-box-header h3 {

	color:#4d5748;

	font-size:14px;

	padding:9px 15px 2px;

	float: left;

}

.content-box-header h4 {

	padding: 12px 15px 10px;

	float: left;

}

ul.content-box-tabs {

	float: right;

	padding: 12px 15px 0 0 !important;

	margin: 0 !important;

}

ul.content-box-tabs li {

	float: left;

	margin: 0;

	padding: 0 !important;

	background-image: none !important;

}

ul.content-box-tabs li a {

	color: #333;

	padding: 8px 10px;

	display: block;

	margin: 1px;

	border-bottom: 0;

}

ul.content-box-tabs li a:hover {

	color: #57a000;

}

ul.content-box-tabs li a.current {

	background: #fff;

	border: 1px solid #ccc;

	border-bottom: 0;

	margin: 0;

}

.content-box-content {

	padding:10px;

	font-size: 13px;

	border-top: 1px solid #ccc;

	min-height:150px !important;

}

/************ Table ************/

.top-border .main-content .content-box {

    background: none repeat scroll 0 0 #FFFFFF;

    border: 1px solid #D1D8CE;

    clear: none;

    margin: 0 0 10px;

    width: 98%;

}

.main .top-border .content-box-header {

    background: url("../images/bg-content-box.gif") repeat-x scroll left top #E5E5E5;

    height: 35px;

    margin-top: 1px;

}

.main .top-border .content-box-header h3 {

	color:#4d5748;

	font-size:14px;

	padding:9px 15px 2px;

	float: left;

}

.main .top-border .content-box-header h4 {

	padding: 12px 15px 10px;

	float: left;

}

.main .top-border ul.content-box-tabs {

	float: right;

	padding: 12px 15px 0 0 !important;

	margin: 0 !important;

}

.main .top-border ul.content-box-tabs li {

	float: left;

	margin: 0;

	padding: 0 !important;

	background-image: none !important;

}

.main .top-border ul.content-box-tabs li a {

	color: #333;

	padding: 8px 10px;

	display: block;

	margin: 1px;

	border-bottom: 0;

}

.main .top-border ul.content-box-tabs li a:hover {

	color: #57a000;

}

.main .top-border ul.content-box-tabs li a.current {

	background: #fff;

	border: 1px solid #ccc;

	border-bottom: 0;

	margin: 0;

}

.main .top-border .content-box-content {

	padding:10px;

	font-size: 13px;

	border-top: 1px solid #ccc;

	min-height:150px !important;

}

/************ Table ************/

#main-content table {

	width: 100%;

	border-collapse: collapse;

}

#main-content table thead th {

	font-weight: bold;

	font-size: 15px;

	border-bottom: 1px solid #ddd;

	text-align:left;

}

#timesheet tbody td {

	width:130px;

	text-align:justify;

	margin:0px 0 0px 0;

	padding:5px;

	vertical-align:top;

}

#timesheet tbody td+td {

	width:450px;

	text-align:justify;

}

#timesheet tbody td+td+td {

	width:80px;

}

#timesheet tbody td+td+td+td.big {

	width:2800px !important;

}

#timesheet tbody td+td+td+td+td {

	width:80px;

}

#timesheet tbody td+td+td+td+td+td {

	width:70px;

}

#timesheet tbody td+td+td+td+td+td {

	width:70px;

}

#project tbody .sn {

	width:20px;

	text-align:justify;

	margin:0px 0 0px 0;

	padding:5px;

}

#project tbody .title {

	width:120px!important;

	text-align:justify;

}

#project tbody .prj-man {

	width:280px!important;

}

#project tbody .tl {

	width:180px !important;

}

#project tbody .st-date {

	width:120px!important;

}

#project tbody .end-date {

	width:120px!important;

}

#project tbody .mode {

	width:120px!important;

}

#project tbody .status {

	width:120px!important;

}

#project tbody .action {

	width:120px!important;

}

#project-report tbody .sn {

	width:20px;

	text-align:justify;

	margin:0px 0 0px 0;

	padding:5px;

}

#project-report tbody .prj-name {

	width:120px!important;

	text-align:justify;

}

#project-report tbody .person {

	width:120px!important;

}

#project-report tbody .description {

	width:540px !important;

}

#project-report tbody .date {

	width:80px!important;

}

#project-report tbody .a-time {

	width:100px!important;

}

#project-report tbody .b-time {

	width:100px!important;

}

#main-content tbody {

	border-bottom: 1px solid #ddd;

}

#main-content tbody tr {

	background: #fff;

	vertical-align: baseline;

}

#main-content tbody tr.alt-row {

	background: #f3f3f3;

}

#main-content table td, #main-content table th {

	padding: 10px 15px 10px 10px;

	line-height: 1.3em;

	vertical-align:top;

}

#main-content table tfoot td .bulk-actions {

	padding: 15px 0 5px 0;

}

#main-content table tfoot td .bulk-actions select {

	padding: 4px;

	border: 1px solid #ccc;

}

/*************** Pagination ***************/



.pagination {

	float:right;

	text-align:right;

	padding:8px 0 5px 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}

.pagination a {

	margin: 0 5px 0 0;

	padding: 3px 6px;

}

.pagination a.number {

	border: 1px solid #ddd;

}

.pagination a.current {

	background: #469400 url('../images/bg-button-green.gif') top left repeat-x !important;

	border-color: #459300 !important;

	color: #fff !important;

}

.pagination a.current:hover {

	text-decoration: underline;

}

/************ Shortcut Buttons ************/



.shortcut-button {

	border: 1px solid #ccc;

	background: #f7f7f7 url('../images/shortcut-button-bg.gif') top left no-repeat;

	display: block;

	width: 120px;

	margin: 0 0 20px 0;

}

.shortcut-button span {

	border: 1px solid #fff;

	display:block;

	padding: 15px 10px 15px 10px;

	text-align: center;

	color: #555;

	font-size: 13px;

	line-height: 1.3em;

}

.shortcut-button span img {

	margin-bottom: 10px;

}

.shortcut-button:hover {

	background: #fff;

}

.shortcut-button span:hover {

	color: #57a000;

}

ul.shortcut-buttons-set li {

	float: left;

	margin: 0 15px 0 0;

	padding: 0 !important;

	background: 0;

}

ul.shortcut-buttons-set-rks li {

	float: left;

	margin: 0 15px 0 0;

	padding: 0 !important;

	background: 0;

}

ul.shortcut-buttons-set-rks li a {

	border: 1px solid #ccc;

	background: #f7f7f7 url('../images/shortcut-button-bg.gif') top left no-repeat;

	display: block;

	width: 130px;

	height: 16px;

	margin: 0 0 20px 0;

	padding: 15px 10px 15px 10px;

	text-align: center;

	color: #555;

	font-size: 13px;

	line-height: 1.3em;

}

ul.shortcut-buttons-set-rks li a:hover {

	color: #57a000;

	background: #fff;

}

/*************** Forms ***************/



form label {

	display: block;

	padding: 0 0 10px;

	font-weight: bold;

}

form fieldset legend {

	font-weight: bold;

	margin-bottom: 10px;

	padding-top: 10px;

}

form p small {

	font-size: 0.75em;

	color: #777;

}

form input.text-input, form select, form textarea, form .wysiwyg {
    background: url("../images/bg-form-field.gif") repeat-x scroll left top #FFFFFF;
    border: 1px solid #D5D5D5 ;
    border-radius: 4px 4px 4px 4px ;
    color: #333333;
    font-size: 11px;
    height: 20px;
    padding: 4px;
}

form .address {

	padding: 6px;

	font-size: 13px;

	background: #fff url('../images/bg-form-field.gif') top left repeat-x;

	border: 1px solid #d5d5d5;

	color: #333;

	height:70px;

	width:450px !important;

}



form .small-input {

}




form .small-input.timesheet-desc {
    width: 72% !important;
}

form .small-input.timesheet-date {

	width: 8% !important;

}

form .small-input.timesheet-date1 {

	width: 25% !important;

}

form .small-input.timesheet-hour {

	width: 6% !important;

}

form .small-input.timesheet-min {

	width: 3% !important;

}

form .medium-input {

	width: 50%px !important;

}

form .large-input {

	width: 97.5% !important;

	font-size: 16px !important;

	padding: 8px !important;

}

form textarea {

	width: 97.5% !important;

	font-family: Arial, Helvetica, sans-serif;

	height:100px;

}

form select {
    background: none repeat scroll 0 0 #FFFFFF;
    height: auto;
    padding: 6px;
   /* width: 55px;*/
}

form input[type="checkbox"], form input[type="radio"] {

	padding: 0;

	background: none;

	border: 0;

}

span input#billable {

	width:10px;

}

span img.billable {

	clear:both;

}

.timesheet-form span {

	width:115px;

}

/*************** Notifications ***************/



#billable_block {

	padding-top:10px;

	margin-right:6px;

}

#billable_block select {

	margin-top:5px;

}

.notification {

	position: relative;

	margin: 0 0 15px 0;

	padding: 0;

	border: 1px solid;

	background-position: 10px 11px !important;

	background-repeat: no-repeat !important;

	font-size: 13px;

	width: 99.8%;

}

.attention {

	background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;

	border-color: #e6db55;

	color: #666452;

}

.information {

	background: #dbe3ff url('../images/icons/information.png');

	border-color: #a2b4ee;

	color: #585b66;

}

.success {

	background: #d5ffce url('../images/icons/tick_circle.png');

	border-color: #9adf8f;

	color: #556652;

}

.error {

	background: #ffcece url('../images/icons/cross_circle.png');

	border-color: #df8f8f;

	color: #665252;

}

.notification div {

	display:block;

	font-style:normal;

	padding: 10px 10px 10px 36px;

	line-height: 1.5em;

}

.notification .close {

	color:#990000;

	font-size:9px;

	position:absolute;

	right:5px;

	top:5px;

}

/* Notification for form inputs */



.input-notification {

    background-color: transparent;

    background-position: left center;

    background-repeat: no-repeat;

    margin-bottom: 0;

    margin-left: 5px;

    margin-right: 0;

    padding: 0 0 0 20px;

}

.input-notification-ul-li {

	background-position: left 14px;

	background-repeat: no-repeat;

	padding: 2px 0 2px 22px;

	background-color: transparent;

	margin: 0 0 0 5px;

}

/* Notification for login page */



#login-wrapper #login-content .notification {

	border: 0;

	background-color: #141414;

	color: #fff !important;

}

/********************************      Login Page      ********************************/



body#login {

	color: #fff;

	background: #222 url('../images/bg-login.gif');

}

#login-wrapper {

	background: url('../images/bg-login-top.png') top left repeat-x;

}

#login-wrapper #login-top {

	width: 100%;

	padding: 140px 0 50px 0;

	text-align: center;

}

#login-wrapper #login-content {

	text-align: left;

	width: 300px;

	margin: 0 auto;

}

#login-wrapper #login-content label {

	color: #fff;

	font-weight: normal;

	font-size: 14px;

	font-family: Helvetica, Arial, sans-serif;

	float: left;

	width: 70px;

	padding: 0;

}

#login-wrapper #login-content input {

	width: 200px;

	float: right;

	margin: 0 0 20px 0;

	border: 0;

	background: #fff;

}

#login-wrapper #login-content p {

	padding: 0;

}

#login-wrapper #login-content p#remember-password {

	float: right;

}

#login-wrapper #login-content p#remember-password input {

	float: none;

	width: auto;

	border: 0;

	background: none;

	margin: 0 10px 0 0;

}

#login-wrapper #login-content p .button {

	width: auto;

	margin-top: 20px;

}

/********************************      jQuery plugins styles      ********************************/



/*************** Facebox ***************/



#facebox .b {

	background:url(../images/b.png);

}

#facebox .tl {

	background:url(../images/tl.png);

}

#facebox .tr {

	background:url(../images/tr.png);

}

#facebox .bl {

	background:url(../images/bl.png);

}

#facebox .br {

	background:url(../images/br.png);

}

#facebox {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 100;

	text-align: left;

}

#facebox .popup {

	position: relative;

}

#facebox table {

	border-collapse: collapse;

}

#facebox td {

	border-bottom: 0;

	padding: 0;

}

#facebox .body {

	padding: 10px;

	background: #fff;

	width: 370px;

}

#facebox .loading {

	text-align: center;

}

#facebox .image {

	text-align: center;

}

#facebox img {

	border: 0;

	margin: 0;

}

#facebox .footer {

	border-top: 1px solid #DDDDDD;

	padding-top: 5px;

	margin-top: 10px;

	text-align: right;

}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {

	height: 10px;

	width: 10px;

	overflow: hidden;

	padding: 0;

}

#facebox_overlay {

	position: fixed;

	top: 0px;

	left: 0px;

	height:100%;

	width:100%;

}

.facebox_hide {

	z-index:-100;

}

.facebox_overlayBG {

	background-color: #000;

	z-index: 99;

}

/*************** jQuery WYSIWYG ***************/



div.wysiwyg {

	border: 1px solid #cccccc;

	padding: 5px;

	background-color: #ffffff;

	width: 97.5% !important;

}

div.wysiwyg * {

	margin: 0;

	padding: 0;

}

div.wysiwyg ul.panel {

	border-bottom: 1px solid #cccccc;

	float: left;

	width: 100%;

	padding: 0 0 5px 0;

}

div.wysiwyg ul.panel li {

	list-style-type: none;

	float: left;

	margin: 0 2px;

	padding: 0 !important;

	background: #ffffff;

	background-image: none !important;

}

div.wysiwyg ul.panel li.separator {

	height: 16px;

	margin: 0 4px;

	border-left: 1px solid #cccccc;

}

div.wysiwyg ul.panel li a {

	display: block;

	padding: 0 !important;

	width: 16px;

	height: 16px;

	background: url('../images/icons/jquery.wysiwyg.gif') no-repeat -64px -80px;

	border: 0;

	cursor: pointer;

	padding: 1px;

}

div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active {

}

div.wysiwyg ul.panel li a.active {

	background-color: #f9f9f9;

	border: 1px solid #cccccc;

	border-left-color: #aaaaaa;

	border-top-color: #aaaaaa;

	padding: 0;

}

div.wysiwyg ul.panel li a.bold {

	background-position: 0 -16px;

}

div.wysiwyg ul.panel li a.italic {

	background-position: -16px -16px;

}

div.wysiwyg ul.panel li a.strikeThrough {

	background-position: -32px -16px;

}

div.wysiwyg ul.panel li a.underline {

	background-position: -48px -16px;

}

div.wysiwyg ul.panel li a.justifyLeft {

	background-position: 0 0;

}

div.wysiwyg ul.panel li a.justifyCenter {

	background-position: -16px 0;

}

div.wysiwyg ul.panel li a.justifyRight {

	background-position: -32px 0;

}

div.wysiwyg ul.panel li a.justifyFull {

	background-position: -48px 0;

}

div.wysiwyg ul.panel li a.indent {

	background-position: -64px 0;

}

div.wysiwyg ul.panel li a.outdent {

	background-position: -80px 0;

}

div.wysiwyg ul.panel li a.subscript {

	background-position: -64px -16px;

}

div.wysiwyg ul.panel li a.superscript {

	background-position: -80px -16px;

}

div.wysiwyg ul.panel li a.undo {

	background-position: 0 -64px;

}

div.wysiwyg ul.panel li a.redo {

	background-position: -16px -64px;

}

div.wysiwyg ul.panel li a.insertOrderedList {

	background-position: -32px -48px;

}

div.wysiwyg ul.panel li a.insertUnorderedList {

	background-position: -16px -48px;

}

div.wysiwyg ul.panel li a.insertHorizontalRule {

	background-position: 0 -48px;

}

div.wysiwyg ul.panel li a.h1 {

	background-position: 0 -32px;

}

div.wysiwyg ul.panel li a.h2 {

	background-position: -16px -32px;

}

div.wysiwyg ul.panel li a.h3 {

	background-position: -32px -32px;

}

div.wysiwyg ul.panel li a.h4 {

	background-position: -48px -32px;

}

div.wysiwyg ul.panel li a.h5 {

	background-position: -64px -32px;

}

div.wysiwyg ul.panel li a.h6 {

	background-position: -80px -32px;

}

div.wysiwyg ul.panel li a.cut {

	background-position: -32px -64px;

}

div.wysiwyg ul.panel li a.copy {

	background-position: -48px -64px;

}

div.wysiwyg ul.panel li a.paste {

	background-position: -64px -64px;

}

div.wysiwyg ul.panel li a.increaseFontSize {

	background-position: -16px -80px;

}

div.wysiwyg ul.panel li a.decreaseFontSize {

	background-position: -32px -80px;

}

div.wysiwyg ul.panel li a.createLink {

	background-position: -80px -48px;

}

div.wysiwyg ul.panel li a.insertImage {

	background-position: -80px -80px;

}

div.wysiwyg ul.panel li a.html {

	background-position: -48px -48px;

}

div.wysiwyg ul.panel li a.removeFormat {

	background-position: -80px -64px;

}

div.wysiwyg ul.panel li a.empty {

	background-position: -64px -80px;

}

div.wysiwyg iframe {

	border: 0;

	margin: 5px 0 0 0;

	clear: left;

	width: 97.5% !important;

}

#profile-div {

	width:800px;

}

#profile-image {

	float:left;

	margin-right: 20px;

	max-width:200px;

}

.div-table {

	display: table;

	width: 100%;

	border-collapse: collapse;

	font-size: 13px;

	line-height:25px;

	text-align:justify;

}

.div-table table{

	width:100%;

	}

.div-row {

	display: table-row;

	background: #fff;

}

.div-row-caption {

	display:table-caption;

	background: #fff;

	text-align: center;

	padding-bottom: 10px;

	font-weight: bold;

}

.div-row-caption img {

	float: left;

}

.div-cell {

	display: table-cell;

	padding: 6px;

}

.div-cell-bold {

	display: table-cell;

	padding: 6px;

	font-weight: bold;

}

/*Table css by ritesh start*/


#rounded-corner {
    border-bottom: 1px solid #CCCCCC;
    border-collapse: collapse !important;
    border-right: 1px solid #CCCCCC;
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size: 12px;
    margin: 0;
    text-align: left;
}

.rounded-q1 {

	text-align: center;

}

#rounded-corner th {

	padding: 4px;

	font-weight: bold;

	font-size: 13px;

	color: #333;

	background-image: linear-gradient(bottom, rgb(243,243,243) 47%, rgb(229,229,229) 100%);
background-image: -o-linear-gradient(bottom, rgb(243,243,243) 47%, rgb(229,229,229) 100%);
background-image: -moz-linear-gradient(bottom, rgb(243,243,243) 47%, rgb(229,229,229) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(243,243,243) 47%, rgb(229,229,229) 100%);
background-image: -ms-linear-gradient(bottom, rgb(243,243,243) 47%, rgb(229,229,229) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.47, rgb(243,243,243)),
	color-stop(1, rgb(229,229,229))
);
border:1px solid #ccc;
}

#rounded-corner th a {

	font-weight: bold;

	font-size: 13px;

	color: #fff;

}

#rounded-corner td {

	padding: 8px;

	background: #e0dfdf;

	border-top: 1px solid #ccc;

	border-left: 1px solid #ccc;

	height:100px;

	color: #000;

	width:200px;

}

#rounded-corner td.bg {

	background: #f1f1f1;

	color:#333;

}

#rounded-corner td.weeklyoff {

	background:#416C9B;

	color:#FFFFFF;

}

#calendar table {

	width:100%;

	margin:15px 0px 20px 0px;

}

#rounded-corner .cellText {

	margin-top:20px;

}

#rounded-corner .present {

	color:#333;

	margin-top: 20px;

}

#rounded-corner .absent {

	color:#F74239;

	margin-top: 20px;

}

#rounded-corner .halfday {

	color:#ff33cc;

	margin-top: 20px;

}

#rounded-corner td.bg .infoIcon img {

	float:left;

}

#rounded-corner td.bg .infoIcon a {

	float:left;

	margin:0 2px;

}

#rounded-corner td img {

	width:20px;

	height:20px;

}

#rounded-corner tbody tr td:hover {

	background: #d0dafd;

	color:#000000;

}

/* Table css by ritesh end */



.empinfo {

	margin-left:160px;

}

.empinfo p {

	padding: 5px 0 5px;

	line-height: 1em;

}

.profileImage {

	float:left;

	padding-right:20px;

	min-height:160px;

}

.profileImage img{

	border:solid 1px #e7e9e4;

	padding:2px;

	}

.profileImageB {

	float:left;

	padding-right:17px;

	min-height: 105px;

	padding-bottom:20px;

}

.birthdaybox {

	float: left;

}

.empinfoB {

	margin:0 0 0px 100px;

	width:350px;

}

.empinfoB p {

	padding: 1px 0 10px;

	line-height: 1em;

}

.notice-title {

    color: #4D5748;

    font-size: 13px;

    font-weight: bold;

    margin-bottom: 0;

}

.notice-content p {

    font-size: 12px;

    padding: 3px 0;

}

ul.attendance-total{

	clear:both;

	width:100%;

	}

ul.attendance-total li{

	float:left;

	padding:5px;

	border: 1px solid #c1c5ba;

	margin-right:25px;

	width:85px;

}

.album_pic_thumb {

	float:left;

	padding:2px;

	width:136px;

	height:136px;

	margin:5px;

}

.album_pic_thumb_box {

	float:left;

	padding:2px;

	border: 1px solid #459300;

	margin:5px;

}

.album_thumb {

    background: none repeat scroll 0 0 #F5F7F4;

    border: 1px solid #EAEBE5;

    border-radius: 8px 8px 8px 8px;

    color: #459300;

    float: left;

    font-size: 12px;

    font-weight: bold;

    line-height: 18px;

    margin: auto 14px auto auto;

    min-height: 176px;

    padding: 15px;

    text-align: center;

    width: 150px;

}

.album_thumb a{

	display:block;

}

.album_thumb_image {

	max-width:100px;

	min-height:100px;

}

/************ Table employee-info-content  ************/

#employee-info-content {

}

#employee-info-content table {

	width: 100%;

	border-collapse: collapse;

}

#employee-info-content table thead th {

	font-weight: bold;

	font-size: 15px;/*                border-bottom: 1px solid #ddd;*/

                }

#employee-info-content tbody tr {

/*                background: #fff;*/

/*                vertical-align: baseline;*/

                }

#employee-info-content tbody tr.alt-row {

	background: #f3f3f3;

}

#employee-info-content table td, #employee-info-content table th {

	padding: 5px;

	line-height: 1.3em;

}

#employee-info-content table tfoot td .bulk-actions {

	padding:5px 0 5px 0;

}

#employee-info-content table tfoot td .bulk-actions select {

	padding: 4px;/*                border: 1px solid #ccc;*/

                }

<!--

-new---->  .test-align-r {

	text-align:right !important;

}

.page_select {

	background: none repeat scroll 0 0 #FFFFFF !important;

	padding: 4px !important;

}

.bold-heading {

	font:bold 14px Arial, Helvetica, sans-serif;

	color:#000;

}

.poll-div {

	width:900px;

clear:both];

	margin:10px 0 0 0;

}

.option-div {

	margin:0;

	padding:0;

	display:block;

	clear:both;

	overflow:hidden;

	;

}

.option-div ul {

	margin:0 0 15px 0;

	padding:0;

	display:block;

	width:765px;

	float:left;

}

.option-div ul li {

	display:block;

	margin:0!important;

	padding:0!important;

	clear:both;

	vertical-align:top;
	position:relative;

}

.option-div ul li label {

	vertical-align:top;

	text-align:left;

}

.option-div ul li label input {

	float:left;
	position: relative;
	left:0;
	top:0;

	margin-right:10px;

}

.option-div ul li label label {

	width:470px;

	display:block;

	float:left;

	margin-bottom:12px;

	vertical-align:top;
	margin-left:35px;

}

.option-div ul li div {

	margin:0;

	text-align:right;

	float:left;

	width:200px!important;

	margin-bottom:12px;

	vertical-align:top;

	background:#C03;

	height:20px;

}

.option-div ul li div img {

	float:left;

	position:relative;

}

.option-div ul li .poll-number {

	width:30px;

	float:left;

	padding-left:15px;

	padding-right:15px;
	position: absolute;
	right:0;

}

.submit-div {

	width:100px;

	float:left;

	margin:9px 0 0 0px;

}

.view-result {

	margin:2px 12px 15px 28px;

	text-align:left;

	float:left;

	text-align:center;

}

.view-result a {

	font:normal 12px Arial, Helvetica, sans-serif;

	color:#57A000;

	text-decoration:none;

}

.view-result a:hover {

	color:#000;

}





/*--------------------New 27-06-2012-----------------------*/





.main {

	background:url(../images/bg_1.png) repeat-y scroll center top transparent;

	clear: both;

	float: left;

	margin: 5px auto auto;

	width: 100%;

}

.main2 {

	width:1000px;

	margin:0px auto;

	min-height:450px;

	padding-bottom:10px;

}

.headerpart {

	width:1000px;

	margin:auto;

	float:left;

	height:126px;

}

.headerpart2 {
    background: url("../images/login_green_bg.png") no-repeat scroll left 3px transparent;
    float: left;
    height: 139px;
    margin: 0 auto auto;
    padding-top: 10px;
    width: 1000px;
}

.headerpart div.logo {
    float: left;
    height: auto;
    margin-top: 30px;
    width: 388px;
}

.map {

	width:208px;

	float:right;

	height:auto;

	margin-top:10px;

	margin-bottom:10px;

}

.lefttxtpart {
    background: url("../images/border_bg.jpg") no-repeat scroll right center transparent;
    color: #313130;
    float: left;
    font-family: "Microsoft Sans Serif";
    font-size: 13px;
    height: auto;
    margin-top: 16px;
    padding-bottom: 40px;
    padding-right: 9px;
    padding-top: 33px;
    width: 643px;
}

.lefttxtpart h1 {
    color: #FFFFFF;
    font: 25px 'ZurichBT-Roman' !important;
    text-align: center;
    text-shadow: 2px 1px 0 #55841B;
}





.lefttxtpart h1 u{

	color:#638007;

	}

.lefttxtpart p{

	color: #313130;

    padding-top: 15px;

    text-align: center;

	}

.loginarea {
    float: right;
    height: auto;
    padding-right: 10px;
    width: 313px;
}

.f-left{

	float:left;

	}

.f-right{

	float:right;

	}	

#email, #password {
    background: none repeat scroll 0 0 #94B56A;
    border: 1px solid #729B3F;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    font-family: "Microsoft Sans Serif";
    font-size: 13px;
    height: 22px;
    margin-bottom: 6px;
    padding: 3px 3px 3px 25px;
    width: 271px;
}

#email {

    background: url("../images/uesr_icon.png") no-repeat scroll 6px 4px #94b56a;

}

#password{background:url("../images/password-icon.png") no-repeat scroll 7px 4px #94b56a;}

.loginbutt {

	width:54px;

	height:23px;

	background:#797979;

	color:#fff;

	text-align:center;

	border:none;

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	padding-bottom:3px;

	float:right;

}


.loginbutt2 {
    background: url("../images/login_bg.jpg") repeat-x scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    float: right;
    font: 14px arial;
    height: 26px;
    margin-right: 12px;
    margin-top: 0;
    padding-bottom: 3px;
    text-align: center;
    width: 100px;
	cursor:pointer;
}

.linka2 {
    color: #FFFFFF;
    font: 15px arial;
}
.linka2:hover {
    color: #fff;
}
.bodymain {

	width:1000px;

	float:left;

	margin-top:5px;

	background:url(../images/whitebg.jpg) top center no-repeat;

	padding-top:45px;

}

.box {
    border-right: 1px dotted #EDEBEB;
    float: left;
    margin-left: 9px;
    padding-bottom: 15px;
    padding-right: 0;
    text-align: center;
    width: 320px;
}

.box2 {
    border-right: 0 dotted #EDEBEB;
    float: left;
    margin-left: 10px;
    padding-bottom: 15px;
    padding-right: 0;
    text-align: center;
    width: 320px;
}

.border3 {
    border-top: 1px dotted #EDEBEB;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 320px;
}

.text {

	text-align:justify;

	line-height:18px;

	color:#6a6b67;

	padding-right:15px;

	padding-left:5px;

}


.buttonbg {
    background: none repeat scroll 0 0 #5B8527;
    color: #FFFFFF;
    float: right;
    font: 14px arial;
    margin-right: 13px;
    margin-top: 15px;
    padding: 5px 12px 7px;
    text-align: center;
    text-transform: lowercase;
    width: 70px;
}

.buttonbg:hover {

	background: none repeat scroll 0 0 #333;
	color:#fff;

}


.footer {
    background: none repeat scroll center bottom #303030;
    clear: both;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
}

.footer2 {

	width:1000px;

	margin:auto;

	clear:both;

}

.footerlogo {

    background: url("../images/footerbg.jpg") repeat-x scroll 0 0 transparent;

    color: #FFFFFF;

    float: left;

    height: auto;

    line-height: 25px;

    padding-top: 10px;

    width: 250px;

}

.footerlogo a,.footertxt a{

	color:#FFF;

	}



.footertxt {
    color: #FFFFFF;
    float: left;
    font: 14px/23px Arial;
    margin-left: 50px;
    padding-top: 10px;
    text-transform: uppercase;
    width: 300px;
}
.footertxt h1 {
    background: url("../images/footer_h_bg.png") repeat-x scroll left bottom transparent;
    font: 14px/23px Arial;
    margin-bottom: 8px;
    padding-bottom: 8px;
}
.footertxt_small {
    display: block;
    font: 12px Arial,Helvetica,sans-serif;
    padding: 7px 0;
    text-transform: none;
}

.footericon {

	width:250px;

	float:left;

	margin-top:6px;

}

.footericon2 {
    float: left;
    margin-bottom: 25px;
    margin-top: 0;
}

/** form css **/



.mainform {

	width:250px;

	float:left;

}

.form ul {

	list-style-type:none;

}

.form ul li {

	display:block;

	float:left;

	margin:10px;

}

.liststyle {

	list-style:none;

}

.liststyle li {
    color: #FFFFFF;
    line-height: 30px;
    position: relative;
}

.liststyle li span.input-notification {

    left: 25px;

    position: absolute;

    top: 1px;

}

/*------------------------*/

.top-part {
    background: none repeat scroll 0 0 #79A246;
    float: left;
    width: 100%;
}

.forgot_lefttxtpart {
    background: url("../images/border_bg.jpg") no-repeat scroll right center transparent;
    color: #313130;
    float: left;
    font-family: "Microsoft Sans Serif";
    font-size: 13px;
    height: auto;
    margin-top: 0;
    padding-bottom: 30px;
    padding-right: 9px;
    padding-top: 41px;
    width: 643px;
}
.forgot_lefttxtpart h1 {
    color: #FFFFFF;
    font: 18px 'ZurichBT-Roman' !important;
    text-align: center;
    text-shadow: 1px 1px 0 #55841B;
}
.forgot_lefttxtpart h1 u {
    color: #000000;
}

.lefttxtpart p {
    color: #fff;
    padding-top: 15px;
    text-align: center;
	font:14px;
}

#profile-links {
    color: #000000;
    display: block;
    float: right;
    margin: 10px 20px 0 0;
}
#profile-links a{
	color:#fff;
}

#main-nav{

	margin:0px 0px 0px 10px;

	float:left;

	}	

#main-nav li{

	float:left;

	position:relative;

	}	

#main-nav li ul{

	display:none !important;

	}

#main-nav li:hover ul{

	background:#f4f7f0;

	position:absolute;

	left:0px;

	top:32px;

	width:150px;

	padding:5px 10px 10px 10px;

	display:block !important;

	-webkit-border-radius:0px 0px 8px 8px;

	-moz-border-radius:0px 0px 8px 8px;

	border-radius:0px 0px 8px 8px;

	border:solid 1px #e7e9e4;

	border-top:solid 1px #f4f7f0;

	} 

#main-nav li:hover ul li{

	float:left;

	clear:both;

	width:180px;

	text-align:left;

	margin:5px 0px;

	padding:0px 0px 0px 12px;

	

	}

/*#main-nav li ul li:hover{

	padding:0px 0px 0px 12px;

	

	}*/	

#main-nav li:hover ul li a{

	float:left;

	clear:both;

	width:180px;

	text-align:left;

	margin:5px 0px;

	padding:0px 0px 0px 12px !important;

	background:url(../images/menu-left-arrow.png) left top no-repeat;

}

#main-nav li:hover ul li a:hover{

	padding:0px 0px 0px 12px;

	background:url(../images/menu-left-arrow-hover.png) left top no-repeat;

}

#main-nav li:hover ul li a.current{

	padding:0px 0px 0px 12px;

	background:url(../images/menu-left-arrow-hover.png) left top no-repeat !important;

}

.header{

	float:left;

	clear:both;

	padding:0px 0px 12px 0px;

	width:1000px;

	}

.header .logo {
    display: block;
    float: left;
    margin: 0 0 -1px;
    overflow: hidden;
}

.tab-text, #frmRequest table {

    border: 1px solid #F8F8F8;

    clear: both;

    margin-top: 5px;

    width: 100%;

}

.tab-text .alt-row td{

	background:#fcfcfc;

	}	

.tab-text th, #frmRequest table th{

	font-weight:bold;

	text-align:left;

	padding:10px 15px 12px;

	background:#f4f7f0;

	}

.tab-text td, #frmRequest table td{

	padding:5px 15px 7px;

	border-right:solid 1px #f8f8f8;

	text-align:left;

	}

#messages{

	clear:both;

	}					

.main-bg #messages{

	clear:none;

	float:left;

	width:370px;

	margin:10px 0px 0px 15px;

	}

.top-border{

	border-top:solid 5px #e7e9e4;

	margin-top:0px !important;

	background:none !important;

	}	

.main-content{

	min-height:450px;

	float:left;

	clear:both;

	width:1000px;

	padding:0px 0px 10px 0px;

	}

.small-input2{

	width:180px !important;}	

.form-search{

	/*float:left;*/

	}

.top-mrgin{

	margin:10px 0 20px;

	width:100%;

	}

.tab-text .small-input{

	width:180px !important;

	}	

.colored{

	border-bottom: 1px dotted #999;

    font-size: 11px;

    padding: 3px 0;

	font-weight:bold;

}

.my-profile-left-boc{

	text-align:right;

	font-weight:bold;

}

.change-poss-main {

    background: none repeat scroll 0 0 #F5F7F4;

    border: 1px solid #EAEBE5;

    border-radius: 8px 8px 8px 8px;

    font-size: 12px;

    font-weight: bold;

    margin: auto;

    padding: 15px 30px;

    width: 406px;

}

#main-nav li a{

    padding: 10px 15px !important;

	color:#FFFFFF;

	text-decoration:none;

	float:left;

}
#main-nav li li a{
	color:#060 !important;
}
#main-nav li a:hover {

    background: url("../images/menu-arrow.png") no-repeat scroll center top transparent;

    color: #000000;

    float: left;

    padding: 10px 0;

}

#main-nav li a.current{

	color:#000000;

	background:url("../images/menu-arrow.png") no-repeat scroll center top transparent;

	padding: 10px 0;

	float:left;

}

.new-pass{

    width: 375px !important;

}

.new-small-input{

	width: 396px !important;

}

.top-border .main2 {

    margin: 0 auto;

    min-height: 450px;

    padding: 10px;

	width:auto;

}

.top-border .main{

	background:none !important;

}



.top-border .header {

    clear: both;

    float: left;

    padding: 0 0 12px;

    width: 100%;

}

.top-border .main-content {

    clear: both;

    float: left;

    min-height: 450px;

    padding: 0 0 10px;

    width: 100%;

}

.new-tab-text, #frmRequest table {

    border: 1px solid #F5F7F4;

    clear: both;

    width: 100%;

}

.new-tab-text .alt-row, #frmRequest table .alt-row {

    background: none repeat scroll 0 0;

}

.new-tab-text td, #frmRequest table td {

    border-right: 1px solid #F8F8F8;

    padding: 7px;

}

form .small-input1.timesheet-date11 {

    width: 58% !important;

}

.new-button {

    background: url("../images/bg-button-green.gif") repeat-x scroll left top #459300 !important;

    border: 1px solid #459300 !important;

    color: #FFFFFF !important;

    cursor: pointer;

    display: inline-block;

    font-family: Verdana,Arial,sans-serif;

    font-size: 11px !important;

    margin: -8px 0 0;

    padding: 4px 7px !important;

	border-radius: 4px 4px 4px 4px;

}



#frmNotice tr td{

	padding:10px 15px 12px;

}

.content-box-header1 {

    





background-image: linear-gradient(bottom, rgb(243,243,243) 47%, rgb(229,229,229) 100%);
background-image: -o-linear-gradient(bottom, rgb(243,243,243) 47%, rgb(229,229,229) 100%);
background-image: -moz-linear-gradient(bottom, rgb(243,243,243) 47%, rgb(229,229,229) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(243,243,243) 47%, rgb(229,229,229) 100%);
background-image: -ms-linear-gradient(bottom, rgb(243,243,243) 47%, rgb(229,229,229) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.47, rgb(243,243,243)),
	color-stop(1, rgb(229,229,229))
);






    border: 1px solid #ccc;

    border-radius: 6px 6px 6px 6px;

    height: 35px;

    margin-bottom: 20px;

    margin-top: 1px;

}

.content-box-header1 h2 {
    color: #4D5748;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 17px 10px;
}

.footericon21 {
    float: left;
    text-transform: none;
}



.galleryox {

	width:1070px; margin:auto; text-align:center;

}



h2.member_login {
    background: url("../images/login_icon.png") no-repeat scroll 65% -1px transparent;
    color: #FFFFFF;
    font: 25px 'ZurichBT-Roman';
    margin-top: -20px;
    padding-bottom: 7px;
    padding-top: 14px;
}
.no_margin{margin-left:0px;}
.change-poss-main #password {
    background: url("../images/bg-form-field.gif") repeat-x scroll left top #FFFFFF;
    border: 1px solid #D5D5D5;
    border-radius: 4px 4px 4px 4px;
    color: #333333;
    font-size: 11px;
    height: 20px;
    padding: 4px;
}
.for_mobile_search{
    color: #FFFFFF;
    font: 25px 'ZurichBT-Roman';
    margin-top: -20px;
    padding-bottom: 7px;
    padding-top: 14px;
}
.for_mobile_search_input {
    margin-bottom: 20px;
    margin-top: 10px;
    width: 292px !important;
}
.hours {
    display: block;
    padding: 5px 0;
}
#hours_select_box {
    float: left;
    width: 11%;
}
#for_project_search_boc {
    float: left;
    width: 65%;
}

/*=== For Numbers of Childrens ===*/
.totalKids{height: 10px !important;text-align: center;width: 11px;}
.poll-div .option-div input[type="radio"]{ margin-right:20px;}




/* my style overwrites 
form .small-input.timesheet-desc {
    width: 67% !important;
}*/
.no-bill{ color:#F00; font-weight:bold;}