.ui-widget .ui-widget { 
        font-size: 1em;
    }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}
.ui-widget-content { 
    color: #000000;
}
.ui-widget-header {
    background-color:#CCCCCC;
}
    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
        color: #094c93; 
        text-decoration: none;
    }
.ui-state-hover a, .ui-state-hover a:hover { 
color: #094c93; 
text-decoration: none; 
}
    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { 
        color: #333333; 
        text-decoration: none; 
    }
.ui-widget :active { 
    outline: none; 
}
.ui-tabs { 
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: 0;
    zoom: 1;
} 
    .ui-tabs ul.ui-tabs-nav {
        margin:0;
        padding:0;
    }
    .ui-tabs .ui-tabs-nav li { 
        list-style: none; 
        /*float: left; */
        position: relative; 
        top: 0px; 
        margin: 0; 
        padding: 0;
       /*JG vertical align */
        display:table;
    }
    .ui-tabs .ui-tabs-nav li a { 
        /*float: left; */
        /*JG vertical align */
        display:table-cell;
        vertical-align:middle;
        padding-left:10px;
        text-decoration: none;
        /*display:block;*/
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
        margin-bottom: 0; 
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
        cursor: text;
    }

    .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
        cursor: pointer;
    } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
    .ui-tabs .ui-tabs-panel { 
        display: block;
        border-width: 0;
        background: #333333;
        zoom:1;
    }
    .ui-tabs .ui-tabs-hide { 
        display: none !important;
    }
/* tabs within tabs styles */
.horizontal-tab-box {
    width:458px;
    background-color:#f3f3f3;
    border:1px solid #CCCCCC;
}
.horizontal-tab-box .ui-tabs-nav {
    width: 458px;
}
.horizontal-tab-box .ui-tabs-panel {
    clear:both;
    width:458px;
    background-color:#f3f3f3;
    
}
.horizontal-tab-box .inner-tabs {
    width:440px;
    margin:9px 9px 8px 9px;
}
.tab-box {
    width:440px;
}
.tab-box .ui-tabs-nav  {
    width: 220px;
}
.tab-box .ui-tabs-nav li {
    width: 220px;
}
.tab-box .ui-tabs-nav li.ui-state-active {
    width: 220px;
}
    .tab-box .ui-tabs-nav li a {
        width: 220px;
    }
.tab-box .ui-tabs-panel {
    width: 220px;
    clear:none;
}
    .tab-box-feature {
        background-color:#007888;
        width:200px;
        margin:10px;
    }
.ui-widget-header { 
    /*color: #f3f3f3;*/
}
    .ui-widget-header a { 
        /*color: #ffffff;*/
    }
.ui-tabs-vertical .ui-state-default, 
.ui-tabs-vertical .ui-widget-content .ui-state-default, 
.ui-tabs-vertical .ui-widget-header .ui-state-default{
    background: #f3f3f3 url('/assets-global/monash/images/template/vertical-tabs-gradient.png') repeat-x;
    background-position:top;
    color: #094c93;
}
.ui-tabs-horizontal .ui-tabs-vertical .ui-state-default, 
.ui-tabs-horizontal .ui-tabs-vertical .ui-widget-content .ui-state-default, 
.ui-tabs-horizontal .ui-tabs-vertical .ui-widget-header .ui-state-default,

.tab-box .ui-state-default, 
.tab-box .ui-widget-content .ui-state-default, 
.tab-box .ui-widget-header .ui-state-default { 
    background-color: #f3f3f3;
    background-image:url('/assets-global/monash/images/template/tab-grey-borders.png');
    background-position:bottom;
    background-repeat:repeat-x;
    color: #094c93;
}
.tab-box .ui-state-default, 
.tab-box .ui-widget-content .ui-state-default, 
.tab-box .ui-widget-header .ui-state-default,

