@media projection, screen { 
.ui-tabs-hide {display: none;}
}
@media print {
.tab {display: none;}
}
.tab ul {
	width:100%;
	padding: 15px 0 42px 0;
	border-bottom:#d3d3d3 solid 1px;
}
.tab ul li {
	display:block;
	float:left;
}
.tab ul li a {
	display: block;
	padding: 10px 15px ;
	color: #9F9F9F;
	text-align:center;
	text-decoration:none;
}
.tab #info, .tab #event, .tab #topics {
	width:100%;
}
.tab .ui-tabs-selected a {
	padding: 10px 15px ;
	position: relative;
	top: 0;
	z-index: 2;
	color: #000;
	font-weight: bold;
	background-color: #fcfcfc;
	border-top: #d3d3d3 solid 1px;
	border-right: #d3d3d3 solid 1px;
	border-left: #d3d3d3 solid 1px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.tab dl {
	height:180px;
	margin:1em 0 0 0;
	padding:1em 3%;
	overflow:auto;
}
.tab dl dt {
	display:inline-block;
	margin: 0 0 0.6em 0;
	padding:2px 10px;
	color:#FFFFFF;
	text-align:center;
	font-size:0.8em;
	background-color:#535353;
	border-left:#fcc356 solid 4px;
}
.tab dl dd {
	margin: 0 0 1.3em 0;
	padding:0 5px;
}
.tab dl dd a {
	color:#353535;
}
.tab dl dd a:hover {
	text-decoration:none;
}



.tab .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.tab .ui-tabs-selected a, .tab a:hover, .tab a:focus, .tab a:active {
    background-position: 100% -150px;
}
.tab a, .tab .ui-tabs-disabled a:hover, .tab .ui-tabs-disabled a:focus, .tab .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.tab .ui-tabs-selected a span, .tab a:hover span, .tab a:focus span, .tab a:active span {
    background-position: 0 -50px;
}
.tab a span, .tab .ui-tabs-disabled a:hover span, .tab .ui-tabs-disabled a:focus span, .tab .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.tab .ui-tabs-selected a:link, .tab .ui-tabs-selected a:visited, .tab .ui-tabs-disabled a:link, .tab .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tab a:hover, .tab a:focus, .tab a:active,
.tab .ui-tabs-deselectable a:hover, .tab .ui-tabs-deselectable a:focus, .tab .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    padding: 1em 8px;
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(/nyusi/common/css/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .tab { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .tab  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


@media screen and (min-width:960px){
.tab {
    margin: 0;
    padding: 0 0 0 4px;
}
.tab ul {
	width:170px;
	padding: 30px 0 90px 0;
	float:left;
	border-right:#d3d3d3 solid 1px;
	border-bottom:none;
}
.tab ul li {
	float:none;
}
.tab ul li a {
	display: block;
	padding: 15px 30px 15px 0;
	color: #9F9F9F;
	text-align:right;
	text-decoration:none;
}
.tab #info, .tab #event, .tab #topics {
	width:70%;
	float:left;
	padding: 0 0 0 3em;
}
.tab .ui-tabs-selected a {
	position: relative;
	top: 1px;
	right: -1px;
	z-index: 2;
	color: #000;
	font-weight: bold;
	background-color: #fcfcfc;
	border-top: #d3d3d3 solid 1px;
	border-bottom: #d3d3d3 solid 1px;
	border-left: #d3d3d3 solid 1px;
	border-right:none;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 0px
}
.tab dl {
	height:250px;
	padding:15px;
	overflow:auto;
}
.tab dl dt {
	float:left;
	margin: 0 25px 25px 0;
	padding:2px 10px;
	color:#FFFFFF;
	text-align:center;
	font-size:80%;
	background-color:#535353;
	border-left:#fcc356 solid 4px;
}
.tab dl dd {
	margin: 0 0 25px 0;
	padding:0 5px;
}
.tab dl dd a {
	color:#353535;
}
.tab dl dd a:hover {
	text-decoration:none;
}

.tab .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.tab .ui-tabs-selected a, .tab a:hover, .tab a:focus, .tab a:active {
    background-position: 100% -150px;
}
.tab a, .tab .ui-tabs-disabled a:hover, .tab .ui-tabs-disabled a:focus, .tab .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.tab .ui-tabs-selected a span, .tab a:hover span, .tab a:focus span, .tab a:active span {
    background-position: 0 -50px;
}
.tab a span, .tab .ui-tabs-disabled a:hover span, .tab .ui-tabs-disabled a:focus span, .tab .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.tab .ui-tabs-selected a:link, .tab .ui-tabs-selected a:visited, .tab .ui-tabs-disabled a:link, .tab .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tab a:hover, .tab a:focus, .tab a:active,
.tab .ui-tabs-deselectable a:hover, .tab .ui-tabs-deselectable a:focus, .tab .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    padding: 1em 8px;
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(/nyusi/common/css/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .tab { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .tab  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
}