/* Generic Accordion Style*/
.ui-tabs {padding: .2em;}
.ui-tabs-nav { padding:0;  position: relative;}
.ui-tabs-nav ul{ list-style-type:none; background-image:none;}
.ui-tabs-nav li { float:left; margin:0 5px 0 0; }
.ui-tabs-nav li a { display:block; text-decoration: none; padding:0; padding:7px 5px 7px 5px;}
.ui-tabs-nav li.ui-tabs-selected {}
.ui-tabs-nav li.ui-tabs-selected a {color:#000; padding:7px 5px 7px 5px;}
.ui-tabs-panel {display: block; clear:both; }
.ui-tabs-hide {display: none !important; }


/* Main Content Tabs Style - append the classes from the generic styling to customise see example below*/



/*page with 4 tabs*/

#mainContent-tabs {width:438px; min-height:150px; height:auto!important; height:150px; float:left; margin-top:10px;}
#mainContent-tabs p {margin:0; padding:0;}
#mainContent-tabs ul {margin:0; padding:0; width:438px;}
#mainContent-tabs.ui-tabs-nav {width:438px;}

#mainContent-tabs.ui-tabs-nav li a {background:#9da1ac; display:block;  padding:6px 6px 0 6px; font-weight:bold; color:#fff; text-decoration:none!important; width:91px; height:37px;}
#mainContent-tabs.ui-tabs-nav li a:hover {background:#c4c7cd; color:#fff; text-decoration:none!important;}
#mainContent-tabs.ui-tabs-nav li span{padding-bottom:8px; display:block; width:auto;}
#mainContent-tabs.ui-tabs-nav li.ui-tabs-selected {border-bottom: 0; background:c4c7cd; color:#fff;}
#mainContent-tabs.ui-tabs-nav li.ui-tabs-selected a {color:#fff; background:#c4c7cd;}
#mainContent-tabs .ui-tabs-panel {}
#mainContent-tabs div {margin:0; padding:0 5px 26px 5px; background:#c4c7cd; clear:both;}
#mainContent-tabs div div {width:226px; margin:0; padding:5px 0 0 0; clear:none;}
#mainContent-tabs div div p {margin:5px 0 5px 0; padding:0; }
#mainContent-tabs div a {margin:0; padding:0;}
#mainContent-tabs div img {float:right; width:auto; margin-top:5px;}


/*page with 3 tabs*/
#mainContent-3-tabs {width:438px; min-height:150px; height:auto!important; height:150px; float:left; margin-top:36px;}
#mainContent-3-tabs p {margin:0; padding:0;}
#mainContent-3-tabs ul {margin:0; padding:0; width:438px;}
#mainContent-3-tabs.ui-tabs-nav {width:438px;}

#mainContent-3-tabs.ui-tabs-nav li a {background:#9da1ac; display:block;  padding:6px 10px 0 6px; font-weight:bold; color:#fff; text-decoration:none!important; width:103px; height:37px;}
#mainContent-3-tabs.ui-tabs-nav li a:hover {background:#c4c7cd; color:#fff; text-decoration:none!important;}
#mainContent-3-tabs.ui-tabs-nav li span{padding-bottom:8px; display:block; width:auto;}
#mainContent-3-tabs.ui-tabs-nav li.ui-tabs-selected {border-bottom: 0; background:c4c7cd; color:#fff;}
#mainContent-3-tabs.ui-tabs-nav li.ui-tabs-selected a {color:#fff; background:#c4c7cd;}
#mainContent-3-tabs .ui-tabs-panel {}
#mainContent-3-tabs div {margin:0; padding:0 5px 26px 5px; background:#c4c7cd; clear:both; min-height:74px; height:auto!important; height:74px;}
#mainContent-3-tabs div div {width:226px; margin:0; padding:5px 0 0 0; clear:none;}
#mainContent-3-tabs div div p {margin:5px 0 5px 0; padding:0; }
#mainContent-3-tabs div a {margin:0; padding:0;}
/*#mainContent-3-tabs div p a {margin:0; padding:5px 0 0 0; display:inline-block;}*/
#mainContent-3-tabs div img {float:right; width:auto; margin-top:5px;}