.tab-box .ui-state-hover, 
.tab-box .ui-widget-content .ui-state-hover, 
.tab-box .ui-widget-header .ui-state-hover, 
.tab-box .ui-state-focus, 
.tab-box .ui-widget-content .ui-state-focus, 
.tab-box .ui-widget-header .ui-state-focus {
    border-left:1px solid #CCCCCC;
}
.ui-tabs-vertical .ui-state-hover,
.ui-tabs-vertical .ui-widget-content .ui-state-hover,
.ui-tabs-vertical .ui-widget-header .ui-state-hover,
.ui-tabs-vertical .ui-state-focus, 
.ui-tabs-vertical .ui-widget-content .ui-state-focus, 
.ui-tabs-vertical .ui-widget-header .ui-state-focus {
    background: #f3f3f3 url('/assets-global/monash/images/template/vertical-tabs-gradient.png') repeat-x;
    background-position:top;
    color: #094c93;
}
.ui-tabs-horizontal .ui-tabs-vertical .ui-state-hover, 
.ui-tabs-horizontal .ui-tabs-vertical .ui-widget-content .ui-state-hover, 
.ui-tabs-horizontal .ui-tabs-vertical .ui-widget-header .ui-state-hover, 
.ui-tabs-horizontal .ui-tabs-vertical .ui-state-focus, 
.ui-tabs-horizontal .ui-tabs-vertical .ui-widget-content .ui-state-focus, 
.ui-tabs-horizontal .ui-tabs-vertical .ui-widget-header .ui-state-focus,

.tab-box .ui-state-hover, 
.tab-box .ui-widget-content .ui-state-hover, 
.tab-box .ui-widget-header .ui-state-hover, 
.tab-box .ui-state-focus, 
.tab-box .ui-widget-content .ui-state-focus, 
.tab-box .ui-widget-header .ui-state-focus { 
    background-color: #f3f3f3;
    background-image:url('/assets-global/monash/images/template/tab-grey-borders.png');
    background-position:bottom;
    background-repeat:repeat-x;
}
    .ui-tabs-horizontal .ui-tabs-vertical .ui-widget-header .last-tab,
    .tab-box .ui-state-default .last-tab,
    .tab-box .ui-widget-content .last-tab.ui-state-default, 
    .tab-box .ui-widget-header .last-tab.ui-state-default {
        background-image:url('/assets-global/monash/images/template/tab-grey-borders2px.png');
        background-position:bottom;
        background-repeat:repeat-x;
    }
.ui-tabs-vertical .ui-state-active,
.ui-tabs-vertical .ui-widget-content .ui-state-active,
.ui-tabs-vertical .ui-widget-header .ui-state-active,
.ui-tabs-horizontal .ui-tabs-vertical .ui-state-active,
.ui-tabs-horizontal .ui-tabs-vertical .ui-widget-content .ui-state-active,
.ui-tabs-horizontal .ui-tabs-vertical .ui-widget-header .ui-state-active,

.ui-tabs-vertical .last-tab.ui-state-active,
.ui-tabs-vertical .ui-widget-content .last-tab.ui-state-active,
.ui-tabs-vertical .ui-widget-header .last-tab.ui-state-active,
.ui-tabs-horizontal .ui-tabs-vertical .last-tab.ui-state-active,
.ui-tabs-horizontal .ui-tabs-vertical .ui-widget-content .last-tab.ui-state-active,
.ui-tabs-horizontal .ui-tabs-vertical .ui-widget-header .last-tab.ui-state-active {
    background: #333333;
    color: #ffffff;
    background-image: url('/assets-global/monash/images/template/blue-border.png');
    background-position:left;
    background-repeat:repeat-y;
}
.ui-tabs-vertical .ui-state-active a, 
.ui-tabs-vertical .ui-state-active a:link, 
.ui-tabs-vertical .ui-state-active a:visited,
.ui-tabs-horizontal .ui-tabs-vertical .ui-state-active a, 
.ui-tabs-horizontal .ui-tabs-vertical .ui-state-active a:link, 
.ui-tabs-horizontal .ui-tabs-vertical .ui-state-active a:visited { 
        color: #ffffff; 
        text-decoration: none; 
    }
