/*

IMPORTANT NOTES: (PLEASE READ CAREFULLY!)

1. DO NOT MODIFY the system styles section, it is generated by the system,
   your modifications will be overwritten. If you want to change the stylesheet
	 template, modify the ew.css in the "src" subfolder under the installed
	 directory. Only modify the ew.css if you have the necessary knowledges in
	 CSS.
	 
2. DO NOT REMOVE THE FOLLOWING COMMENTS:
   
   BEGIN_USER_STYLES
   END_USER_STYLES
	 
	 You MUST write your styles between these two comment lines below, styles
   outside this user styles section will be discarded.
	 
3. If you want to override the system styles, you can copy the styles to the
   User Styles Section, or you can use a separate user stylesheet.

*/

/*BEGIN_SYSTEM_STYLES*/

body {
	background-color: inherit; /* background color */
	color: inherit; /* text color */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* font name */
	font-size: 12px; /* font size */
	margin: 0px 0px 0px 0px; /* top right bottom left */
}

.phpmaker {

	color: inherit; /* text color */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* font name */
	font-size:13px; /* font size */	
}

input, textarea, select {	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
} 

a:active {
	color: ; /* active link color */
}

a:link {
	color: ; /* link color */
}

a:visited {
	color: ; /* visited link color */
}

/* template layout */
.ewLayout {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* font name */
	font-size: 12px; /* font size */
	width: 100%;
	height: 100%;
}

.ewHeaderRow {
	background-color: #FF0000; /* background color */	
}

.ewContentTable {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* font name */
	font-size: 12px; /* font size */	
	width: 100%;
	height: 100%;	
}

.ewMenuColumn {
	background-color: #339999; /* background color */
	width: 193px; /*background-image:url(images/login.jpg); width:242px; height:357px; background-repeat:no-repeat;*/
	vertical-align: top; margin-left:0px;
	padding: 0px;	
}

.ewContentColumn {
	background-color: inherit; /* background color */
	vertical-align: top; padding-top:5px;
	padding-left:5px;
}

.ewFooterRow {
	background-color: #FF0000; /* background color */
	color: #FFFFFF; /* footer font color */	
	padding: 2px;
}

.ewFooterText {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* font name */
	font-size: 12px; /* font size */	
}

/* main table */
.ewTable {
	width: inherit; /* table width */	
	color: inherit; /* text color */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* font name */
	font-size: 12px; /* font size */
	border: 0px outset; /* border */
	border-collapse: collapse;
}

/* main table data cells */
.ewTable td {
	padding: 4px; /* cell padding */
	border: 1px solid; /* cell spacing */
	border-color: #CCCCCC;  /* table background color */
}

.ewBasicSearch {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* font name */
	font-size: 12px; /* font size */
	border: 0px;
	border-collapse: collapse;
}

.ewBasicSearch td {
	border: 0px;
	padding: 1px;
}

.ewSearchOpr {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* font name */
	font-size: 12px; /* font size */
	color: maroon;
}

.ewListAdd {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* font name */
	font-size: 12px; /* font size */
	border: 0px;
	border-collapse: collapse;
}

.ewListAdd td {
	border: 0px;
	padding: 2px;
}

.phpmakerlist td {
	color: inherit; /* text color */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* font name */
	font-size: 12px; /* font size */
	border: 0px;
	padding: 0px;
	vertical-align: top; 
}

.ewAddOption td {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* font name */
	font-size: 12px; /* font size */
	padding: 2px; /* cell padding */	
	border: 0px;	
}

/* main table header cells */
.ewTableHeader {
	background-color: #0b8787; height:25px; /* header color */
	color: #FFFFFF;  font-family:Verdana, Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; font-size:12px; font-weight:bold; /* header font color */	
	vertical-align: top;	
}

.ewTableHeader a:link {	
	color: #FFFFFF; /* header font color */	
}

.ewTableHeader a:visited {	
	color: #FFFFFF; /* header font color */	
}

/* main table row color */
.ewTableRow {
	background-color: #FFFFFF;  /* alt row color 1 */
}

/* main table alternate row color */
.ewTableAltRow {
	background-color: #7fe9e9; /* alt row color 2 */	
}

/* main table edit mode row color */
.ewTableEditRow {
	background-color: #FFFF99; /* edit mode color */
}

/* main table highlight color */
.ewTableHighlightRow {
	background-color: #CCFF99; /* highlight color */
}

