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

/* Css for content tabs */
.ui-tabs .ui-tabs-hide { display: none !important; }/* Caution! Ensure accessibility in print and other media types... */	
.ui-tabs-nav { list-style: none;  margin: 0; padding: 0 0 0 3px; font-family:Arial, Helvetica, sans-serif;}/* Skin */	
/* clearing without presentational markup, IE gets extra treatment */
.ui-tabs-nav:after {display: block; clear: both; content: " "; }
.ui-tabs-nav li {margin:0 0 0 .5em; float: left;  font-weight: bold; list-style:none;}
.showtab {margin:0 0 0 .5em; float: left;  font-weight: bold; list-style:none;}
/* fixes dir=ltr problem and other quirks IE */
.ui-tabs-nav a, .ui-tabs-nav a span {float: left; padding: 0 7px 0 5px; background: url(../images/tab4article.gif) no-repeat;}
/* position: relative makes opacity fail for disabled tab in IE */
.ui-tabs-nav a { margin: 5px 0 0;  padding-left: 0; background-position: 100% 0; text-decoration: none; white-space: nowrap; /* @ IE 6 */outline: 0; /* @ Firefox, prevent dotted border after click */ }
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {color: #FFF; font-weight:bold;} 
.ui-tabs-nav .ui-tabs-selected a { position: relative; top: 5px; z-index: 2; margin-top: 0; background-position: 100% -28px;}
.ui-tabs-nav a span { padding-top: 0px; padding-right: 0;height: 28px; background-position: 0 0; line-height:28px;} 
.ui-tabs-nav .ui-tabs-selected a span { padding-top: 1px; height: 28px; background-position: 0 -28px; line-height:28px; color:#000;}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { cursor: text;/* @ Opera, use pseudo classes otherwise it confuses cursor... */}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { cursor: pointer;}/* @ Opera, we need to be explicit again here now... */
.ui-tabs-disabled {opacity: .4;filter: alpha(opacity=40);}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { color: #000;}
.ui-tabs-panel { border: 1px solid #42b4ff; padding: 10px; background: #fff; min-height:50px; width:550px; display:block;} /* declare background color for container to avoid distorted fonts in IE while fading */  
.ui-tabs-nav {display: inline-block;}/* auto clear @ IE 6 & IE 7 Quirks Mode */
 
/* tab content style*/
.tabhead { font-size:14px; color:#42b4ff; font-weight:bold; text-align:left; width:520px; margin:auto; font-family:Arial, Helvetica, sans-serif;}
.form_panel {font-size:12px; color:#666666; width:520px; clear:both; font-family:Arial, Helvetica, sans-serif;}
.form_field { width:520px; clear:both;}
.shim3 {height:3px; font-size:10px;}.shim10 {height:10px; font-size:10px;}

.form_name{ font-size:11px; text-align:left; width: 100px;}
.form_input{ height:12px;text-align:left;}
.form_input input{ height:12px;text-align:left;}
.fl {float:left;}
.fr {float:right;}
.cb{clear:both;}
.red{color:#FF0000; padding-left:2px;}
.error{color:#FF0000; padding-left:5px; font-size:10px; font-weight:none;  }

/* for templete styles  Jayalal 15/12/2009 */

.left_bpanel
{width:180px; height:26px; background: #3399FF url(../../avol/image/ac.gif) no-repeat; display:block; padding:10px 0px 0px 0px;position:relative; text-align:center; }
.bd{font-weight:bold; color:#000000;}
.bred{border: 1px solid red;}
.w{color:#FFFFFF}
.padl5{ padding-left:5px;}
.padt5{padding-top:5px;}
.pad5{padding:5px;}
.bblue{border: 1px solid #0099FF;}
.al{text-align:left;}
.ac{text-align:center}
.ar {text-align:right}
.aj{text-align:justify}
.padr3{padding-right:3px;}
.container{width:1000px; margin:auto;}