.ui-tabs .ui-tabs-nav li { 
	border-bottom: 0 !important; 
}
/* Vertical Tabs and feature styles
----------------------------------*/
    .ui-tabs-vertical a {
        color:#094C93;
/* DM can't do this, it sets all the content links as well */
/* Also it was being overriddenin by the display:table-cell lower down */
/*        display:block; */
    }
    .ui-tabs-vertical ul.box-list li
    /* hopefully this can be replaced with an arrow style that's applied where needed
    ,
    .ui-tabs-vertical ul.highlight-linklist li*/ {
        list-style-image:url("/assets-global/monash/images/template/li-arrow.png");
    }
    .ui-tabs-vertical .ui-tabs-nav { 
        float: left;
        margin-top:0;
    }
        .ui-tabs-vertical .ui-tabs-nav li { 
            clear: left; 
            width: 100%;
            border-bottom-width: 1px !important;
            border-right-width: 0 !important; 
        }

        .ui-tabs-vertical .ui-tabs-nav li a { 
            /*JG vertical align *//*display:block; */
        }
        .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { 
            padding-bottom: 0;
        }
    .ui-tabs-vertical .ui-tabs-panel { 
        float: left;
        background-color:#333333;
    }
    .ui-tabs-vertical .ui-tabs-nav li a{ 
        /*margin-right:5px;*/
    }

.ui-tabs-vertical ul.news-list {
	list-style: none;
	margin: 0px 0px 12px 0px;
}

.ui-tabs-vertical ul.news-list li {
	list-style: none;
	margin: 0px;
}

.ui-tabs-vertical .news-header {
	list-style: none;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
}


/* tab feature heights */
/* outies */
.two-column-tabs-height{
	height: 535px;
	overflow:hidden;
	}
.two-column-tabs-short-height{
	height: 270px;
	overflow:hidden;
	}
.three-column-tabs-height {
    height:360px;
    overflow:hidden;
}
.four-column-tabs-height {
    height:270px;
    overflow:hidden;
}

/* innies */
.two-column-tabs-inner-height {
    height:515px;
    overflow:hidden;
}
.two-column-tabs-short-inner-height {
    height:250px;
    overflow:hidden;
}
.three-column-tabs-inner-height {
    height:340px;
    overflow:hidden;
}
.four-column-tabs-inner-height {
    height:250px;
    overflow:hidden;
}

/* tab size variants */
/* 3 through 5 number of tabs are optimised for the four column layout */
.three-tabs li {
    height:90px;
}
.four-tabs li {
    height:67px;
}
    .four-tabs li.last-tab {
        height:69px;
    }
.five-tabs li {
    height:54px;
}
/* 6 through 12 tabs are optimised for 3 column layout */
.six-tabs li {
    height:60px;
}
.no-feature .six-tabs li{
	/* 535 / 6 = 89 , + 1spare */
	height:89px;
	}
	/* to balance up the height */
.no-feature .six-tabs li.last-tab{
	height:90px;
	}
.seven-tabs li {
    height:52px;
}
    .seven-tabs li.last-tab,
    .seven-tabs li.vertical-tab-two-of-seven {
        height:50px;
    }
.no-feature .seven-tabs li{
	/* 535 / 7 = 76 , + 3spare */
	height:76px;
	}
	/* to balance up the height */
.no-feature .seven-tabs .vertical-tab-one-of-seven,
.no-feature .seven-tabs .vertical-tab-four-of-seven,
.no-feature .seven-tabs .vertical-tab-seven-of-seven{
	height:77px;
}

.eight-tabs li {
    height:45px;
}
.no-feature .eight-tabs li{
	/* 535 / 8 = 67 */
	height:67px;
}

.nine-tabs li {
    height:40px;
}
.no-feature .nine-tabs li{
	/* 535 / 8 = 59 + 4 spare*/
	height:59px;
	}
.no-feature .nine-tabs .vertical-tab-one-of-nine,
.no-feature .nine-tabs .vertical-tab-four-of-nine,
.no-feature .nine-tabs .vertical-tab-five-of-nine,
.no-feature .nine-tabs .vertical-tab-nine-of-nine{
height:60px;
} 

