body{ margin:0; padding:0;  background-color:#EEEEEE;
   font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#605f5f;}
#container{ width:100%; height:100%;  }
#master-header{ width:100%; height:40px; /*background: url(Images/admin-header-bgBrown.png) repeat-x;*/ background-repeat:repeat-x !important; top: 0; padding:0 13px; z-index:1; position:fixed;}
#headerTopRight{ float:right; margin-right: 50px; width: 8%; font-size:13px; height:29px; 
                 color:#fff; text-align:right; padding-top:10px;}
#logo{ float:left; width:20%;  color:#fff; height:39px; margin-left:2%;}
#sdhcButton{ float:right; color:#fff; margin-top: -8px; width:50px;}
.pageTitle{ font-size: 16px; font-weight:bold; padding: 10px 0 0 15px; text-align:left;}
.queuesTitle{ color:#222; font-weight:bold; font-size:14px; line-height:24px;}
#inner_container{ width:100%; height:auto; margin-top:41px; padding:0; margin-right:auto; margin-left:auto; }
#rightContainer{ width:97.5%; /*min-height:500px;*/ height:auto; background-color:#efeeee; margin-left:3%;  }
#rightContainerPopUp{ width:96%; min-height:800px; height:auto; background-color:#efeeee; margin-left:14px; color:#fff !important;  }
#footer { float: left; width: 100%; height:14px; line-height:6px; color: #fff; font-size: 11px; font-weight:bold; padding: 10px 0 0 20px; clear:both; bottom:0; 
          /*background: url(Images/admin-header-bgBrown.png) repeat-x;*/ position:fixed; text-align:center;
          }
          /************Grid and Table Style**************************/
.tablestyle{ font-family: arial; font-size: 14px; border: 1px solid #808080; text-align:center; background-color: #FFFFFF;
			 margin-left: 0px; color: #245D75; width: 100%;  line-height:17px;
}
.tablestyle td a { color: #D16400; font-weight: bold; text-decoration: none; }
.altrowstyle { background-color: #F4FAFF; }
.headerstyle th { padding: 5px 5px 5px 5px; /*background: url(Images/admin-header-bgBrown.png) repeat-x 50%;*/ text-align: center;  border-radius: 8px;
				  vertical-align: middle; font-weight: bold; border: solid 1px #676767;
}
.headerstyle th a { font-weight: bold; text-decoration: none; text-align: center; color: #fff;
					display: block; padding-right: 10px;
}
.rowstyle td, .altrowstyle td { padding: 4px 3px 4px 3px; border-right: solid 1px #A0C0E7; border-right-color: #808080; }
.PagerStyle { height: 28px; /*background: url(Images/admin-header-bgBrown.png) repeat-x 50%;*/ vertical-align: middle; }
.bottomHeight{ margin-bottom:10px;}
/************Grid and Table Style End**************************/

.legendColor2{ float:right left; width:97%; bottom:20px; position:fixed; height:30px; background-color:#676767; color: #fff; font-size:14px; padding-bottom:10px;}

.legendColor{ float:right left; width:97%; bottom:14px; position:fixed; height:45px; background-color:#222; color: #fff; font-size:14px; padding-bottom:7px;}


.legendColor3{ float:right left; width:97%; bottom:20px; position:fixed; height:20px; background-color:#222; color: #fff; font-size:14px; padding-bottom:7px;}

label[for="example"] {
    color: #5c5c5c;
}


.progressbar
{
    width: 29px;
    height: 29px;


    vertical-align:top ;
}
.progressbar2
{
    width: 29px;
    height: 29px;


    vertical-align:bottom ;
}

p{margin:0px;padding:0px;}

/*img{float:left; border:0;}*/

.flt{float:left;}

.fltr{float:right;}

.dis{display:inline;}

.main_bg	
	{width:945px; background:url(../images/main_bg.jpg) repeat-y; padding-left:55px;}
	
.hd_color
	{width:890px; background-color:#B8E0FA;}
	
.menu_bg{width:59px; height:18px; background:url(../images/menu_bg.gif) no-repeat; margin:40px 0px 0px 21px;
		  padding:5px 0px 0px 8px; font-weight:bold; color:#FFF; text-decoration:none;}
		  
.search{color:#264F76; font-weight:bold; margin:20px 0px 0px 373px;}

.tbox1{width:163px; height:14px; border:1px solid #404040; margin:19px 0px 0px 4px;}

.hp_go{margin:19px 0px 0px 5px;}

.hd_bg1,.hd_bg2{width:890px; height:110px; background:url(../images/hp_bg1.jpg) no-repeat left;}

.hd_bg2{background:url(../images/hp_bg2.jpg) no-repeat right;}

.logo{margin:55px 0px 0px 70px;}
#header33
{
    background-image:url(../images/header3.png);
    background-repeat:repeat;
}

/*LEFT*/

.inner_block{width:890px; float:left; background:url(../images/cp_bg1.jpg) no-repeat top; background-color:#FFF; margin-top:4px;}

.left{width:242px; background:url(../images/lp_tile.jpg) repeat-y; margin:26px 0px 0px 24px;}

.left1{width:233px; background:url(../images/lp_tile1.jpg) #1E70B0 repeat-x; margin-left:5px; padding-bottom:180px;}

.sub_head{font-weight:bold; margin:21px 0px 0px 16px; color:#FFF; width:205px; border-bottom:1px solid #2978B4; padding-bottom:7px;}

.lp_list1{width:142px;}

.lp_list1 a{color:#FEFEFE; margin:8px 0px 0px 17px; background:url(../images/lp_blt.gif) no-repeat left; padding-left:15px; float:left;}


/*CENTER*/

.center{width:624px;}

.cp_text1{font-weight:bold; margin:38px 0px 0px 0px;}

.cp_text2{color:#939A98; margin:3px 0px 0px 0px;}

.cp_blt{margin:38px 0px 0px 140px;}

.date{margin:38px 0px 0px 3px; font-weight:bold; color:#587C9B;}

.cp_bdr{width:575px; margin-left:23px; padding-bottom:15px; border-bottom:1px solid #D1CECC;}

.cp_pic1{margin:14px 31px 0px 0px;}

.cp_p1{width:347px; margin:15px 0px 0px 22px; font:11px/14px tahoma; color:#3C3C3C;}

.cp_p2{width:574px; margin:12px 0px 0px 22px; font:11px/14px tahoma; color:#3C3C3C;}

.user1{color:#1465A4; margin:12px 0px 0px 0px;}

.cp_bdr1{width:575px; margin-left:23px; padding-bottom:15px; border-bottom:1px solid #F3F3F2;}

.cp_blt2{margin:17px 0px 0px 140px;}

.cp_pic2{margin:13px 31px 0px 0px;}

.user2{color:#1465A4; margin:12px 0px 0px 23px;}

.footer{width:890px; background:url(../images/fp_tile1.jpg) #BDE2FA repeat-x; margin-top:20px;}

.copyright{margin:26px 0px 0px 600px; color:#565656; padding-bottom:25px; font-size:10px;}

/*INNER PAGE*/

.in_bdr{width:575px; margin-left:23px; padding-bottom:15px; border-bottom:2px solid #D1CECC;}

.in_p1{width:575px; margin:15px 0px 0px 23px; color:#3C3C3C; font:11px/14px tahoma;}

.in_bdr1{width:575px; border-top:1px solid #F3F3F2; border-bottom:2px solid #D1CECC; margin:15px 0px 0px 22px; padding-bottom:10px;}

.in_text1{font-weight:bold; margin:15px 0px 0px 0px;}

.in_text2{color:#939A98; margin:3px 0px 0px 0px;}

.in_blt{margin:15px 0px 0px 140px;}

.in_blt1{margin:15px 0px 0px 220px;}

.in_blt2{margin:15px 0px 0px 160px;}

.in_date{margin:15px 0px 0px 3px; font-weight:bold; color:#587C9B;}

.in_pic1{margin:10px 0px 0px 22px;}

.in_p2{width:352px; margin:13px 0px 0px 23px; color:#3C3C3C; font:11px/14px tahoma;}

.in_user2{color:#1465A4; margin:10px 0px 0px 0px;}
/*Panel-container*/
#panel-container
{
    background-color:#247CBC;
    
}
/*Left Panel*/

.lftpanel
{
  
    width: 268px;
    margin:0px 0px 0px 0px;
    float:left;
   /* border-radius: 1em 0em 0em 1em;*/

    height:515px;
    font-size:medium;
    color: White;
    
    
    
}
.playerdiv 
{
height:452.267px;
overflow:hidden;
}
.lftpanel a {color: White;}      /* unvisited link */
.lftpanel a:visited {color: White;}  /* visited link */
.lftpanel a:hover {color: Black;}  /* mouse over link */
.lftpanel a:active {color: White;}  /* selected link */

.dragable
{
    cursor:move;
}

/*Right Panel*/
.rgtpanel
{
   
    width:100%;
    margin:0px 0px 0px 0px; 
   /* float:right;*/
   float:left;
    height:100% ;
   /* border-radius: 0em 1em 1em 0em;*/
   /*border:solid 1px #ff9900;*/
     margin-top:15px;   
    
}
.playerrgtpanel
{
   
    width:100%;
    margin:0px 0px 0px 0px; 
   /* float:right;*/
   float:left;
    height:115px;
   /* border-radius: 0em 1em 1em 0em;*/
   border:0 solid #FF9900;
     margin-top:20px;   
    
}
.txtQty
{
	
	
}
#filterdiv
{
    
    height:75px;
    width:100%;
    border-bottom:1px solid grey;
    
    
}
#filterdiv1
{
    height:25px;
    width:100%;
    border-bottom:1px solid grey;
    
}
.btn
{
    width:115px;
    height:20px;
    background-color:LightBlue;
    cursor: pointer;
    border-radius: 1em 1em 1em 1em;
}
.filtertable
{
    width:415px;
    height:50px;
    margin:10px 10px 0;
    
}
#btndiv
{
    border-bottom:1px solid grey;
    
}
#recolheader
{
    border:1px solid grey;
    width:100%;
    height:50px;
    
}
/* Menu Bar */
/* Navigation menu styles */
#menu-container
{background:url(../images/dark_bg.gif) repeat-x #eeeeee;
 height:28px;
}
#menu-container ul{
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:-30px;
	
}

#menu-container ul li{
	border:1px solid #444444;
	display:inline-block;
	float:left;
	height:25px;
	list-style-type:none;
	overflow:hidden;

}

#menu-container ul li a,#menu-container  ul li a:hover, 
#menu-container ul li a:visited{
	text-decoration:none;
}

#menu-container .normalMenu,#menu-container  .normalMenu:visited,
#menu-container .hoverMenu,#menu-container  .hoverMenu:visited,
#menu-container .selectedMenu,#menu-container .selectedMenu:visited {
	outline:none;
	padding:5px 10px;
	display:block;
}

#menu-container .hoverMenu,#menu-container .hoverMenu:visited,
#menu-container .selectedMenu,#menu-container .selectedMenu:visited {
	margin-top:-25px;
	background:url(../images/grey_bg.gif) repeat-x #eeeeee;
	color:#444444;
}

#menu-container .selectedMenu,#menu-container .selectedMenu:visited {
	margin:0;
}

#menu-container .normalMenu,#menu-container  .normalMenu:visited{
	color:white;
	background:url(../images/dark_bg.gif) repeat-x #444444;
}
#menu-container
{
    width:100%;
}
		  
/*------------------------------------------------ Profile Panel ----------------------------------------------------->*/
.centrepanel
{
    border:1px solid blue;
    width:100%;
    margin:0px 0px 0px 0px; 
    float:left;
    height:515px;
    border-radius: 1em 1em 1em 1em;
    background-color:#247CBC; 
}
.txtboxwidth
{
    width:90%;
}

.drpdwnwidth
{
    width:93%
}

.linkStyle 
{
    font-size:medium;
   
}
.linkStyle a {color: White;}      /* unvisited link */
.linkStyle a:visited {color: White;}  /* visited link */
.linkStyle a:hover {color: Black;}  /* mouse over link */
.linkStyle a:active {color: White;}  /* selected link */

.txtboxSize
{
	width:40%;
	}
	
.txtTDLabelWidth
{
	width:13%;
	}
	
.txtboxSizeShowAgentCallStats
{
	width:31%;
	
	}
	
.txtboxSizeRecordingList
{
	width:70px;
	
}
.txtboxSizeHoldDate
{
	width:41%;
	}
	
	.txtboxSizeHoldTime
{
	width:21%;
	}
.txtboxSizeCallCenter
{
	width:41%;
	}
	.txtboxtimeSizeCallCenter
{
	width:29%;
	}
	
	.txtboxSizeHoldTimePM
	{
		width:30%;
		
	}
		.txtboxtimeS
{
	width:30%;
	}
	.container
{
 
  height:100%;
  background-color:#eee;
}

	/****************Left Side Menu****************************************************/
ul.vt_fancymenu li a,
ul.vt_fancymenu li a:link,
ul.vt_fancymenu li a:visited{color:#fff;display:block; font-size:10px; height:100%;  text-align:right; 
                             font-weight:bold; text-decoration:none;
}
ul.vt_fancymenu li a:hover,
ul.vt_fancymenu li ul li a:hover,
ul.vt_fancymenu li.active a,
ul.vt_fancymenu li li.vtemfancyhover a span,
ul.vt_fancymenu li li.vtemfancyhover li a:hover span{/*color:#FF9900 !important;*/}
ul.vt_fancymenu li li a,
ul.vt_fancymenu li li a:link,
ul.vt_fancymenu li li a:visited, 
ul.vt_fancymenu li li.vtemfancyhover ul li a span{color: #fff !important; font-size: 14px; text-align:left; 
                                                  font-weight:normal;padding:0; height:30px; line-height:30px;
}
ul.vt_fancymenu li li.parent{background:url(http://vtem.net/vtem_ex/modules/mod_vtem_fancymenu/assets/images/arrow.gif) 98% 10px no-repeat;}
ul.vt_fancymenu li li.vtemfancyhover{
	background:url(http://vtem.net/vtem_ex/modules/mod_vtem_fancymenu/assets/images/arrow1.gif) 98% 10px no-repeat !important;
}
/*/////////////////////////////////////////////////////////////*/
ul.vt_fancymenu{margin:0px; padding:0 1px 0 0; list-style:none; position:fixed; top:0; 
                height:100%; width:2.9%; z-index:999999;  left:0px; 
                background:#222222 url(http://vtem.net/vtem_ex/modules/mod_vtem_fancymenu/assets/images/line1.png) top right repeat-y;
}
.vt_fancymenu li.level0{background-color:#222222; }
ul.vt_fancymenu > li {width:28px; min-height:30px; margin:0; 
                      background-image:url(http://vtem.net/vtem_ex/modules/mod_vtem_fancymenu/assets/images/line.png); 
                      background-position:left bottom; background-repeat:repeat-x; padding:5px 0;
}
ul.vt_fancymenu ul li {padding:0; margin:0;border-bottom:dotted 1px #888;}
ul.vt_fancymenu li:hover ul {display:block;}
ul.vt_fancymenu li ul {position:absolute; top:4.6%; left:-180px;  z-index:-1; width:232px; display:none; 
                       /*background: none repeat scroll 0 0 #0078AE;*/ margin:0; list-style:none; 
}
ul.vt_fancymenu li ul.docked { display:block;z-index:-2;}
.vt_fancymenu li ul li a.dock,
.vt_fancymenu li ul li a.undock{text-align:right; color:#fff !important; font-weight:bold; padding:0px;
                    /*background:url(http://vtem.net/vtem_ex/modules/mod_vtem_fancymenu/assets/images/arrow2.png) 0 center no-repeat;*/
}
.vt_fancymenu li ul li a.dock:hover,
.vt_fancymenu li ul li a.undock:hover{/*color:#000 !important;*/}
.vt_fancymenu li ul li a.undock{display:none;}
.vt_fancymenu li ul.docked li a.undock{display:block !important;}
.vt_fancymenu li ul li.header{border-bottom:none;-moz-border-radius:3px; padding:0 5px;}
.vt_fancymenu li ul li{position:relative; display:block;}
.vt_fancymenu li ul li ul{height:auto !important; position:static; width:100%; margin:0; padding:0; 
                          /*background-color: #6EAC2C;*/
}
.vt_fancymenu li ul li ul li.header{display:none !important;}
.vt_fancymenu li ul li ul li{border-top:dotted 1px #6EAC2C;border-bottom:none;}
/*Basic reset*/
* {margin: 0; padding: 0;}
#accordianLeftMenu { background: #727374; width: 232px;	color: #fff; 
                     box-shadow:  0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 200px 1px rgba(255, 255, 255, 0.5);
}
/*heading styles*/
#accordianLeftMenu h3 {font-size: 12px; line-height: 34px; /*padding: 0 10px;*/ cursor: pointer; background: #003040; 
	/*background: linear-gradient(#003040, #002535);*/ background-color: #222;
}
/*heading hover effect*/
#accordianLeftMenu h3:hover {text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);}
/*iconfont styles*/
#accordianLeftMenu h3 span {font-size: 16px;margin-right: 10px;}
/*list items*/
#accordianLeftMenu li {list-style-type: none;}
/*links*/
#accordianLeftMenu ul ul li a {color: white;text-decoration: none;font-size: 12px;line-height: 27px;
	display: block; padding: 0 15px; /*transition for smooth hover animationtransition: all 0.15s;*/ cursor:pointer;
}
/*hover effect on links*/
#accordianLeftMenu ul ul li a:hover {background: #003545; border-left: 5px solid lightgreen; }
/*Lets hide the non active LIs by default*/
#accordianLeftMenu ul ul {display: none;}
#accordianLeftMenu li.active ul {display: block;}
.icon-srpc{ float:left; width:24px; height:24px;background: url(Images/phone_number.png) no-repeat; margin:4px 0 0 4px;}
.icon-dspc{ float:left; width:24px; height:24px;background: url(Images/order-history-icon.png) no-repeat; margin:4px 0 0 4px;}
.icon-mbpc{float:left; width:24px; height:24px;background: url(Images/maps.png) no-repeat; margin:4px 0 0 4px;}
.icon-hrpc{float:left; width:24px; height:24px;background: url(Images/user_group.png) no-repeat; margin:4px 0 0 4px;}
.icon-tcpc{float:left; width:24px; height:24px;background: url(Images/taxi.png) no-repeat; margin:4px 0 0 4px;}
.icon-mrrm{float:left; width:24px; height:24px;background: url(Images/performance_systeme_os.png) no-repeat; margin:4px 0 0 4px;}
.icon-dummy{float:left; width:36px; height:24px; margin:4px 0 0 4px;}
/****************Left Side Menu End****************************************************/
/****************DSPC Grid Class****************************************************/
.ui-jqgrid tr.jqgrow td {  height: 35px !important;}
.ui-jqgrid .ui-jqgrid-view { font-size: 12px  !important; font-family:Segoe UI   !important;}
/****************DSPC Grid Class End****************************************************/
/****************Employee Live Time Sheet****************************************************/
.TimeSheetGrid{ float:left; width:100%; max-height:500px; min-height:500px; margin-top:20px;}
.TimeSheetGridDriver{ float:left; width:100%; max-height:700px; min-height:700px; margin-top:20px;}
.bottomTimeSheetGrids{float:left; width:100%; min-height:200px; margin-top:20px; }
.notScheduleEmployee{float:left; width:30%;height:200px;}
.notScheduleEmployee{float:left; width:30%; height:200px; }
.onVacationEmployee{float:left; width:30%; height:200px; background-color:#EEE; border:solid 1px #CCC;}
.timeSheetPaginationBlock{float:left; width:97%; height:7%; position:fixed; bottom:77px;background-color:#EEE; border:solid 1px #CCC;}
.timesheetStats{ float:right; width: 95%; margin-top:20px;}
.gridItemsStyle{ overflow:scroll;} 
.WallTripsBottom{  float:left; position:fixed; bottom:15px; width:98%; left:42px; height:33px; padding-top:10px; font-size:12px; font-weight:bold;}
.TimeSheetBottom{  float:left; position:fixed; bottom:15px; width:96.5%; left:42px; height:33px; padding-top:10px; font-size:12px; font-weight:bold;}
.textAlign{ text-align:left;}
.fullwidthzeropadding{width:100% !important;padding:0;}
/*****************************Three Level Menu********************/
.menuHhhhh li{padding: 0; float: left; height: 36px; position: absolute;}
#accordianLeftMenu ul ul li.menuHhhhh ul { width:240px; position:absolute; left: 232px; border: 1px solid #DDD; border-top: 0;  background: #FFF;  
              text-align: left; list-style: none; margin: 0; padding: 0 1px 10px 0; float:right; background-color:#222; top:0;
}
.ui-jqgrid-titlebar-close {visibility:hidden}
.menuHhhhh li { float: none; white-space:nowrap; height: 26px; cursor:pointer; }
.menuHhhhh li:hover, .menuHhhhh li.onhover{background:#f7f7f7;}
.menuHhhhh ul a{padding: 0 20px; line-height: 26px;  font-size:16px; font-weight:bold; color: #fff; text-align: left;}
.menuHhhhh ul a:hover{color: red;}
li.menuHhhhh:hover ul, li.menuHhhhh:hover.onhover ul{left: -1px; top: auto; display:block !important; position:absolute ! important;}
.menuHhhhh li:hover .dropToLeft, .menuHhhhh li.onhover .dropToLeft { left: auto; right: -1px; top: auto;}
.menuHhhhh ul ul{ border-top: 1px solid #DDD;}
.menuHhhhh li:hover ul ul, .menuHhhhh li:hover ul ul ul, .menuHhhhh li:hover ul ul ul ul,
.menuHhhhh li.onhover ul ul, .menuHhhhh li.onhover ul ul ul, .menuHhhhh li.onhover ul ul ul ul{ left: -9999px;top:0; }
.menuHhhhh li li:hover ul, .menuHhhhh li li li:hover ul, .menuHhhhh li li li li:hover ul,
.menuHhhhh li li.onhover ul, .menuHhhhh li li li.onhover ul, .menuHhhhh li li li li.onhover ul
{
    left: 500px;
}	

.paginationButton a{ color: #fff !important; line-height:11px;}
#headerMarquee{ float:right; width: 43%; font-size:13px; height:29px;  color:#fff; text-align:right; padding-top:10px;} 
#headerTopRight{ float:right; margin-right: 50px; width: 9%; font-size:13px; height:29px; color:#fff; text-align:right;}
#headerTopRight span{ text-align:left;}  
#sdhcButton{ float:right; color:#fff; margin-top: 15px; width:389px; background-color:#EEEEEE; height:50px; padding-top:10px; }
.UserId{ display: inline-block;  z-index: 0; color: #fff !important; text-align:center; }
.overlay{ /*z-index:5; background: rgba(0, 0, 0, .50);*/ display: block; position:fixed; width: 100%; height: 100%; }
.popup{   z-index: 999; display: none; position: absolute; right: 3.3%; width:390px; height:auto; }
.closePopUp{width:60px; /*height:33px;*/ float: left; margin-left:10px; padding: 10px 0;}
.logoutPopUp{width:70px; /*height:33px;*/ float: right; margin-right:10px; padding: 10px 0;}
.userFullName{ height:30px; padding-top:5px; text-align:center;}
.userImage{ float:left;  width:130px; margin-top:25px; margin-left:2px; border:solid 2px #eee; padding-top:5px;}
.userEdit{color: #4297D7 !important; }
.separator{border-bottom: solid 1px #eee; margin-top: 10px; width:243px; margin-bottom:10px;  float:left;}
.popUp-userInfo{ float:left; padding-left:9px; width:244px; text-align:left; padding-top:9px;}
input[type="text"], input[type="password"]{
    border-radius: 4px 4px 4px 4px; /*color: #666666;*/ display: inline-block; font-size: 12px; height: 18px;
    line-height: 18px; /*margin-bottom: 9px;*/ padding: 4px 6px; vertical-align: middle; background-color: #FFFFFF;
    border: 1px solid #CCCCCC; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.heading
 {
    margin: 1em 0 0.5em 0;
    color: #343434;
    font-weight:bold;
    font-family: 'Ultra', sans-serif;   
    font-size: 25px;
    line-height: 42px;
    text-transform: uppercase;
    text-shadow: 0 2px white, 0 3px #777;
    text-transform: uppercase;
   background-color: steelblue;
} 

/* Download Button (Demo Only) */
.LiveStatus{
    border: 1px solid black;
    table-layout: fixed;
    width: 100%;
    height:600px;
}

.columntd {
    border: 1px solid black;
    overflow: hidden;
    width: 100px;
}
.download {
	display: block;
	position: absolute;
	float: right;
	right: 25px;
	bottom: 25px;
	padding: 5px;
	
	font-weight: bold;
	font-size: 11px;
	text-align: right;
	text-decoration: none;
	color: rgba(0,0,0,0.5);
	text-shadow: 1px 1px 0 rgba(256,256,256,0.5);
}

#divleft{ width: 100%; margin-left:10px; height:100%; max-height:100%;  overflow:hidden ;  }
#divright{width: 20%; float:left;}
.button { display: block; width: 50px; height: 10px; background: #4E9CAF; padding: 10px; text-align: center; border-radius: 5px; color: white; font-weight: bold;}


fieldset {
    font-family: sans-serif;
    border: 2px solid #1F497D;
    background: #ddd;
    border-radius: 5px;
    padding: 3px;
}

fieldset legend {
  background: #2191c0;
color: black;
padding: 2px 10px;
font-size: 11px;
border-radius: 1px;
box-shadow: 0 0 0 5px #ddd;
margin-left: -10px;
}