/* main table select color */
.ewTableSelectRow {
	background-color: #99FFFF; /* select color */
}

/* main table footer section */
.ewTableFooter {
	background-color: #FFFFCC; /* footer color */
}

/* separator */
.ewSeparator {
    color: gray;
}

/* classes for report */
.ewReportTable {
    border: 0px;
    border-collapse: collapse;
}

.ewReportTable td {
    padding: 3px;
}

.ewGroupField {
	font-weight: bold;
}

.ewGroupName {
	font-weight: bold;
}

.ewGroupHeader {
	border-bottom: 3px double Gray;
	border-top: 3px double Gray;
}

.ewGroupSummary {
	border-top: 1px solid Gray;
} 

.ewGroupAggregate {
	font-weight: bold;
}

.ewGrandSummary {
	border-top: 1px solid Gray;
}

/* message */
.ewmsg {
	color: red; /* message color */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* font name */
	font-size: 12px; /* font size */	
}

/* highlight */
.ewHighlightSearch {
	font-weight: bold;
	background-color: yellow;
}

/* Ajax */
.ewAstList {
	border: 1px solid black;
	background: #ffffff;
	position: absolute;
	padding: 0;
	white-space: nowrap;
}

.ewAstListBase {
	position: absolute;
	padding: 1;
}

.ewAstListItem {
	color: black;
	background: #ffffff;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
	padding: 1;
}

.ewAstSelListItem {
	color: white;
	background: Highlight;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
	padding: 1;
}

/* MultiPage pager table */
.ewMultiPagePager {
	color: inherit; /* text color */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* font name */
	font-size: 12px; /* font size */
	border: 0px; /* border */	
}

.ewMultiPagePager td {
	padding: 2px; /* cell padding */	
}

/*END_SYSTEM_STYLES*/
/*BEGIN_USER_STYLES*/

/*Datafance code start here*/

dl, dt, dd, ul, li {
margin: 0;
padding:  0;
list-style-type: none;
font-size: 12px;
font-family: Verdana, Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif;
}

#menu_logged {
position: absolute; margin-left:0px; margin-top:0px;
top: 10px;
left: 0;
}

.loggedintitle3  {  
    font-color: #0000FF; width:300px;
    font-size: 12px; padding-top:50px; margin-left:350px;
    font-weight: bold; 
}


#menu {
position: absolute; margin-left:0px; margin-top:0px;
top: 85px;
left: 0;
}
dl#menu {
width: inherit;         
}
dl#menu dt {
cursor: pointer;
margin: 1px 0; padding-left:5px;
height: 32px;
line-height: 32px;
text-align: left;
font-weight: bold;
border: 1px;
background-image:url(images/green/menu_b.gif); background-repeat:no-repeat;
color: #003300;
}
dl#menu dd {
border: 1px solid black ;
}
dl#menu li {
padding-left:5px;
background: #d5f9f9; font-size:10px; font-weight:bold; color:#000000; font-family: Verdana, Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif;

}
dl#menu li a, dl#menu dt a {
color: #000000;
text-decoration: none;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
color: #990000;

}
                                      
dl#menu li #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/
border-color: #D25A0B; /*Brown color theme*/
}

dl#menu ul, dl#menu li:hover>a
    {
        color:#990000;
        text-decoration:none;
    }

.formtitle {
    font-color: #000000;
    font-size: 16px;
    font-weight: bold;
}



.loggedintitle  {  
    font-color: #0000FF; width:600px;
    font-size: 12px; padding-top:50px; padding-left:350px;
    font-weight: bold; 
}


.small_font{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
white-space:nowrap;
}

.workflow_div{
background-color:#ffffff;
width:100%;
}

/*.siteseal {
    margin: 0px 0px 0px 0px; height:85px; background-color:#0b8787;  background-image:url(images/logo_p1.gif);  background-repeat:no-repeat;*/

.employeenameRow{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; 
font-weight:bold;
background-color:#339999;
}

.positionRow{
background-color: #99FFFF;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif;
font-weight:normal;
}

.salaryheadingRow{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif;
font-weight:bold;
background-color:#3399FF;
color:#000000;
}

.salaryRow{
background-color: #FFFF99;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif;
font-weight:normal;
}

/* ######################################-- CSS for QB Sync --##################################################### */