.ten-tabs li {
    height:36px;
}
.no-feature .ten-tabs li{
	/* 535 / 10 = 53 + 5 spare*/
	height:53px;
	}
.no-feature .ten-tabs .vertical-tab-one-of-ten,
.no-feature .ten-tabs .vertical-tab-three-of-ten,
.no-feature .ten-tabs .vertical-tab-five-of-ten,
.no-feature .ten-tabs .vertical-tab-seven-of-ten,
.no-feature .ten-tabs .vertical-tab-nine-of-ten{
height:54px;
} 
.eleven-tabs li {
    height:33px;
}
    .eleven-tabs li.last-tab {
        height:31px;
    }
    .eleven-tabs li.vertical-tab-three-of-eleven{
        height:32px;
    }
.no-feature .eleven-tabs li{
	/* 535 / 11 = 48 , + 8spare ... 8... great*/
	height:48px;
	}
	/* to balance up the height */
.no-feature .eleven-tabs .vertical-tab-two-of-eleven,
.no-feature .eleven-tabs .vertical-tab-three-of-eleven,
.no-feature .eleven-tabs .vertical-tab-four-of-eleven,
.no-feature .eleven-tabs .vertical-tab-five-of-eleven,
.no-feature .eleven-tabs .vertical-tab-seven-of-eleven,
.no-feature .eleven-tabs .vertical-tab-eight-of-eleven,
.no-feature .eleven-tabs .vertical-tab-nine-of-eleven,
.no-feature .eleven-tabs .vertical-tab-ten-of-eleven{
	height:49px;
}
.twelve-tabs li {
    height:30px;
}
.no-feature .twelve-tabs li{
	/* 45* 12 = 540 - 5 too many */
	height:45px;
	}
.no-feature .twelve-tabs .vertical-tab-one-of-twelve,
.no-feature .twelve-tabs .vertical-tab-four-of-twelve,
.no-feature .twelve-tabs .vertical-tab-six-of-twelve,
.no-feature .twelve-tabs .vertical-tab-nine-of-twelve,
.no-feature .twelve-tabs .vertical-tab-twelve-of-twelve{
height:44px;
} 
.ui-tabs-horizontal .ui-tabs-vertical .first-tab,
.tab-box .first-tab {
    border-top:1px solid #cccccc;
}
.ui-tabs-horizontal .ui-tabs-vertical .ui-state-active.first-tab,
.tab-box .ui-state-active.first-tab {
    border-top:1px solid #333333;
}
.main-feature {
    margin:10px;
    background-color:#f3f3f3;
}
.feature-content {
    padding:10px 10px 0 10px;
}
/*  This causes the extra padding below vertical tabs in horizontal tabs */
#set-elements .no-feature, 
#set-elements .vertical-tabs{
    margin-bottom:20px;
}
.no-feature .ui-tabs-nav {
    width: 300px;
}
/* Jodi - Zooming on the container appears to stop peek-a-boo images in ie6/7 */
.three-column-feature {
    zoom:1;
}
.three-column-feature .ui-tabs-nav {
    width: 300px;
}
    /* makes entire tab clickable */
    .three-column-feature .ui-tabs-nav li a {
        width: 290px;
    }
    .three-column-feature .ui-tabs-panel {
        /* panel next to tabs 940 - 300px tabs inc 20px grey border*/
        width:640px;
    }
    .three-column-feature .main-feature {
        /* minus 10px margin around all 4 sides */
        width:620px;
    }
.three-column-highlight{
    width:310px;
    float:left;
    background-color:#f3f3f3;
}
.three-column-feature-column {
    width:310px;
    float:left;
    background-color:#007888;
}
/* Four column feature styles */
/* Jodi - Zooming on the container appears to stop peek-a-boo images in ie6/7 */
.four-column-feature {
    zoom:1;
}
    .four-column-feature .ui-tabs-nav {
        width: 140px;
    }
    /* makes entire tab clickable */
    .four-column-feature .ui-tabs-nav li a {
        width: 130px;
    }
    .four-column-feature .ui-tabs-panel {
        /* panel next to tabs 940 - 140px tabs inc 20px grey border*/
        width: 800px;
    }
    .four-column-feature .main-feature {
        /* minus 10px margin around all 4 sides */
        width:780px;
    }
