@import url("/html/TEMPLE/custom/ab_prd_1/custom.css");
@import url("/html/TEMPLE/common/css/screen.css");

.BoxBorderBottom {	margin-bottom:10px;}
.AlertBox {	border:1px solid #CCCCCC; background:#333; padding:5px; color:#FFFFFF; margin-bottom:10px;	}
.AlertBox a:link, .AlertBox a:hover, .AlertBox a:visited, .AlertBox a:active {	color:#FFF;	text-decoration:underline;	}

body { background-color: #E7E3D8; margin:0px; }
body.Announcements { background:url(../images/bg_Announcements.jpg)  #FFF no-repeat bottom right; padding:5px; }
body.SystemStatus { background:url(../images/bg_SystemStatus.jpg)  #FFF no-repeat bottom right; padding:5px; }
.BoxBorderBottom { border-bottom:1px dotted #999; }
.BoxBorderBottom p { margin:10px 0 10px 0; }
.BoxBorderBottom h1 { margin:5px 0 5px 0; }

.ulStyle1 ul { list-style-type:none; padding:0 0 5px 0; margin:0px; list-style:square; }
.ulStyle1 li { margin-left:20px; border-bottom:0px dotted #CCC; }

.ulStyle2 ul { list-style-type:none; padding:0 0 5px 0; margin:0px; list-style:square; }
.ulStyle2 li { margin-left:10px; border-bottom:1px dotted #CCC; padding:2px 0 2px 0; }

.txtDarkRed { color:#900; }

.disptable {
	padding: 0;
	margin: 0;
}

.disptable  caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

.disptable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 3px 3px 3px 6px;
	background: #CAE8EA 
	
}

.disptable td.tfoot {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #CAE8EA;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: right;
	padding: 3px 3px 3px 6px;
	background: #4f6b72 
}

.disptable  th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

.disptable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 3px 3px 3px 6px;
	color: #4f6b72;
	font: normal .8em Verdana, Arial, Helvetica, sans-serif;	
}


.disptable td.alt {
	background: #CAE8EA;
	color: #797268;
}

.disptable  th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.disptable  td.specalt {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 3px 3px 3px 6px;
	color: #4f6b72;
	background: url(https://csm.temple.edu/consdev/images/bullet3.gif) no-repeat;

}



.OrangeButtonOuter
{
border-right: #FF9933 1px solid; 
border-top: #FF9933 1px solid; 
font-size: 11px; 
border-left: #FF9933 1px solid; 
cursor: pointer; 
color: rgb(51,51,51); 
border-bottom: #FF9933 1px solid; 
font-family: Tahoma, Arial;

}

a.ab_toplinks { color:#9e1b34; font-family:Tahoma, Arial; font-size:11px; text-transform:uppercase; letter-spacing:1px; text-decoration:none; }
a.ab_toplinks:hover { color:#9e1b34; font-family:Tahoma, Arial; font-size:11px; text-transform:uppercase; letter-spacing:1px; text-decoration:underline; }
.LoginText { font-family:Tahoma, Arial; font-size:12px; color:#FFFFFF; }
.FooterText { font-family:Tahoma, Arial; font-size:11px; padding:5px 10px 10px 10px;  }
.BoxBorderRight { border: 1px solid #eeeeee; margin:10px 10px 10px 5px;}
.BoxBorderLeft { border: 1px solid #eeeeee; margin:10px 5px 10px 10px;}
.BoxBorderRightWeather { border: 1px solid #eeeeee; margin:10px 10px 0px 5px; }
.BoxBorder { border: 1px solid #eeeeee; margin:10px 5px 10px 5px; }
.BoxTitle { padding:5px; FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #D30C44; FONT-FAMILY: Tahoma, Arial;text-transform:uppercase; letter-spacing:1px;}
.BoxSubTitle { font-family:Tahoma, Arial; font-size:12px; color:#009999; font-weight:normal; }
.BoxText { font-family:Tahoma, Arial; font-size:12px; color:#000000; }
.BoxTextGrey { font-family:Tahoma, Arial; font-size:12px; color:#666666; }
.BoxText a { font-family:Tahoma, Arial; font-size:12px; color: #0000FF; text-decoration:none; }
.BoxText a:hover { font-family:Tahoma, Arial; font-size:12px; color: #0000FF; text-decoration:underline; }
.ab_TitleBg { background:url(../images/border_corner.png) no-repeat left; padding-left:13px; }
.ab_Login_Border1 { border:1px solid #6A0035;width:100px; }
.ab_Login_Border2 { border:1px solid #E9F4FE; font-family:Tahoma, Arial; font-size:12px; color:#000000; cursor:pointer; }
.ab_Login_Border2 a { font-family:Tahoma, Arial; font-size:12px; color:#000; text-decoration:none; }
.ab_Login_Border2 a:hover {font-family:Tahoma, Arial; font-size:12px; color:#000; text-decoration:none; }
.ab_Login_Bg_Orange {background:url(../images/vista_orange.png); padding:5px; border:1px solid #FF9933; }
.ab_Login_Bg_Teal {background:url(../images/vista_dkteal.png); padding:5px; border:1px solid #8ACAD6;}
.ab_LoginBox { border:0px solid #999; padding:3px; font-family:Tahoma, Arial; font-size:12px; }
.branch2 { DISPLAY: none; margin:10px; font-family:Tahoma, Arial; font-size:12px; color:#990000;	}
.trigger2 { background:#FFFFFF; padding:5px; margin:3px; border:1px solid #FfFfFf;	DISPLAY: block; CURSOR: pointer; font-family:Tahoma, Arial; font-size:12px; color:#333; }
.trigger2over { padding:5px; margin:3px; border:1px solid #C7E6EB; background:url(../images/vista_blue.png);	DISPLAY: block; CURSOR: pointer; font-family:Tahoma, Arial; font-size:12px; color:#000000; }
.Weather1 { font-family:Tahoma, Arial; font-size:12px; color:#990000;  }
.Weather2 { font-family:Tahoma, Arial; font-size:11px; color:#009900;  }
.Weather3 { font-family:Tahoma, Arial; font-size:10px; color:#0000FF;  }
.Weather4 { font-family:Tahoma, Arial; font-size:11px; color:#999999;  }
.ab_RightLine { border-right:1px dotted #999999; }
.ab_LeftLine { border-left: 1px dotted #999999;}
.ab_TopLine { border-top: 1px dotted #999999;}
.ab_BottomLine { border-bottom: 1px dotted #999999;}
.BoxText10 { font-family:Tahoma, Arial; font-size:10px; color:#999; }

a.WeatherHref { padding:0px; margin-left:5px; margin-right:5px; border:1px solid #fff; DISPLAY: block; font-family:Tahoma, Arial; font-size:11px; color:#999999; text-decoration:none; }
a.WeatherHref:hover { padding:0px; border:1px solid #E8F4FF; background:url(/html/TEMPLE/tuc/styling/images/misc/vista_TUapp.png) center; DISPLAY: block; font-family:Tahoma, Arial; font-size:11px; color:#333333; text-decoration:none; text-decoration:none; }

/* START GREYBOX */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Tahoma, Arial;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 35px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 11px;
    text-align: left;
    font-weight: normal;
	font-family:Tahoma, Arial;
	text-transform:uppercase;
	letter-spacing:1px;
    white-space: nowrap;
    padding-left: 15px;
	color:#D30C44;
	background:url(/html/TEMPLE/custom/ab_prd_1/images/misc/border_corner.png) no-repeat;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
	height:22px; width:66px;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }

/* END GREYBOX*/	

.VistaHrefDiv { padding:4px 0px 4px 0px; float:left; border:0px solid #000000; margin:1px; clear:both; }
a.VistaHref { font-family:Tahoma, Arial; font-size:11px; color:#fff; text-decoration:none; border:1px double #666666; padding:3px 3px 6px 3px; background:url(/html/TEMPLE/custom/ab_prd_1/images/misc/vista_trns_Grey.png); }
a.VistaHref:hover { font-family:Tahoma, Arial; font-size:11px; color:#fff; text-decoration:none; border:1px solid #333333; padding:3px 3px 6px 3px; background:url(/html/TEMPLE/custom/ab_prd_1/images/misc/vista_trns_Dark.png); }