/* Tabs
----------------------------------*/
.ui-tabs {padding: 0em; height: 310px; width: 490px;float: left; }


/* add the list definition here for the whole ui-tabs div so that we avoid the initial flashing of the bullets*/
.ui-tabs li { float: left; border-bottom: 0 !important; margin: 0 .5em -1px 0; padding: 0; list-style: none; text-align: center; width: 100px; height: 16px; background:transparent url(../../images/tab-bg-grey.gif) no-repeat scroll; }


.ui-tabs .ui-tabs-nav { padding: .2em .2em 0 35px;  position: relative; border-top: 0; border-left: 0; border-right: 0; background: url(../../images/top-bg.gif) repeat-x scroll bottom left;}

.ui-tabs .ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .5em -1px 0; padding: 0; list-style: none; text-align: center; width: 100px; height: 16px; background:transparent url(../../images/tab-bg-grey.gif) no-repeat scroll; }

.ui-tabs .ui-tabs-nav li a { font-size: 11px;  color: #333333; display:block; text-decoration: none; padding: 2px 1em; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  padding-bottom: .1em; border-bottom: 0; background:transparent url(../../images/tab-bg.gif) no-repeat scroll;}

.ui-tabs .ui-tabs-panel { padding: 1em .5em;  display: block; border: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.leftshad { position: relative; width: 14px; height: 320px; float: left; background:transparent url(../../images/shd-l.gif) no-repeat scroll 0px 10px;}
.rightshad { position: relative; width: 14px; height: 320px; float: right; background:transparent url(../../images/shd-r.gif) no-repeat scroll 0px 10px;}