/* css tab image  */
.tab2imgchk2 {font-family:Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif;
                        background-image:url(images/chk2.gif); background-repeat:no-repeat; background-position:left;
                        font-size:12px;
                        color:#FFFFFF;
                        display:block;
                        text-decoration:;
                        white-space: nowrap;
                        font-weight:bold;
                        padding-left:20px; 
                        padding-right:11px; 
                        background-color:#006633;
                        background-position:bottom;
                        line-height:28px;
                        border-left:1px solid #b3b3b3;
                        border-top:1px solid #b3b3b3;
                        border-right:1px solid #b3b3b3;
                        margin-right:5px; 
}

.tab2imgcorss2 {font-family:Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif;
                        background-image:url(images/cros2.gif); background-repeat:no-repeat; background-position:left;
                        font-size:11px;
                        color:#FFFFFF;
                        display:block; 
                        font-weight:bold;
                        white-space: nowrap;
                        padding-left:20px;
                        padding-right:11px; 
                        background-color:#a54747;
                        background-position:bottom;
                        line-height:28px;
                        border-left:1px solid #b3b3b3;
                        border-top:1px solid #b3b3b3;
                        border-right:1px solid #b3b3b3;
                        margin-right:5px;
}

/* css tab image  */



.tab2bbg{/*
                background-color:#66FFCC; 
                background-position:bottom;*/
}


.tab2:link, .tab2:visited{font-family:Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif;
                        font-size:12px;
                        color:#FFFFFF;
                        display:block;
                        text-decoration:none;
                        white-space: nowrap;
                        font-weight:bold;
                        padding-left:11px;
                        padding-right:11px;
                        background-color:#666666;
                        background-position:bottom;
                        line-height:28px;
                        border-left:1px solid #b3b3b3;
                        border-top:1px solid #b3b3b3;
                        border-right:1px solid #b3b3b3;
                        margin-right:5px;
}

.tab2:hover{ color:#0784b5;

}

.tabon2:link, .tabon2:visited, .tabon2:active
{
                        font-family:Verdana, Arial, Helvetica, sans-serif;
                        font-size:12px;
                        color:#000000;
                        display:block;
                        text-decoration:none;
                        white-space: nowrap;
                        font-weight:bold;
                        padding-left:11px;
                        padding-right:11px;
                        background-color:#DDDEE3;
                        background-position:bottom;
                        line-height:28px;
                        border-left:1px solid #b3b3b3;
                        border-top:1px solid #b3b3b3;
                        border-right:1px solid #b3b3b3;
                        margin-right:5px;
}                                                        

