@charset "utf-8";
/*
	Stylesheet for Bluefish - Global Payroll Solutions
	Media: screen
	Author: WebMunky.com
*/
html {
	height: 91%;
}
body > .wrapper {
	height: auto;
	min-height: 100%;
}
body {
	margin:0;
	padding:0;
	background:url(../images/bg.png) repeat-x top;
	font-family:Helvetica, Arial;
	font-size:12px;
	color:#1e4169;
	height: 100%;
}
h1, h2, h3, p, ul, li, ol, form {
	margin:0;
	padding:0
}
.wrapper {
	width:980px;
	margin:0 auto
}

.wrapperrat { 
    max-width:1024px;
	margin:0 auto
}

#main {
	paddin-bottom:80px
	
}
.logo {
	background:url(../images/logo.png) no-repeat right;	
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height:68px;
/*	margin:28px 0 10px 0;*/
	margin:10px 0 10px 0;
}

.logoadcart {
	background:url(../images/AdcartLogo.png) no-repeat right;
	AdcartLogo
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height:68px;
	
	/*	margin:28px 0 10px 0;*/
	margin:10px 0 10px 0;
}

#daily_report > table > tbody > tr {padding:7px 0px 0px 0px;}
#daily_report > table > tbody > tr > td{ padding:7px 0px 0px 0px;}
.daily_report_table > tr > td{ }
.googleLogo {
	background:url(../images/google.gif) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height:68px;
	margin:10px 0 0 0;
	float:left;
	width:173px;
	height:59px
	
}
.heading {
	font-size:22px;
	color:#fff;
	/*padding-top:24px;*/
	padding-top:17px;
	font-weight:normal;
	margin-bottom:60px;
	width:980px;
	padding-left:30px;
}

.headingnew {
	padding-top:0px;
	padding-right:40px;
	vertical-align:top;	
	text-align:left;
	font-size:16px;
	color:#000;		
	font-weight:normal;
	font-weight:bold;
	padding-left:30px;			
}

.headingnew a{	
	color:#000;	
	text-decoration:none;		
}
.headingnew a:hover{	
	color:#000;	
	text-decoration:underline;		
}

.heading1 {
	font-size:18px;
	color:#134d39;
	font-weight:normal;
	margin-bottom:20px
	
}
.sbHeading {
	font-size:18px;
	font-weight:bold;
	color:#134d39;
	padding:8px 10px 8px 18px;
	font-family:Helvetica, Arial;
	width:293px;
	height:25px
}


.boxes {
	width:1000px;
	float:left;
	
}
.boxCont {
	padding:10px 0 0 20px;
	height:161px;
	
}

.bgcolor {	
background:#FF3;
width:150px;
padding-left: 8px;
text-align:left;
}


.boxCont input {
	width:200px;
	height:23px;
	color:#959796;
	border:solid 1px #a8a8a8;
	
}
.boxCont input.password {
	margin-left:12px
}
.boxCont p {
	margin:5px 0;
	color:#474747;
	font-size:15px
}
.boxCont a {
	color:#1E4169;
	text-decoration:none;
}
.boxCont a:hover {
	text-decoration:underline
}
.boxCont .button {
	width:100px;
	border:0;
	height:24px;
	padding:0px 0px 2px 0px;
	/* margin:8px 0 0 80px; */
	font-size:12.25px;
	font-weight:bold;
	background:#2a5197;
	color:#fff;
	font-family:Helvetica, Arial;
	cursor:pointer
}
.boxCont .button:hover {
	width:100px;
	border:0;
	height:24px;
	padding:0px 0px 2px 0px;
	/* margin:8px 0 0 80px; */
	font-size:12.25px;
	font-weight:bold;
	background:#134d39;
	color:#fff;
	font-family:Helvetica, Arial;
	cursor:pointer
}

.boxCont .loginbutton {
	width:52px;
	border:0;
	height:24px;
	padding:0px 0px 2px 0px;
	/* margin:8px 0 0 80px; */
	font-size:12.25px;
	font-weight:bold;
	background:#2a5197;
	color:#fff;
	font-family:Helvetica, Arial;
	cursor:pointer
}
.boxCont .loginbutton:hover {
	width:52px;
	border:0;
	height:24px;
	padding:0px 0px 2px 0px;
	/* margin:8px 0 0 80px; */
	font-size:12.25px;
	font-weight:bold;
	background:#134d39;
	color:#fff;
	font-family:Helvetica, Arial;
	cursor:pointer
}

