ÿþ/* Caution! Ensure accessibility in print and other media types... */

@media projection, screen

{

    /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */

    .ui-tabs-hide

    {

        display: none;

    }

}



/* Hide useless elements in print layouts... */

@media print

{

    .ui-tabs-nav

    {

        display: none;

    }

}



/* Skin */

.ui-tabs-nav

{

    list-style: none;

    margin: 0;

}

.ui-tabs-nav:after

{

    /* clearing without presentational markup, IE gets extra treatment */

    display: block;

    clear: both;

    content: " ";

}

.ui-tabs-nav li

{

    float: left;

    margin: 0;

}

.ui-tabs-nav a, .ui-tabs-nav a span

{

    display: block;

    padding: 0 5px;

}

.ui-tabs-nav a

{

    position: relative;

    z-index: 2;

    padding-left: 0;

    color: #fff;

	font:700 13px/15px Helvetica,Arial,Verdana,sans-serif;

    text-align: center;

    text-decoration: none;

    white-space: nowrap; /* required in IE 6 */

}

.ui-tabs-nav .ui-tabs-selected a

{

    color: #EA3392;

	font-weight:700;

	background:transparent url(../images/tabs/tab_right_corner.png) no-repeat right top;

}

.ui-tabs-nav a:hover, .ui-tabs-nav .ui-tabs-selected a:hover {

	text-decoration: underline;

}

.ui-tabs-nav a span

{

	padding:10px 10px 5px 14px; 

}

* > .ui-tabs-nav a span

{

    /* hide from IE 6 */

    width: auto;

    height: auto;

}

.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:active span

{

    background:transparent url(../images/tabs/tab_left_corner.png) no-repeat left top;

}

.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span

{

    background-position: 0 0;

}

.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,.ui-tabs-nav a:active

{

    /* @ Opera, use pseudo classes otherwise it confuses cursor... */

    cursor: text;

	background:transparent url(../images/tabs/tab_right_corner.png) no-repeat right top;

	color:#f70685;

}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active

{

    /* @ Opera, we need to be explicit again here now... */

    cursor: pointer;

}

.ui-tabs-nav .ui-tabs-disabled

{

    opacity: .4;

}

.ui-tabs-container

{

    border-top: 1px solid #97a5b0;

 /*   padding: 1em 8px;*/

    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */

}

.ui-tabs-loading em

{

    padding: 0 0 0 20px;

    background: url(loading.gif) no-repeat 0 50%;

}



.ui-tabs .ui-tabs-panel

{

   /* padding: 1em 1.4em;*/

    border-width: 0;

    background-color:White;

	*margin-top:-20px;

}