.bodrgray{border:1px solid #c6c6c6;}
.bodrtop{border-top:1px solid #cfe4f3;}

.df_font12                     { font-size:12px; }
.qb_sync_ready            { font-size:11px; }
.qb_sync_complete           { font-size:11px; background-color:#E9FEEC }
.qb_sync_notready         { font-size:11px; color:#000000; background-color:#FFF2FB }
.qb_sync_tbl_width        { width:99.2%; }
.qb_sync_head_msg          { font-size:12px; font-weight:bold; background-color:#F1FEFB }
.report_head_msg          { font-size:10px; background-color:#F1FEFB }
.qb_sync_head_hight          { height:30px; }



/*Datafance code end here*/
/**************Calender CSS Start **********/
.day_cell                { background-color:#F5F5F5; height:100px; width:110px; }
.empty_day_cell            { background-color:#FFFFFF; height:80px; width:95px; }
.today_cell                { background-color:#99FFFF; height:80px; width:95px; }
.day_number                { font-size:11px; font-family:arial; color:#000; font-weight:bold }
.posted_user            { font-size:10px; font-family:arial; color:#999999; font-weight:bold }
.qb_timesheet           { font-size:10px;}

/**************Calander Use  End **********/

.bg_light_1 {background:#FDF2FA}
.bg_light_2 {background:#E6E6E6}
.statholiday {background:red; align:center;font-weight:bold;font-size:12px;}
.empleave {background:blue; color: white; align:center;font-weight:bold;font-size:12px;}
.checktimesameday  { font-size:10px; font-family:arial; color:#000;  }
.checktimediffday  { font-size:10px; font-family:arial; color:red;  }


/* your CSS styles here */

.optionfont { font-size:9px; font-family:arial; }
.fontcolor_show_cal { font-family:arial; color:#99CC00; }
.divcolor_show_varfi_cal { background-color:#669999; max-width:none; }
.error_msg_bg { background-color:#FF99FF; }
.drop_dwon_width { width:100;}
/* New Added For Report  */
.row_not_found { background-color:#FFFFFF; font-size:10px; text-align:center; border:none;}
.heading_report_main_breck { background:#FFFFCC; color:#3366FF; font-size:14px; font-weight:bold; text-align:left;}
.heading_report_hot_total { background-color:#9AD7FF; font-size:12px; font-weight:bold;}
.heading_report_dep_total { background-color:#C0E6FF; font-size:12px; font-weight:bold;}
.heading_report_man_total { background-color:#D8EFFF; font-size:12px; font-weight:bold;}
.heading_report_pos_total { background-color:#E7F5FF; font-size:12px; font-weight:bold;}
/*END_USER_STYLES*/





.header{ padding-right:20px;}

.bg_header{background-color:#339999;}

.logo{background-image:url(images/green/logo_green.gif); width:296px; height:82px; background-repeat:no-repeat;}

.pagestyle{font-family:Verdana, Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; padding-top:5px;}


.search{background-image:url(images/search.gif); width:110px; height:30px;}

.go{background-image:url(images/green/go.gif); width:21px; height:20px; background-repeat:no-repeat;}


.selectarea {font-size:12px;}



.submenu_img{background-image:url(images/green/green_s_menu.gif); width:6px; height:6px;  background-repeat:no-repeat;}


.prev{background-image:url(images/green/prev.gif); width:16px; height:16px; background-repeat:no-repeat; }

.next{background-image:url(images/green/next.gif); width:16px; height:16px; background-repeat:no-repeat; }

.search_bg{background-image:url(images/green/search.jpg); background-repeat:no-repeat; border:none; width:80px; height:20px;  }



<!--/-----------------------------button css-----------------------------------/-->

/*body { padding: 0px; font-size: 0.85em; font-family: georgia, serif; }*/

/*.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }*/

.btn.blue { background: #2ae; }
.btn.input { background: url(images/green/input_img.jpg); background-repeat:no-repeat; border:none; width:80px; height:21px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-weight:bold; }

.big.red { background: #2ae; }
.big.input { background: url(images/green/input_img1.jpg); background-repeat:no-repeat; border:none; width:100px; height:21px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-weight:bold; }


.bigd.black { background: #2ae; }
.bigd.input { background: url(images/green/input_img2.jpg); background-repeat:no-repeat; border:none; width:120px; height:21px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-weight:bold; }


/*input[type=button] {
background: #2ae;
background: url(images/green/input_img.jpg); background-repeat:no-repeat; border:none; width:80px; height:21px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold;
}
input[type=submit] {
background: #2ae;
background: url(images/green/input_img.jpg); background-repeat:no-repeat; border:none; width:80px; height:21px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold;
}
*/

.btn.go { background: url(images/green/go.gif); background-repeat:no-repeat; border:none; width:30px; height:19px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; font-weight:bold; }

.btn.prev { background: url(images/green/prev.gif); background-repeat:no-repeat; border:none; width:16px; height:16px; margin-right:10px; }

.btn.first { background: url(images/green/first.gif); background-repeat:no-repeat; border:none; width:16px; height:16px; margin-right:10px; }

.btn.firstdisab { background: url(images/green/firstdisab.gif); background-repeat:no-repeat; border:none; width:16px; height:16px; margin-right:10px; }

.btn.prevdisab { background: url(images/green/prevdisab.gif); background-repeat:no-repeat; border:none; width:16px; height:16px; margin-right:10px; }


.btn.next { background: url(images/green/next.gif); background-repeat:no-repeat; border:none; width:16px; border:none; height:16px; margin-left:10px;}

.btn.nextdisab { background: url(images/green/nextdisab.gif); background-repeat:no-repeat; border:none; width:16px; height:16px; margin-right:10px; }

.btn.last { background: url(images/green/last.gif); background-repeat:no-repeat; border:none; width:16px; height:16px; margin-right:10px; }

.btn.lastdisab { background: url(images/green/lastdisab.gif); background-repeat:no-repeat; border:none; width:16px; height:16px; margin-right:10px; }

.month{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000;}



<!------------------------------start employee form css--------------------------------------------------->
.div_50_per {    width:50%;     float:left; }
.topaction{ padding-left:250px; font-size:12px;}
/* New Employee Screen Div CSS */
#vtopbody{float:left; width:100%; border:solid 2px #CC99FF;  padding:3px; }
#top_1{ float:left; width:100%; height:10px; padding:2px 0px 3px 0px; font-size:18px; }
#top_2{ float:left; width:100%; height:20px; padding:2px; font-size:14px;
         background-color:#FF6666;
         border:solid 1px #000000;
     }

#a{float:left; width:100%;}
.main1_div{float:left; width:100%;}
#b{float:left; width:100%; }
#c{float:left; width:50%; border:solid 2px #000000;  padding:5px; margin-top:10px;}
#r{float:left; width:50%; border:solid 2px #FF0000;  padding:5px; margin-top:10px;}
/*#15r{float:left; width:48%; border:solid 2px #FF0000;  padding:5px; margin-top:10px;}*/

#d{float:left; width:2%;}
#e{float:left; height:2px;}
#11{float:left; width:100%; border:solid 1px #CCCCCC; }

#12heading{ width:100%; border:solid 1px #66FF00; font-size:12px; font-weight:bold; padding:5px; color:#FFFFFF; background-color:#669999; }

#aheading{float:left; width:100%; font-size:12px; font-weight:bold; padding:5px; color:#FFFFFF; background-color:#669999; border:solid 1px #66FF00;}
.aheading{float:left; width:100%; font-size:12px; font-weight:bold; padding:5px; color:#FFFFFF; background-color:#669999; border:solid 1px #66FF00;}
#aheading_primary{float:left; width:100%; font-size:12px; font-weight:bold; padding:5px; color:#FFFFFF; background-color:#CCCC66; }
#aheading_primary_1{float:left; width:100%; font-size:11px; font-weight:bold;  padding-left:10px; color:#FFFFFF; background-color:#CCCC66;}

/*#aheading_primary_2{float:left; width:45%; font-size:12px; font-weight:bold; padding:5px;}
*/

#aheading_secondry{float:left; width:100%; font-size:12px; font-weight:bold; padding:5px; color:#FFFFFF; background-color:#CC9966; border:solid 1px #66FF00;}

#aheading_secondry_1{float:left; width:100%; font-size:11px; font-weight:bold; padding-left:10px; color:#FFFFFF; background-color:#CC9966;}

#aedit{float:left; width:100%; font-size:12px; padding:5px; color:#0000FF; border:solid 1px #CCCCCC;}

#15{ float:left; width:100%; padding-right:2px; }
#12{ float:left; width:100%; border:solid 1px #CCCCCC; }

#13{ float:left; width:40%; padding-left:5px; padding-top:3px; font-weight:bold; font-size:10px; border-right:solid 1px #CCCCCC; height:20px;}
.lable_head { float:left; width:40%; padding-left:5px; padding-top:3px; font-weight:bold; font-size:10px; border-right:solid 1px #CCCCCC; height:22px;}
#14_1{float:left; width:45%; padding-left:5px; padding-top:3px; font-size:10px;}
#14{ float:left; width:60%; padding-left:5px; padding-top:3px;font-size:10px; }
.lable_val { float:left; width:60%; padding-left:5px; padding-top:1px;}
#14_primary{float:left; width:45%; padding-left:5px; padding-top:3px; font-size:10px;}
#14_secondry{float:left; width:45%; padding-left:5px; padding-top:3px; font-size:10px;}
#main_heading { float:left; width:100%; border:none;}
#dropdown { float:left; font-size:10px; border:#000000; font:Arial; }
#dropdown_department { float:left; font-size:10px; border:#000000; font:Arial; }
#line {height:1px; width:100%; background-color:#006699; border:solid 1px #999999;}

#posh {width:100%; background-color:#999999; color:#FFFFFF; font-size:12px;}
#posr {width:100%; border:solid 1px #CCCCCC;font-size:10px;}
#pose {width:100%; padding:5px;font-size:10px;}

#1 {float:left; width:35%; padding:5px; white-space:nowrap;}
#2 {float:left; width:15%; padding:5px; border-left:solid 1px #CCCCCC; white-space:nowrap; }
#3 {float:left; width:10%; padding:5px; border-left:solid 1px #CCCCCC; white-space:nowrap;}
#4 {float:left; width:20%; padding:5px; border-left:solid 1px #CCCCCC; white-space:nowrap;}
#5 {float:left; width:10%; padding:5px; border-left:solid 1px #CCCCCC; white-space:nowrap;}
.potion_reco_view {font-size:10px;};
.posh_potion{width:100%; height:30px; background-color:#999999; color:#FFFFFF; font-size:12px;  border:solid 1px #CCCCCC;}

#4_1{float:left; width:35%; padding:0px; border-left:solid 1px #CCCCCC; white-space:nowrap;}
#4_2{float:left; width:25%; padding:0px; border-left:solid 1px #CCCCCC; white-space:nowrap;}
#4_1_1{float:left; width:20%; padding:5px; border-left:solid 1px #CCCCCC; white-space:nowrap;}
#4_1_2{float:left; width:20%; padding:5px; border-left:solid 1px #CCCCCC; white-space:nowrap;}
#4_1_3{float:left; width:10%; padding:5px; border-left:solid 1px #CCCCCC; white-space:nowrap;}

.required_20 { font-size:10px; font-family:arial; width:30px; height:18px;}
.dob { font-size:10px; font-family:arial;  font-weight:normal; width:70px; height:18px;}
.textbox_w_50 { font-size:10px; font-family:arial;  font-weight:normal; width:220px; height:18px;}
.textbox_border_less { border:none;}


#15c{float:left; width:48%; border:solid 2px #000000;  padding:5px; margin-top:10px;}
#15ce{float:left; width:100%; border:solid 2px #000000;  padding:5px; margin-top:10px;}
.main_div { float:left; width:100%; border:solid 2px #000000;  padding:5px; margin-top:10px; }

#13_a_all{float:left; width:20%; padding-left:5px; padding-top:3px; font-weight:bold; font-size:10px; border-right:solid 1px #CCCCCC; height:25px;}

#13_a_all_notes{float:left; width:20%; padding-left:5px; padding-top:3px; font-weight:bold; font-size:10px; border-right:solid 1px #CCCCCC; height:60px;}

#13_a_all_notes_view{float:left; width:40%; padding-left:5px; padding-top:3px; font-weight:bold; font-size:10px; border-right:solid 1px #CCCCCC; height:60px; }

#14_a_all{float:left; width:75%; padding-left:5px; padding-top:3px;font-size:10px;}
#14_a_all_2{float:left; width:40%; padding-left:5px; padding-top:3px;font-size:10px;}

/*############### employee Add div css ###############*/
    /*###   Personal Details view #####*/
    
#11_p_v_TitleOfCourtesy{float:left; width:100%; border:solid 1px #CCCCCC; }
#11_p_v_Email{float:left; width:100%; border:solid 1px #CCCCCC; }
#11_p_v_FirstName{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_v_HomePhone{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_v_MiddleName{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_v_CellPhone{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_v_LastName{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_v_SIN{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_v_PrintAsName{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_v_Address{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_v_BirthDate{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_v_HireDate{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_v_Address_1{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_v_Gender{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_v_City{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_v_Province{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_v_PostalCode{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_v_Country{float:left; width:100%; border:solid 1px #CCCCCC;}





    /*###   Employee Other Info view #####*/
#11_e_o_i_v_EmerName{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_o_i_v_EmerAddress{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_o_i_v_EmerPhone{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_o_i_v_LangSpoken{float:left; width:100%; border:solid 1px #CCCCCC;}
    
    /*###   Employee Security  view #####*/
#11_e_s_v_HotelID{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_v_Username{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_v_Password{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_v_securityQuestionID{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_v_SecretAnswer{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_v_UserLevel{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_v_Activated{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_v_TerminatedDate{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_v_Rehire{float:left; width:100%; border:solid 1px #CCCCCC;}

    /*###   Employee Payroll Info  view #####*/
#11_e_p_i_v_BankTransitNumber{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_v_BankInstNumber{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_v_BankAccountNumber{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_v_OverrideFederalTD1{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_v_OverrrideAdditionalTax{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_v_OverrideProvincialTD1{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_v_AcceptAutomaticTransfer{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_v_UsePayroll{float:left; width:100%; border:solid 1px #CCCCCC;}

    /*###   Personal Details Add All  #####*/
#c_add_all{float:left; width:100%; border:solid 2px #000000;  padding:5px;}
    /*###   Personal Details Add #####*/
#11_p_a_all_TitleOfCourtesy{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_a_all_Email{float:left; width:100%; border:solid 1px #CCCCCC; }
#11_p_a_all_FirstName{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_a_all_HomePhone{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_a_all_MiddleName{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_a_all_CellPhone{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_a_all_LastName{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_a_all_SIN{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_a_all_PrintAsName{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_a_all_BirthDate{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_a_all_Address{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_a_all_HireDate{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_a_all_Address_1{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_a_all_Gender{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_a_all_City{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_a_all_Province{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_a_all_PostalCode{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_a_all_Country{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_a_all_Photo{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_a_all_Notes{float:left; width:100%; border:solid 1px #CCCCCC;}





    /*###   Employee Other Info Add #####*/
#11_e_o_i_a_EmerName{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_o_i_a_EmerAddress{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_o_i_a_EmerPhone{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_o_i_a_LangSpoken{float:left; width:100%; border:solid 1px #CCCCCC;}

    /*###   Employee Security  Add #####*/
#11_e_s_a_HotelName{float:left; width:100%; border:solid 1px #CCCCCC;}    
#11_e_s_a_Username{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_a_Password{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_a_securityQuestionID{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_a_SecretAnswer{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_a_UserLevel{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_a_Activated{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_a_TerminatedDate{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_a_Rehire{float:left; width:100%; border:solid 1px #CCCCCC;}

    /*###   Employee Payroll Info  Add #####*/
#11_e_p_i_a_BankTransitNumber{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_a_BankInstNumber{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_a_BankAccountNumber{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_a_OverrideFederalTD1{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_a_OverrrideAdditionalTax{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_a_OverrideProvincialTD1{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_a_AcceptAutomaticTransfer{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_a_UsePayroll{float:left; width:100%; border:solid 1px #CCCCCC;}
    
    /*###   Personal Details Edit #####*/
.label_main { float:left; width:100%; border:solid 1px #CCCCCC; }    
#11_p_e_TitleOfCourtesy{float:left; width:100%; border:solid 1px #CCCCCC; }
#11_p_e_FirstName{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_e_MiddleName{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_e_LastName{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_e_PrintAsName{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_e_Gender{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_e_Email{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_e_HomePhone{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_e_CellPhone{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_e_SIN{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_e_BirthDate{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_e_HireDate{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_e_Address{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_e_Address_1{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_e_City{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_e_Province{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_e_PostalCode{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_e_Country{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_p_e_Update{float:left; width:100%; border:solid 1px #CCCCCC; font-size:12px; padding:5px;}

    /*###   Employee Other Info Edit #####*/
#11_e_o_i_e_EmerName{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_o_i_e_EmerAddress{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_o_i_e_EmerPhone{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_o_i_e_LangSpoken{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_o_i_e_Update{ float:left; width:100%; border:solid 1px #CCCCCC; font-size:12px; padding:5px;}
    
    /*###   Employee Security  Edit #####*/
#11_e_s_e_Username{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_e_Password{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_e_securityQuestionID{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_e_SecretAnswer{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_e_UserLevel{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_e_Activated{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_e_TerminatedDate{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_e_Rehire{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_s_e_Update{float:left; width:100%; border:solid 1px #CCCCCC; font-size:12px; padding:5px;}

    /*###   Employee Payroll Info  Edit #####*/
#11_e_p_i_e_BankTransitNumber{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_e_BankInstNumber{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_e_BankAccountNumber{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_e_OverrideFederalTD1{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_e_OverrrideAdditionalTax{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_e_OverrideProvincialTD1{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_e_AcceptAutomaticTransfer{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_e_UsePayroll{float:left; width:100%; border:solid 1px #CCCCCC;}
#11_e_p_i_e_Update{float:left; width:100%; border:solid 1px #CCCCCC; font-size:12px; padding:5px;}

/*##################  END ##########################*/


/*                Jquery CSS                         */
/*#username{
    padding:1px;
    font-size:12px;
    border:1px #CCC solid;
}*/

#tick{display:none;}
#cross{display:none;}
.input_box_emp{ font-size:10px; font-family:arial; width:220px; height:18px;}
.required_20{ font-size:10px; font-family:arial; width:30px; height:18px;}

label.error { color: red; padding-left:50px;}
span.error { color: red; padding-left:50px;}


/*END_USER_STYLES*/

<!------------------------------End employee form css--------------------------------------------------->