.boxCont .tableborder
{
	border:1px solid color:#CCFF00;
}


.manmageEmp {
	width:321px;
	height:221px;
	float:left;
	background:url(../images/manage-employee-bg.png) no-repeat
}
.manmageEmp ul {
	list-style:none;
	margin-top:20px
}
.manmageEmp li {
	list-style:none;
	padding:7px 0px 8px 55px;
	font-size:15px;
	color:#474747
}
.manmageEmp li a {
	color:#474747;
	text-decoration:none
}
.manmageEmp li a:hover {
	color:#0b85b8;
	text-decoration:none
}
.payroll {
	width:321px;
	height:221px;
	float:left;
	background:url(../images/payroll-bg.png) no-repeat;
	margin:0 8px
}
.payroll ul {
	list-style:none;
	margin-top:20px
}
.payroll li {
	list-style:none;
	padding:7px 0px 8px 55px;
	font-size:15px;
	color:#474747
}
.payroll li a {
	color:#474747;
	text-decoration:none
}
.payroll li a:hover {
	color:#0b85b8;
	text-decoration:none
}
.reports {
	width:321px;
	height:221px;
	float:left;
	background:url(../images/report-bg.png) no-repeat
}
.reports ul {
	list-style:none;
	margin-top:20px
}
.reports li {
	list-style:none;
	padding:7px 0px 8px 55px;
	font-size:15px;
	color:#474747
}
.reports li a {
	color:#474747;
	text-decoration:none
}
.reports li a:hover {
	color:#0b85b8;
	text-decoration:none
}
.introText {
	width:588px;
	font-size:14px;
	line-height:19px;
	float:left;
	margin-left:20px;
	padding:15px 24px 32px 24px;
	color:#959796;
	background:url(../images/intro-bg.gif) no-repeat
}
.logout {
	width:100px;
	background:url(../images/login-icon.png) no-repeat left top;
	margin:-100px 0 15px 10px;
	font-size:11px;
	color:#bdc7d3;
	padding:0 0 0 18px;
}
.logout a {
	color:#bdc7d3;
	text-decoration:none
}
.logout a:hover {
	color:#bdc7d3;
	text-decoration:underline
}
.setting {
	width:55px;
	background:url(../images/setting-bg.png) no-repeat left top;
	font-size:14px;
	color:#fff;
	margin:25px 0 0 0;
	padding:0 0 0 18px;
	float:right;
	clear:both;
	text-align:right
}
.setting a {
	color:#fff;
	text-decoration:none
}
.setting a:hover {
	color:#fff;
	text-decoration:underline
}
.manageEmpLinks {
	width:320px;
	height:444px;
	float:left;
	background:url(../images/add-emp-links-bg.gif) repeat-y
}
.manageEmpLinks h2 {
	font-size:15px;
	color:#134d39;
	font-weight:bold;
	margin:0 15px
}
.manageEmpLinks ul {
	list-style:none;
	margin:10px 0 28px 0;
}
.manageEmpLinks li {
	list-style:none;
	font-size:15px;
}
.manageEmpLinks li a {
	color:#474747;
	display:block;
	text-decoration:none;
	padding:7px 0 3px 0px;
	margin:0 15px;
	border-bottom:solid 1px #d5d7d7;
	height:23px;
}
.manageEmpLinks li a:hover {
	color:#0b85b8;
	text-decoration:none
}
.manageEmpLinks li a.active {
	color:#0b85b8;
	text-decoration:none;
	background:#e8f4f5
}
.icon1 {
	background:url(../images/icons.png) no-repeat 0 -3px;
	height:25px;
	width:24px;
	display:inline-block;
	float:left;
	margin:0 5px;
}
.icon2 {
	background:url(../images/icons.png) no-repeat 0 -31px;
	height:25px;
	width:24px;
	display:inline-block;
	float:left;
	margin:0 5px;
}
.icon3 {
	background:url(../images/icons.png) no-repeat 0 -58px;
	height:25px;
	width:24px;
	display:inline-block;
	float:left;
	margin:0 5px;
}
.icon4 {
	background:url(../images/icons.png) no-repeat 0 -87px;
	height:25px;
	width:24px;
	display:inline-block;
	float:left;
	margin:0 5px;
}
.icon5 {
	background:url(../images/icons.png) no-repeat 0 -110px;
	height:25px;
	width:24px;
	display:inline-block;
	float:left;
	margin:0 5px;
}
.topCon {
	background:url(../images/emp-links-top-con.gif) no-repeat top;
	height:15px
}
.bottomCon {
	background:url(../images/emp-links-bottom-con.gif) no-repeat top;
	height:18px;
	margin-top:50px;
}
.manageEmpContener {
	width:649px;
	font-size:14px;
	line-height:19px;
	float:right;
	padding:8px 0 0 0;
	color:#424242;
	background:url(../images/add-emp-heading-bg.gif) no-repeat top;
}
.manageEmpContent {
	padding:10px 5px
}
.manageEmpHead {
	font-size:18px;
	font-weight:bold;
	color:#134d39;
	padding:8px 10px 8px 18px;
	font-family:Helvetica, Arial;
	width:293px;
	height:25px
}
.addEmp {
	font-size:16px;
	color:#424242;
	padding:0px 0 8px 0
}
.browsehead {
	font-size:14px;
	color:#474747;
}
.browseInput {
	width:305px!Important;
	border:solid 1px #a8a8a8;
	margin:0 3px 0 8px;
	height:22px
}
.browseButton {
	width:74px;
	border:0;
	height:24px;
	padding:0px 0px 2px 0px;
	margin:8px 0 0 7px;
	font-size:12.25px;
	font-weight:bold;
	background:#2a5197;
	color:#fff;
	font-family:Helvetica, Arial;
	cursor:pointer
}
.browseButton:hover {
	width:74px;
	border:0;
	height:24px;
	padding:0px 0px 2px 0px;
	margin:8px 0 0 7px;
	font-size:12.25px;
	font-weight:bold;
	background:#134d39;
	color:#fff;
	font-family:Helvetica, Arial;
	cursor:pointer
}
.tips {
	background:url(../images/tips-bg.gif) no-repeat;
	color:#8a8981;
	padding:8px 0 0 16px;
	margin-top:41px;
	font-size:12px;
	height:109px
}
.tips ol {
	margin:10px 0 0 25px;
}
.tips li {
	line-height:19px;
}
.tipsHead {
	background:url(../images/icons.png) no-repeat 0 -139px;
	color:#424242;
	font-weight:bold;
	padding-left:25px;
	font-size:12px;
	height:21px
}
/*---------sticky footer---------------*/
.footer {
	width:980px;
	margin:0 auto;
	clear: both;
	padding:20px 0;
	position: relative;
	margin-top: -80px;
	height:80px
}
.email {
	font-size:18px;
	border-bottom:solid 1px #ccc;
	margin:8px 0;
	padding:5px 0
}
.email a {
	color:#166665;
	text-decoration:none
}
.email a:hover {
	color:#166665;
	text-decoration:underline
}
.policy {
	width:180px;
	float:right;
	padding-right:0px;
}
.policy a {
	color:#959796;
	text-decoration:none
}
.policy a:hover {
	color:#000
}
/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*--popup--*/

