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

html { margin:0;
padding:0; }

body {
background-image:url(../images/body-bg.jpg);
background-repeat:repeat-x;
background-color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin:0;
padding:0;}

#container{ width:960px; margin:0 auto; height:auto;}

#header{ width:960px; height:165px; color:#ededed; margin:0;}
#logo { background:url(../images/logo-payboss.png) 0 25px no-repeat; margin:0 0 0 0; text-indent:-3000px; width:270px; height:120px; float:left;}
#welcome { background:url(../images/arrow-icon.jpg) 5px;  background-repeat:no-repeat; float:left;color:#333; padding-left:60px;  line-height:43px; display:block; height:48px; width:380px; margin:53px 0 0 0;}
#contact { background:url(../images/contact-icon.jpg) 5px;  background-repeat:no-repeat; float:right; padding-left:60px; line-height:43px; display:block; height:48px; width:120px; margin:53px 50px 0 0;}
#contact a{ color:#333; text-decoration:none;}
#contact a:hover {color:#BF1680;}

#banner{ width:960px; height:187px; background-image:url(../images/banner.jpg); margin:0;}
#left-banner{ float:left; width:490px; height:187px; margin:0;}

/*MENU*/
#menu{ height:55px; width:490px; list-style:none; float:left; margin:0; padding:0; }
#menu li{ float:left; margin:0;}
#menu li a{display: block; color:#FFF; margin:0; line-height:43px; text-decoration:none; padding:0 7px;}
#menu li a:hover{ color:#333; background-color:#ededed;}

.selected { background-color:#ededed; color:#333; display: block; margin:0; line-height:43px; text-decoration:none;}

#menu li ul{ display:none;

list-style:none;
color:#333;
height:43px;
padding:0;
margin:0;
line-height:43px;
border:0px;
position:absolute;
z-index:200;}

#menu li ul li{ display:block; float:none; background: #ededed;
list-style:none; color:#333; border-bottom:solid 1px #333;}

#menu li ul li a:hover{ display:block; float:none; background: #BF1680;
list-style:none; color:#ededed;}

#menu li ul li a{color:#333;}

#menu li:hover ul{display:block;}
/*END OF MENU*/



/*CLOCK*/
#clock{ background-image:url(../images/clock.png); margin:74px 0 0 0; float:left; width:316px; height:71px;}
#clock-text{ height:41px; width:200px; float:right; margin-top:28px;}
#clock-text p{ margin:0;}

#clock-container{
                width:65px;
                height:65px;
				margin:-3px 0 0 22px;
                text-align:center;
                background-position:center;
				float:left;
}
#clock-position{
                padding-top:8px;
                *margin-top:9px;
                *padding-top:9px;
}

/*END OFCLOCK*/


#right-banner{ float:right; width:470px; height:187px; margin:0;}
#mouse-sheet{ float:right; margin:-60px 0 0 0;}


/*CONTENT*/
#content{ width:960px; margin:0; padding:60px 0px 40px;}
/*END OF CONTENT*/


/*FOOTER*/
#footer{ clear:both; height:162px; background-color:#EDEDED; margin:0; padding:0; border-top:2px solid #E452AA;}
#footer-content{ width:960px; height:162px; margin:0 auto; padding:0;}
#footer-left { width:750px; height:162px; float:left; margin:0; padding:0;}
#footer-right { width:460px; height:162px; float:right; margin:0; padding:0;}
#footer-left img{ float:left; margin: 40px 0 0 0;}
#footer-left ul {float:left; margin: 71px 0 0 20px; list-style:none; padding:0; display:block; width:390px;}
#footer-left ul li {float:left; padding:0 10px 0 0;}
#footer-left ul li a{ color:#333; text-decoration:none; padding:0 10px 0 0;}
#footer-left ul li a:hover {color:#BF1680;}
#footer-left p {float:left; margin:0 0 0 20px; padding:5px 0px 0px 0}
/*EN D OF FOOTER*/


/* Amit */

a
{
	text-decoration:none;
	color:#BF1680;
}

a:hover
{
	text-decoration:underline;
}

.ui-widget-content a
{
	color:#BF1680;
}

#menu li a
{
	text-transform:uppercase;
}

#menu ul
{
	min-width:150px;
}

.plugin.dashboard
{
	padding:10px 0px;
}

.ui-widget-header
{
	background:url("../images/arrow-down.png") no-repeat 0px 0px;
	border:none;
	padding-left:28px;
	height:22px;
	color:#000000;
	margin:5px 0px 10px 0px;
}

.ui-datepicker .ui-widget-header
{
	background:none;
}

.ui-widget-content
{
	padding:10px;
}

.ui-dialog .ui-dialog-titlebar
{
	padding:0px 0px 0px 28px;
}

.uniForm .buttonHolder .primaryAction,
.button
{
	background:url(../images/gradient-button.jpg) repeat-x 0 0;
	border:none;
	box-shadow:none;
	border-radius:0px;
	text-shadow:none;
	height:33px;
	line-height:normal;
	padding:0px 20px;
	font-size:14px;
	font-family:arial;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
}

a.button
{
	color:#ffffff;
}

.table-timesheet .clear-shift
{
	background:url('../images/clear-shift-data.png') no-repeat center center;
	width:16px;
	height:16px;
	display:block;
	text-decoration:none;
}

.table-timesheet .add-shift
{
	background:url('../images/add-shift.png') no-repeat center center;
	width:16px;
	height:16px;
	display:block;
	text-decoration:none;
}

.table-timesheet .remove-shift
{
	background:url('../images/edit_remove.png') no-repeat center center;
	width:16px;
	height:16px;
	display:block;
	text-decoration:none;
}

.table-timesheet .copy-above
{
	background:url('../images/copy-yesterday.png') no-repeat center center;
	width:16px;
	height:16px;
	display:block;
	text-decoration:none;
}

.table-timesheet .copy-all
{
	background:url('../images/copy-to-weekdays.png') no-repeat center center;
	width:16px;
	height:16px;
	display:block;
	text-decoration:none;
}

.ui-datepicker-trigger,
.ui-popup-trigger
{
	cursor:pointer;
}

.entry-details .employer_logo
{
	float:right;
	margin-left:20px;
}

.entry-details .employer_logo img
{
	height:80px;
}

#welcome img
{
	vertical-align:middle;
	margin-left:5px;
}

.btn_style
{
	background:url('../images/bg_button.jpg') center center repeat-x;
	border-radius:5px;
	padding:5px 10px;
	border:1px solid #A00A6E;
	color:#fff !important;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	/*float:left;*/
	line-height:18px;
	margin-right:3px;
	text-decoration: none;
}

.btn_style:hover
{
	text-decoration: none;
}

#popup_login .content
{
	background:url('../images/login-bg.jpg') no-repeat center top #ffffff;
}