.four-column-feature-column {
    width:450px;
    float:left;
    background-color:#007888;
}
    .four-column-feature-column .feature-image {
        float:left;
        margin:0 20px 0 0;
        padding:0;
    }
.four-column-highlight {
    float:left;
    width:330px;
    background-color:#f3f3f3;
}

/* No feature */

.no-feature .main-feature{
	width:620px;
	}

/* For side-by-side things in the highlight box */
.four-column-highlight-two-col {
    width:150px;
    float:left;
}
.four-column-highlight-three-col {
		margin-right:25px;
    width:75px;
    float:left;
}

.two-column-highlight-three-col{
        width:190px;
        float:left;
        }
.two-column-highlight-three-col img{
		margin-right:8px;
        float:left;
        width:80px;
        overflow:hidden;
        }

.two-column-highlight-three-col .article-text{
width:100px;
float:right;
}


.highlight-content {
    margin:15px 15px 0px 15px;
    color:#000000;
}

.highlight-content a, .highlight-content a:visited, .highlight-content a:hover {
    color:#094c93;
    text-decoration:underline;
}
.highlight-content h3 {
    margin-bottom:1em;
}
.highlight-content hr {
    height: 1px;
    color: #ccc;
    background-color: #ccc;
	border-style: none;
	height: 1px;
	padding: 0px;
}

.highlight-content ul{
	margin-left:15px;
	}

.highlight-content .highlight-articles li a.news-image {
   display: block;
   padding: 0;
   margin: 0;
   border-style: none;
   width: 80px;
   height: 55px;
   overflow: hidden;
}


.highlight-content .highlight-articles li a.news-image img {
   width: 80px;
   padding: 0;
   margin: 0;
   border-style: none;
}


.feature-content{
    color:#ffffff;
}
    .feature-content .caption-header {
		font-size:20px;
		line-height: 22px;
		margin-bottom:.5em;
		margin-left:0px;
    }

	.feature-content p{
        font-size:14px;
        line-height:16.8px;
    }

/* DM 20111201 */
.feature-content ul{
margin-left:15px;
}   

    .four-column-feature-column .caption-header {
        margin-top:-60px;
    }
    .three-column-feature-column img.feature-image {
        /*position:relative;*/
        z-index:1;
    }
    .feature-content a, .feature-content a:visited, .feature-content a:hover,
	#landing_page .highlight-box .feature-content a:visited {
        color:#ffffff;
        text-decoration:underline;
    }
.two-column-arrow {
    /*position:absolute;*/
    display:block;
    margin-top:-20px;
    margin-left:20px;
    z-index:2;
}
.three-column-arrow {
    /*position:relative;*/
    display:block;
    margin-top:-20px;
    margin-left:20px;
    z-index:2;
}
.four-column-arrow {
   /* position:absolute;*/
    display:inline;
    margin-top:20px;
    margin-left:-40px;
    z-index:2;
/*  float:left; */
}


.highlight-content ul.highlight-articles {
    margin-top:1em;
    margin-left:0px;
	}

.highlight-articles li {
    list-style-type: none;
    list-style-image: none;
	line-height:16.8px;
}
.highlight-articles-horizontal {
    margin-bottom:10px;
}
.highlight-articles-vertical {
    margin-bottom:7px;
}

.four-column-highlight-three-col .article-text{
    padding-top:10px;
}

.highlight-content ul.highlight-buttonlist {
	margin-left:0px;
}

.highlight-buttonlist ,
.highlight-buttonlist li {
    margin-right:10px;
    display:inline;
    list-style-type: none;
    list-style-image: none;
}

.highlight-content ul.highlight-linklist{
	margin-left:0px;
}