#PopupOverlay {
	display: none;
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: #000000;
	opacity:.75;
}
#PopupWindow {
	display: none;
	position: absolute;
	width: 400px;
	height:250px;
	left: 50%;
	top: 50%;
	margin: -120px 0 0 -220px;
	background-color: #ffffff;
	padding:15px;
}
#PopupWindow h1 {
	font-size:30px;
	font-weight:normal
}
#PopupWindow p {
	margin: 0px;
	padding: 5px;
	font-size:14px;
	line-height:20px;
	text-align:justify
}
#PopupWindow a {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -130px 0 0 175px;
	width: 25px;
	height: 25px;
}
#Popup {
	display: none;
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: #000000;
	opacity:.75;
}
#Popupbox {
	display: none;
	position: absolute;
	width: 400px;
	height:250px;
	left: 50%;
	top: 50%;
	margin: -120px 0 0 -220px;
	background-color: #ffffff;
	padding:15px;
}
#Popupbox h1 {
	font-size:30px;
	font-weight:normal
}
#Popupbox p {
	margin: 0px;
	padding: 5px;
	font-size:14px;
	line-height:20px;
	text-align:justify
}
#Popupbox a {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -130px 0 0 175px;
	width: 25px;
	height: 25px;
}
/*************New Css******/
.error {
	border:1px solid #F00 !important;
}
.loader {
	display:none;
	margin:8px 0 0 80px;
}
.error_login {
	display:none;
	color:#F00 !important;
}
.view{ cursor:pointer;}
#success
{
font-size:16px;
color:#FFF;
background-color:#0C3;
}
.new_record
{
font-size:16px;	
}

