/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

/*Common Tab Styles
----------------------------------*/
.ui-tabs-hide {display: none !important;}
.ui-tabs-nav {padding: 0 !important;}
.ui-tabs-nav li {list-style-image:none; padding: 0 !important;}
.ui-tabs-panel {display: block; border: 0; background: none;}

/*----------------------------------*/


/* Lower Section
----------------------------------*/
div.lower-box {border: 1px solid #1f3d51; border-top:0px; float: left;position:relative; width: 450px;}



/* Persona Tab Interaction states
----------------------------------*/
div.persona-box ul .ui-state-default {outline: none; vertical-align: middle;}
div.persona-box ul .ui-state-default a {background:url('../img/tab/tab_bg.gif') repeat-x;font-weight:normal;width:89px;padding:8px 0px 0px;}
div.persona-box ul .ui-state-active a, div.persona-box .ui-state-default a, div.persona-box .ui-state-hover a{background:url('../img/tab/tab_bg_1.gif') repeat-x;text-decoration:none;outline:none;border-right:solid 1px #233f54;color:#8ebbd6;font:bold 11px arial;text-align:center;width:89px;padding:8px 0px 0px;}

/* Persona Tabs
----------------------------------*/
div.persona-box .ui-tabs-panel {float:left;background:#0f1a22;width:450px;}
div.persona-box ul.ui-tabs-nav {height: 41px; width:450px;}
div.persona-box ul.ui-tabs-nav li {display: block; float: left; height:41px; margin: 0;}
div.persona-box ul.ui-tabs-nav li a {display: block; height:33px;}
.tab_content{float:left;width:414px;padding:15px;background-image:url('../img/tab/arrow.gif');background-repeat:no-repeat;overflow:hidden;}
.tab_content p{padding:0px;}
.tab_1{background-position:35px 0px;margin-top:-1px;}
.tab_2{background-position:130px 0px;margin-top:-1px;}
.tab_3{background-position:220px 0px;margin-top:-1px;}
.tab_4{background-position:310px 0px;margin-top:-1px;}
.tab_5{background-position:400px 0px;margin-top:-1px;}