.highlight-content ul.highlight-linklist,
.highlight-linklist ,
.highlight-linklist li {
    margin-left:0px;
    list-style-type: none;
    list-style-image: none;
}
.highlight-linklist li {
    display:inline;
    padding-left:8px;
    margin-left:8px;
    border-left:1px solid #d0d0d0;
}
.highlight-linklist li:first-child{
    padding-left: 0px;
    margin-left:0px;
    border-left:0px solid white;
}
/* general styles used in feature
----------------------------------*/
.highlight-links {
    text-align:center;
    clear:both;
    padding-top:20px;
    color:#C5D3E7;
}
.image-float-left {
    padding:2px;
    margin:0.4em;
    width:auto;
    height:auto;
    display:inline;
    float:left;
    text-align:center;
}
.image-align-center {
    padding:2px;
    margin:auto;
    width:auto;
    height:auto;
    display:inline;
    text-align:center;
    text-decoration:none;
}
.clearboth {
    clear:both;
}
.search-highlight {
    background-color:#C5D3E7;
}
/* button styles
----------------------------------*/
/* real buttons */
.search-button {
    margin-left:-5px;
    height:26px;
    margin-right:5px;
    margin-top:10px;
}
.search-field {
    width:50%;
    margin-right:0;
    height:20px;
}

/* Whole element */
.vertical-tabs{
  /*  margin-top:20px;*/
}

.vertical-tabs .tab-controls{
    font-size: 16px;
		line-height: 17.6px; 
/* do you understand what a pixel is? can you really see the .4 diff between this and the default 18px?  */
}


/* horizontal tabs */
.ui-tabs-horizontal .ui-tabs-panel {
	padding: 0;
}
.ui-tabs-horizontal .ui-state-default, 
.ui-tabs-horizontal .ui-widget-content .ui-state-default, 
.ui-tabs-horizontal .ui-widget-header .ui-state-default {
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    background: #f3f3f3 url('/assets-global/monash/images/template/horizontal-tabs-gradient.png') repeat-y;
    background-position:left top;
    /* DM font-weight: bold; */
    font-weight:normal; 
    color: #094c93;
}
.ui-tabs-horizontal .ui-state-hover, 
.ui-tabs-horizontal .ui-widget-content .ui-state-hover, 
.ui-tabs-horizontal .ui-widget-header .ui-state-hover, 
.ui-tabs-horizontal .ui-state-focus, 
.ui-tabs-horizontal .ui-widget-content .ui-state-focus,
.ui-tabs-horizontal .ui-widget-header .ui-state-focus { 
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    background: #f3f3f3 url('/assets-global/monash/images/template/horizontal-tabs-gradient.png') repeat-y;
    background-position:left top;
/*  DM  font-weight: bold; */
    font-weight:normal; 
    color: #094c93;
}
.ui-tabs-horizontal .ui-state-active, 
.ui-tabs-horizontal  .ui-widget-content .ui-state-active, 
.ui-tabs-horizontal .ui-widget-header .ui-state-active { 
    border-right:none;
    /*border-bottom:1px solid #f3f3f3;*/
    border-left: none;
    background:#f3f3f3;
/*  DM  font-weight: bold; */
    font-weight:normal; 
    color: #333333;
}
.ui-tabs-horizontal .ui-tabs-nav li a {
    /*padding-left:5px;
	 DM add 
	margin-left:5px;
    padding-top:5px;
    padding-bottom:5px;*/
}
/* Horizontal tabs navigation styles */
ul.two-side-tabs,
ul.three-side-tabs,
ul.four-side-tabs,
ul.five-side-tabs {
    display:table;
	height:100%;
}
.two-side-tabs li,
.three-side-tabs li,
.four-side-tabs li,
.five-side-tabs li {
	display:table-cell !important;
	height:100%;
	vertical-align:middle;
}
    .two-side-tabs li a,
	.three-side-tabs li a,
	.four-side-tabs li a,
	.five-side-tabs li a {
		padding-top:5px;
        padding-bottom:5px;
        line-height:1.1em;
        text-decoration:none !important;
		display:table-cell;
		height:100%;
		width:100%;
    }
	.two-side-tabs .vertical-alignment,
	.three-side-tabs .vertical-alignment,
	.four-side-tabs .vertical-alignment,
	.five-side-tabs .vertical-alignment {
		display:table;
		width:100%;
		height:100%;
		/*border-collapse:collapse;*/
		border-bottom:1px solid #CCCCCC;
	}
	.two-side-tabs .ui-state-active .vertical-alignment,
	.three-side-tabs .ui-state-active .vertical-alignment,
	.four-side-tabs .ui-state-active .vertical-alignment,
	.five-side-tabs .ui-state-active .vertical-alignment {
		border-bottom:1px solid #f3f3f3;
	}