.userlogin
{
text-align:right;
}

.closeimg
{
background:url('../images/close-img.jpeg');
}

.bgcolorpass {	
background:#FF3;
width:170px;
padding-left: 8px;
text-align:left;
}



/********************************************************************************17-04-2015****************************************************************************************/

img,fieldset{ border:none; margin:0; padding:0;}
#form_container{ float:left; width:100%; border:1px solid #999999; background:#fff; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.3); border-radius:5px; padding:15px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#form_container form{ float:left; width:100%;}
.top_container{ float:left; width:90%; padding:0 5%}
.bottom_container{ float:left; width:100%; padding:10px 0 0 0}

.left_row{ float:left; width:50%}
.main_row{ float:left; width:100%;}
.left_row.rightcoll{ float:right;}



.main_row{ float:left; width:100%; padding:0 0 0 0;}
.main_row.spacer{ text-align:center;}
.main_row label{ float:left; width:100%; color:#1e4169; font-size:15px; line-height:17px; padding:5px 0 10px 0; margin-bottom:0 !important; text-align:left; font-weight:bold;}
.main_row input{ float:left; height:auto;}
.main_row input:focus{ border-color:#444646 !important;box-shadow: 0 0 5px #444646;}

.main_row input.row{float: left;width:61.3%; background:#fdfffe;border-radius: 3px;color: #666;font-size: 14px; padding:5px 2% 5px 2%;border: 1px solid #999999;box-sizing: border-box;}



.main .btn{ display:inline-block; float:none !important; cursor:pointer;  font-size:15px; line-height:18px; color:#FFFFFF; border-radius:3px; padding:8px 2% 8px 2%; border:none; text-transform:uppercase; background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
 background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
 background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
border: 1px solid #25729a;color: #ffffff;text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); margin:10px 0 0 0; height:auto; width:auto; font-weight:bold; }

.main .btn:hover{background-color: #26759e; background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));
 background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
 background-image: -moz-linear-gradient(top, #26759e, #133d5b);
 background-image: -ms-linear-gradient(top, #26759e, #133d5b);
 background-image: -o-linear-gradient(top, #26759e, #133d5b);
 background-image: linear-gradient(to bottom, #26759e, #133d5b);}

.main_row select{ float:left; width:61.7%; box-sizing: border-box;color: #666; background:#fdfffe;border-radius: 3px;color: #666;font-size: 14px; padding:5px 2% 5px 2%;border: 1px solid #999999;}
.main_row select:focus{ border-color:#444646 !important;box-shadow: 0 0 5px #444646;}



.fsRequiredMarker{color: #ba0000;
    float: none;
    font-family: Verdana;
    font-size: 16px;
    font-weight: 700;
	}
	
	
.main{ float:left; width:100%; padding:0 0 30px 0}

.bottom_container h2{ float:left; width:100%; background:#1e4169; text-align:center; color:#fff; font-weight:normal; text-transform:uppercase; text-shadow: 1px 1px 1px #000; padding:10px 0; border-radius:5px 5px 0 0;}


.inner_box{ float:left; width:90%; padding:20px 5%}

.left_box{ float:left; width:49%; margin-right:1%;}
.right_box{ float:right;width:50%;}

.main.spacer{ text-align:center;}
.error_message{ float:left; width:100%; text-align:center; padding:10px 0 10px 0;}
.error_message strong{ color:#FF0000; font-size:15px; line-height:18px;}

#header{ float:left; width:100%;}
.logo_top{ float:right; margin:10px 0 10px 0}
.banner{ float:left; width:100%; text-align:center; background:url(../images/banner_bg.png) repeat-x top center; padding:20px 0; margin-bottom:20px;}
.banner h1{ font-size:22px;color:#fff;font-weight:normal;}
.main .spacer_new{ display:inline-block;width:10%; color:#1e4169; font-size:12px; line-height:17px; padding:5px 0 10px 0; margin-bottom:0 !important; text-align:left; font-weight:bold;}
.main .coll{ display:inline-block;width:20%; background:#fdfffe;border-radius: 3px;color: #666;font-size: 14px; padding:5px 2% 5px 2%;border: 1px solid #999999;box-sizing: border-box;}

#form_container.spacer_coll{ width:75%; margin:0 10%;}
.link{ font-size:13px; line-height:16px; color:#000000; text-decoration:none;}
.link:hover{ color:#000000; text-decoration:underline}
.contact{ display:inline-block; width:50%; background:#ebebf2; padding:15px 0;}
#outer{ float:left; width:100%; text-align:center; margin-top:20px;}
#outer form{ float:left; width:100%;}
#outer .loginbutton{ background: #2a5197;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-family: Helvetica,Arial;
    font-size: 12.25px;
    font-weight: bold;
    height: 24px;
    padding: 0 0 2px;
    width: 52px;}
#outer .loginbutton:hover{ background:#134d39}
#comments{ display:inline-block; width:260px;}

#outer.left{ width:100%; text-align:left; padding:0 0 10px 0;}

/********************************************************************************05-08-2015****************************************************************************************/

#body_container{ float:left; width:100%;}
.main.spacer label{ display:inline-block; width:20%;}
.left_container{ float:left; width:50%; border-right:2px dotted #996600;}
.right_container{ float:left; width:49%;} 
#body_container h3{ background:#1e3e77; text-align:center; padding:10px 0; color:#fff;}
.inner_content{ float:left; width:90%; padding:10px 0 0 10%;}
.coll_2{ float:left; width:80%; text-align:center; font-size:12px; line-height:16px; font-weight:bold; color:#000; padding:10px 0 0 0;}
.check_detail{ float:left; width:98%; padding:5px 0 5px 2%;}
.check_detail .check{ float:left; width:100%; color:#000; font-size:12px; font-weight:bold;}
.check_detail .check .check_1{ float:left; margin:2px 10px 5px 0; padding:0;}
.radio_detail{ float:left; width:95%; padding-left:5%;}
.radio_detail .radio_box{ float:left; width:100%; font-size:11px; font-weight:bold; padding:5px 0;}
.radio_detail .radio_box .radio{ float:left; margin:0 10px 0 0; padding:0;}
.main_row .outer{ float:left; width:95%; padding-left:5%;}
.radio_detail .radio_box.radio_2{ width:14%;}
.main_row strong{ color:#000000;}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px 0;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
	float:none;
}


.ui-button-text{display:none !important;}
.uploader{display:inline-block; width:55%;  background:#fdfffe;border: 1px solid #cccccc; border-radius: 2px;box-sizing: border-box;color: #666;font-size: 12px; padding:7px 1% 7px 1%; box-shadow: 0px 1px 2px #a29f9f inset;
}
#atwork_files{margin-bottom:7px;display:inline-block;}
.uploader{
  display:inline-block; width:55%;  background:#fdfffe;border: 1px solid #cccccc; border-radius: 2px;box-sizing: border-box;color: #666;font-size: 12px; padding:7px 1% 7px 1%; box-shadow: 0px 1px 2px #a29f9f inset;
}
.artwork_files{margin-bottom:7px;display:inline-block;}
.remove_upload_image{width:13px; float:right; padding:5px;}
.artwork_files{width:90%;}	
#atwork_files_1{margin-left:0;}	
.success_box {float:left; width:100%; text-align:center; padding:20px 0;}
.success_box span{ display:inline-block; font-size:14px; line-height:20px; color:#FF0000; font-weight:bold; margin:0 0 0 10px}
.logoutaudit {text-align:right; color:#000; font-weight:bold; padding-bottom:10px; font-size:16px;}
.logoutaudit a {color:#000000; text-decoration:underline;}
.logoutaudit a:hover {color:#000000; text-decoration:none;}