

#resizer_top
{
display:block;
padding:0px 10px;
}


#resizer
{
background:#fff;
margin:60px auto;
padding:20px 10px;
width:96%;
height:auto;
min-height:628px;
border-radius:3px;
display:block;
}



.demo_top
{
background:url('../images/top_head.png') 0px 0px;
height:85px;
border-top-left-radius:10px;border-top-right-radius:10px;border-ottom-right-radius:10px;

}

.demo_back
{
background:url('../images/p_bg.png') 0px 0px;
background-repeat:no-repeat;
}


.demo_middle
{
background:url('../images/wh_bg.jpg') 150px 0px;
background-repeat:repeat-y;

}

.p_left {  padding:5px 0px 0px 18px;}

/*---------------------------*/
.demo_left
{
background:url('../images/side_bar.png') 0px 0px;
background-repeat:no-repeat;
font-family:Candara;font-size:11pt;color:#099FD1;font-weight:bold;
}

.demo_left a:link {color:#099BFE;display:block;padding:23px 0px 28px 15px;width:142px; }
.demo_left a:visited {color:#099BFE; }
.demo_left a:hover {color:#fff; }
.demo_left a:active
{
background:url('../images/side_bar1.png') 0px 0px;
background-repeat:no-repeat;
}
.demo_left:hover
{
background:url('../images/side_bar2.png') 0px 0px;
background-repeat:no-repeat;
}

.demo_left_active
{
background:url('../images/side_bar1.png') 0px 0px;
background-repeat:no-repeat;
font-family:Candara;font-size:11pt;color:#ffffff;font-weight:bold;
}
.demo_left_active a:link {color:#ffffff;display:block;padding:23px 0px 28px 15px; }
.demo_left_active a:visited {color:#ffffff;display:block;padding:23px 0px 28px 15px; }

/*------------------*/


.menu_top {padding:8px 0px 5px 20px;color:#ffffff;font-family:verdana;font-size:10pt;border-top-right-radius:1em; }

.l_menu {font-size:8pt;font-family:Verdana;color:#000000;padding:7px;}	
.l_menu a:link {color:#000000;text-decoration:none;padding:7px 7px 7px 7px;}	
.l_menu a:visited {color:#000000;text-decoration:none;}
.l_menu a:hover {color:#000000;}

.l_menu1 {padding:5px 5px;}

.l_r_menu {font-family:calibri;color:#ffffc2;font-weight:bold;text-align:center;background:url(../images/menu_bg.png) 0px 0px;padding:8px;}	

.l_r_menu a:link {color:#ffffc2;text-decoration:none;}	
.l_r_menu a:visited {color:#ffffc2;text-decoration:none;}
.l_r_menu a:hover {font-family:calibri;color:#ffffff;text-decoration:underline;}





.demo_center {width:200px;padding:0px 0px 0px 10px;  }


.num_fld { border:1px;border-style:solid;border-color:#F1DF33 #FF962B #02AEDF #0068A1;border-radius:10px;height:65px;width:168px;}
.num_fld:hover {border:1px;border-style:solid;border-color:#F1DF33 #FF962B #02AEDF #0068A1;
animation:mydasb 5s;-webkit-animation:mydasb 1s; }

@keyframes mydasb
{
0%   {border:1px;border-style:solid;border-color:#F1DF33 #FF962B #02AEDF #0068A1;}
10%  {border:1px;border-style:solid;border-color:#0068A1 #F1DF33 #FF962B #02AEDF;}
20%  {border:1px;border-style:solid;border-color:#02AEDF #0068A1 #F1DF33 #FF962B;}
30% {border:1px;border-style:solid;border-color:#FF962B #02AEDF #0068A1 #F1DF33;}
40%   {border:1px;border-style:solid;border-color:#F1DF33 #FF962B #02AEDF #0068A1;}
50%  {border:1px;border-style:solid;border-color:#0068A1 #F1DF33 #FF962B #02AEDF;}
60%  {border:1px;border-style:solid;border-color:#02AEDF #0068A1 #F1DF33 #FF962B;}
70% {border:1px;border-style:solid;border-color:#FF962B #02AEDF #0068A1 #F1DF33;}
80%   {border:1px;border-style:solid;border-color:#F1DF33 #FF962B #02AEDF #0068A1;}
90%  {border:1px;border-style:solid;border-color:#0068A1 #F1DF33 #FF962B #02AEDF;}
100%  {border:1px;border-style:solid;border-color:#02AEDF #0068A1 #F1DF33 #FF962B;}

}

@-webkit-keyframes mydasb /* Safari and Chrome */
{
0%   {border:1px;border-style:solid;border-color:#F1DF33 #FF962B #02AEDF #0068A1;}
10%  {border:1px;border-style:solid;border-color:#0068A1 #F1DF33 #FF962B #02AEDF;}
20%  {border:1px;border-style:solid;border-color:#02AEDF #0068A1 #F1DF33 #FF962B;}
30% {border:1px;border-style:solid;border-color:#FF962B #02AEDF #0068A1 #F1DF33;}
40%   {border:1px;border-style:solid;border-color:#F1DF33 #FF962B #02AEDF #0068A1;}
50%  {border:1px;border-style:solid;border-color:#0068A1 #F1DF33 #FF962B #02AEDF;}
60%  {border:1px;border-style:solid;border-color:#02AEDF #0068A1 #F1DF33 #FF962B;}
70% {border:1px;border-style:solid;border-color:#FF962B #02AEDF #0068A1 #F1DF33;}
80%   {border:1px;border-style:solid;border-color:#F1DF33 #FF962B #02AEDF #0068A1;}
90%  {border:1px;border-style:solid;border-color:#0068A1 #F1DF33 #FF962B #02AEDF;}
100%  {border:1px;border-style:solid;border-color:#02AEDF #0068A1 #F1DF33 #FF962B;}
}

.num1 {
background:url('../images/num1.png') 0px 0px;
background-repeat:no-repeat;width:30px;height:40px;
background-position:bottom;
margin-left: -20px;
   }
.num2 {
background:url('../images/num2.png') 0px 0px;
background-repeat:no-repeat;width:30px;height:40px;
background-position:bottom;
margin-left: -20px;
   }
.num3 {
background:url('../images/num3.png') 0px 0px;
background-repeat:no-repeat;width:30px;height:40px;
background-position:bottom;
margin-left: -20px;
   }
.num4 {
background:url('../images/num4.png') 0px 0px;
background-repeat:no-repeat;width:30px;height:40px;
background-position:bottom;
margin-left: -20px;
   }
.num5 {
background:url('../images/num5.png') 0px 0px;
background-repeat:no-repeat;width:30px;height:40px;
background-position:bottom;
margin-left: -20px;
   }
.num6 {
background:url('../images/num6.png') 0px 0px;
background-repeat:no-repeat;width:30px;height:40px;
background-position:bottom;
margin-left: -20px;
   }

.demo_right {
background:url('../images/left_border.png') 0px 0px;
background-repeat:no-repeat;
border-top-right-radius:40px;

}

.menu_img {text-align:center;margin-top:-18px;font-family:Candara;font-size:10pt;font-weight:bold;color:#099BFE; }
.menu_img a:link{color:#B71C15;text-decoration:none; }
.menu_img a:visited{color:#5C4C2B;text-decoration:none; }
.menu_img a:hover{color:#099BFE;text-decoration:none; }

#bottom_border {
background:url('../images/bottom_border.png') 0px 4px;
background-repeat:no-repeat;
background-position:;
width:185px;
height:30px;
text-align:left;
padding:0px 0px 0px 10px;
margin-left:10px;
font-family:Candara;font-size:11pt;font-style:italic;font-weight:bold;
color:#099BFE;
}

#bottom_border1 {
background:url('../images/bottom_border.png') 0px 4px;
background-repeat:no-repeat;
width:185px;
height:30px;
text-align:left;
padding:0px 0px 0px 10px;
font-family:Candara;font-size:11pt;font-style:italic;font-weight:bold;
color:#BA211A;
}

.birthday {background:url('../images/notification.png') 35px 20px;
background-repeat:no-repeat;
adding:0px 0px 0px 40px; }

.alert {width:70px;height:76px;
background:url('../images/ring.png') 0px 0px;
font-family:Candara;font-size:11pt;font-style:italic;font-weight:bold;
color:#000;
padding:0px 2px 5px 15px;
text-align:center;
margin:-15px 0px 0px 15px;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
font-weight:bold;
}

.alert1
{
background:#1096CD;
color:#fff;
padding:0px 4px 4px 4px;
border-radius:10px;
}


.logo_img4 { background:url('../images/setup-Icon1.png') 0px -80px;background-repeat:no-repeat;height:50px;padding-left:75px;font-family:calibri;line-height:50px;color:#50ADD9;}
.logo_img5 { background:url('../images/setup-Icon1.png') 0px 0px;background-repeat:no-repeat;height:70px;padding-left:90px;}
.logo_img6 { background:url('../images/setup-Icon2.png') 0px 0px;background-repeat:no-repeat;height:70px;padding-left:90px;}
.logo_img7 { background:url('../images/setup-Icon3.png') 0px 0px;background-repeat:no-repeat;height:70px;padding-left:90px;}
.logo_img8 { background:url('../images/setup-Icon4.png') 0px -160px;background-repeat:no-repeat;height:70px;padding-left:90px;}
.logo_img9 { background:url('../images/setup-Icon4.png') 0px -80px;background-repeat:no-repeat;height:70px;padding-left:90px;}
.logo_img10 { background:url('../images/setup-Icon2.png') 0px -160px;background-repeat:no-repeat;height:70px;padding-left:90px;}
.logo_img11 { background:url('../images/setup-Icon3.png') 0px -160px;background-repeat:no-repeat;height:70px;padding-left:90px;}

.logo_img12 { background:url('../images/all-TitleIcons.png') 0px -1010px;background-repeat:no-repeat;height:50px;padding-left:60px;font-family:calibri;line-height:50px;color:#1397D6;}

.logo_img13 { background:url('../images/all-bigTitleIcons1.jpg') -170px 0px;background-repeat:no-repeat;height:150px;width:80px;padding-left:60px;}
.logo_img14 { background:url('../images/all-bigTitleIcons1.jpg') 0px 0px;background-repeat:no-repeat;height:150px;width:80px;padding-left:60px;}
.logo_img15 { background:url('../images/database_previous.png') 30px 0px;background-repeat:no-repeat;height:150px;width:80px;padding-left:60px;}
.logo_img16 { background:url('../images/all-bigTitleIcons1.jpg') -320px 0px;background-repeat:no-repeat;height:150px;width:80px;padding-left:60px;}
.logo_img17 { background:url('../images/user_edit.png') 15px 0px;background-repeat:no-repeat;height:150px;width:80px;padding-left:60px;}

.name_title {font-family:Calibri;font-weight:bold;color:#129FDB;text-align:left;font-size:14pt;line-height: 50px;  }
.name_title2 {font-family:Georgia;font-weight:bold;color:#424242;text-align:left;font-size:16pt;line-height: 46px;border-bottom:1px dotted #dddddd;  }
.fld {margin-top:25px;background:#fff;border-radius:3px;border:0px; }

.lgnd {background:#fff;border-radius:5px;padding:10px 20px; }

.fld_main {margin-top:0px;background:#F9F9F9;border-radius:3px;border:1px solid #e9e9e9; }

.fld_main1 {margin-top:0px;background:#Fff;border-radius:3px;border:1px solid #e9e9e9; }

.fld_main2 {margin-top:0px;background:url('../images/login_bg2.png') 0px 0px;border-radius:3px;border:1px solid #e9e9e9; }

input {font-family:calibri;font-size:11pt;color:#424242;padding:3px 5px 3px 5px;border:1px solid #dddddd;
        border-radius:3px;width:auto;}

input:focus{box-shadow:0px 0px 10px #209DFC;outline:1px solid #DDEEFB;}
select:focus{box-shadow:0px 0px 10px #99CBF1;outline:1px solid #DDEEFB;}
textarea:focus{box-shadow:0px 0px 10px #209DFC;outline:1px solid #DDEEFB;}

select {font-family:calibri;font-size:11pt;color:#424242;padding:3px 5px 3px 5px;border:1px solid #dddddd;
        border-radius:3px;}

.join14 {text-decoration:none;background:url('../images/menu_t.png') 0px -2px;border-radius:5px;padding:5px 20px 5px 20px;color:#000;font-family:calibri;font-size:11pt;border:1px solid #b0b0b0;margin:0px 5px 0px 5px;text-shadow:0px 2px 0px #ffffff;}
.join14 a:link{color:#000000;text-decoration:none;}
.join14 a:visited{color:#000000;text-decoration:none;}
.join14:hover{text-decoration:none;box-shadow:-1px 1px 10px #209DFC;}
.join14:active{color:red;text-decoration:none;box-shadow:0px 0px 0px #888888;}


.join15 {background:url('../images/menu_t.png') 0px -2px;border-radius:5px;padding:2px 20px 2px 20px;color:#000;font-family:calibri;font-size:11pt;border:1px solid #b0b0b0;margin:0px 5px 0px 5px;text-shadow:0px 2px 0px #ffffff;display:block;}
.join15 a:link{color:#000000;text-decoration:none;}
.join15 a:visited{color:#000000;text-decoration:none;}
.join15:hover{text-decoration:none;box-shadow:-1px 1px 10px #209DFC;}
.join15:active{color:red;text-decoration:none;box-shadow:0px 0px 0px #888888;}

.join15a {width:350px;text-decoration:none;background:url('../images/big_bg.png') 0px -2px;border-radius:5px;padding:15px 50px 15px 50px;color:#ffffff;font-family:calibri;font-size:16pt;border:1px solid #b0b0b0;margin:0px 5px 0px 5px;}
.join15a a:link{color:#ffffff;text-decoration:none;}
.join15a a:visited{color:#000000;text-decoration:none;}
.join15a:active{color:#ffffff;text-decoration:none;box-shadow:0px 0px 0px #888888;}

.bg {background:#ffffff;border-radius:5px;border:1px solid #dddddd;padding:20px; } 

.lgnd_rep {
font-family:candara;font-weight:bold;font-size:11pt;color:#129FDB;background:#f9f9f9;border:1px solid #d3d3d3;
border-radius:5px;padding:3px 10px;
}

.promote {BACKGROUND:#1E5BB1;color:#ffffff;padding:10px;border:1px solid #ccc;font-family:calibri;font-size:11pt; }
.promote1 {color:#424242;padding:10px;border:1px solid #ccc;font-family:calibri;font-size:11pt; }

#scroll {min-height:402px;min-width:490px;max-width:490px;max-height:402px;overflow:scroll;margin:0px; }
#scroll1 {min-height:402px;min-width:490px;max-width:500px;max-height:402px;overflow:scroll;margin:0px; }

#scroll2 {min-height:370px;min-width:490px;max-width:100%;max-height:370px;overflow-y:scroll;margin:0px; }

.top_p { padding-top:40px;}

.top_p1 { border-bottom:1px dotted #424242;}

.name_title1 {font-family:Georgia;color:#129FDB;text-align:left;font-size:16pt;line-height: 46px;  }
.name_title1 a:link {font-family:Georgia;color:#129FDB;text-align:left;font-size:16pt;line-height: 46px; text-decoration:none; }
.name_title1 a:visited {font-family:Georgia;color:#129FDB;text-align:left;font-size:16pt;line-height: 46px;  }
.name_title1 a:hover {font-family:Georgia;color:#129FDB;text-align:left;font-size:16pt;line-height: 46px;text-decoration:underline;  }

.name_title2 {font-family:Georgia;font-weight:bold;color:#424242;text-align:left;font-size:16pt;line-height: 46px;border-bottom:1px dotted #dddddd;  }

.name_title3 {font-family:Georgia;color:#129FDB;text-align:left;font-size:12pt;line-height: 46px;  }
.name_title3 a:link {text-decoration:none;color:#129FDB; }
.name_title3 a:visited {text-decoration:none;color:#129FDB;  }
.name_title3 a:hover {color:#129FDB;text-decoration:underline;  }


.small_title { line-height:20px;font-family:calibri;font-size:9pt;position:absolute;margin-top:-10px;color:#848484;}
.small_title a:link{ line-height:20px;font-family:calibri;font-size:9pt;position:absolute;margin-top:-10px;color:#848484;text-decoration:none; }
.small_title a:visited{ line-height:20px;font-family:calibri;font-size:9pt;position:absolute;margin-top:-10px;color:#848484;}
.small_title a:hover{ line-height:20px;font-family:calibri;font-size:9pt;position:absolute;margin-top:-10px;color:#848484;text-decoration:underline; }

.title_n {font-family:calibri;color:#fff;font-size:13pt;margin:0px 0px 0px 60px; }
.red {color:red; }

.fld_emp {background:#fff;border:1px solid #12B7EA; }
.lgnd_emp {background:#12B7EA;color:#fff;font-family:calibri;font-size:11pt;padding:2px 10px 2px 10px; }

.img_emp {
border:1px solid #d9d9d9;padding:5px 5px 13px 5px;background:#fff url('../../images/user_search.png') 5px 5px;background-repeat:no-repeat;
width:120px;height:140px;
}

#btn_on {background:url('../crm/switch.png') 0px 0px; background-repeat:none;line-height:28pt;width:80pt;margin:2px 2px 0px 2px; }

#btn_off {background:url('../crm/switch.png') 104px 0px; background-repeat:none;line-height:28pt;width:80pt;margin:2px 2px 0px 2px; }

.suspnd {float:right;background:yellow;color:#000;padding:5px 10px;font-family:calibri;font-size:11pt; }

.second {color:#4EA109;font-family:calibri;font-size:11pt; }
.minutes {color:#B14924; font-family:calibri;font-size:11pt;}
.hours {color:#0669AC; font-family:calibri;font-size:11pt;}

#option {background:#fff;border:1px solid #e7e7e7; }
.l_option {min-width:100px;text-align:center;font-family:Lucida Sans Unicode;font-size:10pt;border:1px solid #e7e7e7; }
.l_option a:link{text-decoration:none;display:block;padding:15px 20px;}
.l_option:hover { animation:mydasb 5s;-webkit-animation:mydasb 5s;}



@keyframes mylink
{
0%   {color:red;}
25%  {color:#37A5FA;}
50%  {color:#424242;}
100% {color:green;}
}

@-webkit-keyframes mylink /* Safari and Chrome */
{
0%   {color:red;}
25%  {color:#37A5FA;}
50%  {color:#424242;}
100% {color:green;}

}

#cl_option {border:1px solid #e7e7e7;margin:2px; }
#cl_option th{text-align:left;font-family:calibri;font-size:11pt;color:#129FDB;background:url('../images/menu_t.png') 0px 0px;padding:5px 10px;
border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.cl_option {font-family:Lucida Sans Unicode;font-size:10pt;color:#424242;padding:1px 10px;
            border-bottom:1px solid #e7e7e7;line-height:30px; 
			  }
.no_data {
text-align:center;
font-family:calibri;font-size:11pt;
color:#ff0000;
font-style:italic;font-weight:bold;
padding:10px 10px;
}

.option{margin:2px; }

.sms {font-family:calibri;font-weight:bold;color:#129FDB;
      background:url('../images/dot1.png') 10px 6px no-repeat;padding:5px 35px;
	  font-size:12pt;
	  border-bottom:1px solid #129fdb;}

.img_ch {float:right;display:inline; }

.pass_hide {display:block; }
.pass_hide:hover {display:none; }

.supo {font-family:candara;color:#ffffff;font-weight:bold;font-size:10pt; }
.supo a:link{color:#ffffff; }
.supo a:visited{color:#ffffff; }
.supo a:hover{ animation:mysuport 5s;-webkit-animation:mysuport 5s; }


@keyframes mysuport
{
0%   {color:#F1DF33;}
25%  {color:#FF962B;}
50%  {color:#ffffff;}
100% {color:#000;}
}

@-webkit-keyframes mysuport /* Safari and Chrome */
{
0%   {color:#F1DF33;}
25%  {color:#FF962B;}
50%  {color:#ffffff;}
100% {color:#000;}

}

.join16 {background:url('../images/supo.jpg') 0px -2px;border-radius:5px;padding:5px 10px;color:#000;font-family:calibri;font-size:11pt;border:1px solid #b0b0b0;margin:3px 5px 0px 15px;text-shadow:0px 2px 0px #ffffff;display:block;}
.join16 a:link{color:#000000;text-decoration:none;}
.join16 a:visited{color:#000000;text-decoration:none;}
.join16:hover{text-decoration:none;}
.join16:active{color:red;text-decoration:none;box-shadow:0px 0px 0px #888888;}

.ver_head {font-family:calibri;font-size:15pt;color:#E77A1A;font-weight:bold; }
.ver_inf {font-family:calibri;font-size:13pt;color:#424242;padding-top:20px; }
.ver_dat {font-family:calibri;font-size:11pt;color:#424242;padding-top:5px; }
.ver_copy {font-family:calibri;font-size:10pt;color:#00A5E2;padding-top:20px; }
.var_high {color:#00a5e2; }

.dash_img {
width:110px;height:135px;margin:0px 20px 0px 0px;padding:10px;
border:5px solid #eee;box-shadow:0px 0px 1px #424242;
}

.dash_name {
width:119px;margin:0px 20px 0px 0px;padding:5px;
border:5px solid #eee;box-shadow:0px 0px 1px #424242;
}

.emp_name {font-family:candara;font-weight:bold;font-size:10pt;color:#099BFE;position:absolute;
           padding:1px 0px;width:207px;
		}



.bill {background:#fff;border-bottom:1px solid #ccc;width:100%; }
.bill td{border-bottom:1px solid #eee; }
.bill th{text-align:left;font-family:calibri;font-size:11pt;background:#E3EAF3;color:#6E8BA8;font-weight:normal;padding:8px 10px;
border-bottom:2px solid #CEDCEA;border-top:1px solid #E3EAF3;border-left:1px solid #E3EAF3;border-right:1px solid #C0D0E4;text-transform:uppercase;}

.item {font-family:calibri;color:#424242;font-size:11pt;padding:5px 10px;border-right:1px dotted #CEDCEA;}

.billr {background:#fff;border-bottom:1px solid #ccc;width:100%;font-size:10pt; }
.billr td{border-bottom:1px solid #eee;text-align:center; }
.billr th{text-align:left;font-family:calibri;background:#E3EAF3;color:#6E8BA8;font-weight:normal;padding:5px 5px;
border-bottom:2px solid #CEDCEA;border-top:1px solid #E3EAF3;border-left:1px solid #E3EAF3;border-right:1px solid #C0D0E4;text-transform:uppercase;}


.itemr {font-family:calibri;color:#424242;padding:6px 2px;border-right:1px solid #CEDCEA;vertical-align: middle;}


.billr1 {background:#fff;border:1px solid #5E5D5D;width:100%;font-size:10pt;border-collapse:collapse; }
.billr1 td{border:1px solid #5E5D5D;text-align:center; }
.billr1 th{text-align:left;font-family:calibri;background:#E3EAF3;color:#6E8BA8;font-weight:normal;padding:5px 5px;
border-bottom:2px solid #5E5D5D;border-top:1px solid #5E5D5D;border-left:1px solid #5E5D5D;border-right:1px solid #5E5D5D;text-transform:uppercase;}

.itemr1 {font-family:calibri;color:#424242;padding:6px 2px;vertical-align: middle;}
.black {color:#424242;font-weight:bold; }

#tag {margin:10px 20px;
font-family:calibri;font-size:11pt;font-weight:bold;
padding:5px 20px;}

.cap {margin:5px;border:1px solid #cedcea;padding:5px; }


#ff  {margin:0px 50px 0px 0px;background:yellow;padding:0px 10px;}


.scl_name {
font-family:calibri;font-weight:bold;font-size:50pt;
color:rgba(240, 18, 18, 0.3);
position:absolute;
margin:100px 0px;
text-align:center;
width:100%;

transform:rotate(-14deg);
-ms-transform:rotate(-14deg); /* IE 9 */
-webkit-transform:rotate(-14deg); /* Opera, Chrome, and Safari */

}

#example td {
font-family:calibri;font-size:11pt;padding:2px 5px;
border-right:1px dotted #e9e9e9;
}
