/* -------------------------------------------------------------------------------- */
/* USC Connect Specific Styles */
/* -------------------------------------------------------------------------------- */
/** Useful Shortcuts:
*	font: font-style  font-variant  font-weight  font-size / line-height  font-family
*	background:  background-color  background-image  background-repeat  background-attachment  background-position 
*	border: border-width  border-style  border-color 
*	margin: top right bottom left 
*	padding: top right bottom left
***/
/* -------------------------------------------------------------------------------- */
div.profile-callout {float: right; margin: 1em 0 1em 1em; padding: 10px; border: 1px solid #CCC; background: #eee;}
#matter h5 a:link {color: #990000;}
#matter ul.arrow li ul li {font-size: 1em; margin: 0; padding-bottom: .3em;}
#matter ol {margin: .5em 0 1em 3em; font-size: 1.15em;}
#matter ol li {margin-bottom: .3em;}

br.clearfloat {clear: both;}

#matter.onecol {padding: 10px 0 10px 10px; width: 735px;}

#matter.onecol ul.menu {margin: 1.5em 0 0 5em;}
#matter.onecol ul.menu li {margin-bottom: .5em;}

div.meta {
	float: right;
	width: 200px;
	text-align: right;
	font-size: 8pt;
}

#matter div.opportunity-detail {margin: 1em 0 0 0;}
#matter div.opportunity-detail a.back {
display: block;
float: right;
background: white url(../img/gray-gradient.jpg) repeat-x left bottom;
font-weight: bold;
font-size: 10px;
padding: 5px;
border: 1px solid #DDD;
}
#matter div.opportunity-detail h3 {font-size: 17px; font-weight: bold;}
#matter div.opportunity-detail h5 {font-size: 14px; margin-bottom: 1em;}
#matter div.opportunity-detail h4 {
margin: 1.5em 0 .5em 0; 
padding-top: 1.5em;
border-top: 1px dotted #CCC;
font-size: 14px; color: black; font-family: Georgia, TImes New ROman, Times, Serif;
}
#matter div.opportunity-detail p {margin-bottom: 1.2em;}
#matter div.opportunity-detail p span {
display: block; 
float: left; 
font-style: italic;
width: 135px;
padding-bottom: 1em;
clear: left;
}

div.opportunity-detail img {
padding: 3px;
border: 1px solid #DDD;
background: #EFEFEF;
float: left;
margin: 5px 10px 10px 0;
}


div.story {
padding: 10px;
border: 1px dotted #DDD;
font-size: .8em;
margin-bottom: 1.5em;
}
div.story h5 {background: #111; padding: .2em; color: #EEE!important;}

div.staff {margin: 1em 0em;}
div.staff img {
	float: left;
	background: #EEE;
	border: 1px solid #DDD;
	padding: 3px;
	margin: 0 20px 10px 0;
	}

div.beyond {margin: 15px 75px; padding: 5px 10px; background:#EEE; border: 1px solid #CCC;}

/* Faculty Campaign */
img.postcard {margin: 10px auto 20px 40px;}
div.video, img.video {
  float: right;
  width: 300px;
  margin: 5px 0 5px 15px;
}
div.video p {
  font: normal normal 1em/130% Arial, Helvetica !important;
  color: #666 !important;
  padding-top: .8em;
}

/* rotator in-page placement */
    div.rotator {
	position:relative;
	height:165px;
	margin-left: 0px;
}
/* rotator css */
	div.rotator ul li {
	xfloat:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div.rotator ul li img {
	background: #000;
}
        div.rotator ul li.show {
	z-index:500;
}


/* Forms */
div.filters {margin-top: 1em; padding: 7px; border: 2px solid #DDD; background-color: #EFEFEF;}
div.filters select {font-size: 10px;}
div.filters label {width: 140px; font-size: 11px; clear: left;}
div.filters h6 {
	background: #FFF url(../img/gray-gradient.jpg) repeat-x 0% 100%;
	border: 1px solid #DDD;
	padding: .5em  5px; 
        clear: both;
margin-bottom: .4em !important;
	}
div.filters h6 a {
	font-size: 12px !important; 
	display: block; 
	background: url(../img/up_arrow.gif) no-repeat 100% 0%;
	padding-bottom: 2px !important;
	}
div.filters p {
	padding-left: 5px; 
	font-size: 11px !important; 
	float: left; 
	width: 100%; 
	margin: 0 0 .5em 0 !important;
	}
div.filters p strong {
	display: block;
	width: 125px;
	float: left;
	}
div.filters p span {
	display: block; 
	float: right; 
	font-weight: normal; 
	width: 300px; 
	margin-right: 100px;
	}
	div.filters div {
	padding-bottom: 5px; 
	margin-bottom: 10px !important; 
	float: left; 
	width: 100%; 
}
div.filters .button {float: right;color: #900; margin: -30px 5px 0 0px; font-size: 11px; font-weight: normal;}

/* Tables */
table.admin {
	margin-top: 1.5em; 
	font-size: 9pt;
	}
	table.admin th {
	background-color: #CCC; 
	font-weight: bold; 
	padding: .4em 3px; 
	text-align: left;
	}
	table.admin td {
	padding: .2em 4px; 
        height: 25px;
		}
		table.admin td img {margin: 3px 0 3px 12px;}

table.opportlist {margin: 1.5em 0 1em 0; border: 1px solid #DDD;}
table.opportlist th {
	background: url(http://www.sc.edu/provost/images/tab_hover_background.jpg) repeat-x 0 0;
	padding: .3em;
	font: normal normal 1.2em/115% Georgia, Times New Roman, serif;
	border-bottom: 1px dotted #CCC;
}
table.opportlist td {
	font: normal normal 11px/115% Arial, Helvetica, sans-serif;
	padding: .3em 0; }

#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:1;
}  

#loader {
	display: none;
	position: absolute;
	width: 540px;
	height: 250PX;
	z-index: 2;
	padding: 10px;
	background-color: #fff;
}

.rounders {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-khtml-border-radius: 6px;
}

.ulmenu {
	padding-bottom: 0px;
	list-style-image: url('/uscconnect/img/arrowcirc.gif');
	width: 250px;
	float: left;
	margin: 2px;
}

.ulmenu li {
	padding-bottom: 0px;	
}

.office_use_only {
    background-color: #eee;
    padding: 8px;
}
.office_use_only > div {
    display:block;
    clear:both;
}

.ouo_title {
    margin: 0;
    font-size: 1.3em;
    font-family: Georgia, Times, serif;
    font-weight: normal;
    padding-bottom: 10px; 
    color:#990000;
}

.ouo_header {
    color: #444;
    display: block;
    font-weight: bold;
    clear: both;
    font-size: 14px;
    padding-bottom: 10px; 
}