.two-side-tabs li {
    /* JG fittin inside 460 box - 1px border each side */
    width:228px;
}
.three-side-tabs li {
    /* JG fittin inside 460 box - 1px border each side */
    width:151px;
}
.four-side-tabs li {
    /* JG fittin inside normal box - 1px border each side */
    width:113px;
}
.five-side-tabs li {
    /* JG fittin inside normal box - 1px border each side */
    width:90px;
}
.ui-tabs .ui-tabs-nav.two-side-tabs li a {
    font-size:20px;
    font-weight:normal; 
}
.ui-tabs .ui-tabs-nav.three-side-tabs li a {
   /*DM OMC is saying '20px' - can't see how anything will fit, but sure 
	 font-size:16px; */
	font-size:20px;
    font-weight:normal; 
}
.ui-tabs .ui-tabs-nav.four-side-tabs li a {
	font-size:18px;
}
.ui-tabs .ui-tabs-nav.five-side-tabs li a {
    font-size:16px;
    font-weight:normal;
    padding-left:3px;
}
/* can't remember if this is for content or tab images */
.horizontal-tabs img {
    float:left;
}
#content_page .content .horizontal-tab-box ul.horizontal-tabs{
    margin-left:0;
    margin-bottom:0;
}
/* General horizontal tabs (not with tabs inside) */
.general-tabs {
    border:1px solid #CCCCCC;
}
.general-tabs ul.horizontal-tabs {
    display:table;
	height:100%;
    width:100%;
/*    margin-left:0 !important;
    padding-left:0 !important;*/
}
.general-tabs .horizontal-tabs li {
    display:table-cell !important;
	height:100%;
	vertical-align:middle;
}
.general-tabs .horizontal-tabs li a {
    display:table-cell;
	height:100%;
    width:100%;
    vertical-align:middle;
}
.general-tabs .vertical-alignment {
    display:table;
	height:100%;
    width:100%;
	border-bottom:1px solid #CCCCCC;
}
.general-tabs .ui-state-active .vertical-alignment {
	border-bottom:1px solid #f3f3f3;
}
.general-tabs .ui-tabs-panel {
    clear:both;
    background-color:#f3f3f3;
    margin-left:10px;
    margin-right:10px;
}
.ui-tabs-horizontal .ui-tabs-nav li a.tab-image {
    float:none;
    padding-left:0;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
/* Highlight boxes in vertical tabs */

.vertical-tabs .highlight-box{
border:0px;
}

.vt-highlight-box{
float:left;
}

.two-column-highlight .vt-highlight-box{	
	margin-left:5px;
	}

.four-column-highlight .highlight-box,
.three-column-highlight .highlight-box,
.two-column-highlight .highlight-box{ 
	border:0px;
	}

.two-column-highlight .highlight-box .box-column .highlight-box {
        margin:0px;
        }

.two-column-highlight .three-page-column{ width:600px; }
.two-column-highlight .three-box-column{ width:600px; margin:7px;}
.two-column-highlight .two-page-column{ width:400px; }
.two-column-highlight .two-box-column{ width:400px; margin:0px;}
.two-column-highlight .one-page-column{ width:200px; }
.two-column-highlight .one-box-column{ width:200px; margin:0px;}

.four-column-highlight .two-page-column{ width:330px; }
.four-column-highlight .two-box-column{ width:310px; }
.four-column-highlight .one-page-column{ width:165px; }
.four-column-highlight .one-box-column{ width:145px; }