/* SSC ALUMNI
 * Version 1.0
 * 
 * Text Colors
 * 	light grey:		#f1f1f1
 * 	dark grey: 		#939598
 * 	almost black:	#0d0d0d
 * 
 * Panel Colors
 * 	red:			#bf1717		
 * 	light red:		#dc4444
 * 	dark red:		#880505
 * 	white:			#e0e0e0
 * 	dark grey:		#3d3d3d 
 * 
 */

/* RESET based on RESET CSS by ERIC MEYER */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	text-decoration:none;
}

/* UTILITY */
.floatLeft		{ float:left; }
.floatRight		{ float:right; }
.clear			{ clear:both; }

/* STRUCTURE */
*				{ margin:0; }
html,
body 			{ height:100%; }
html			{ /*overflow-y:scroll;*/ }
body 			{ background:url(../images/bg.png) repeat #000000; font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; color:#f1f1f1; }

#leftShadow		{ min-height:100%; height:auto !important; height:100%; background:url(../images/leftShadow.png) top repeat-y; width:60px; float:left; position:fixed; top:0; left:0; }
#rightShadow	{ min-height:100%; height:auto !important; height:100%; background:url(../images/rightShadow.png) top repeat-y; width:60px; float:right; position:fixed; top:0; right:0; }

#pageWrap 		{ min-height:100%; height:auto !important; height:100%; margin:0 auto -30px auto; }
#contWrap 		{ width:85%; margin:0 auto;  }

#header			{ height:125px; }

/* TITLE */
#directory		{ z-index:10; color:#0d0d0d; background:url(../images/directoryBG.png) top repeat-x #3d3d3d; height:0px; overflow:hidden; padding:0 10px; /*-moz-border-radius:0 0 5px 0;*/ -webkit-border-bottom-right-radius:5px; }
#directory span { font-weight:bold; cursor:pointer; float:right; display:inline; }
#directory span:hover { font-style:oblique; }

#directory ul 	{  }
#directory li 	{ padding:5px 0; }
#directory p 	{ font-size:13px; color:#939598; margin:10px 0; padding:5px 10px; border:1px dashed #939598; }
#directory a	{ font-size:13px; }

#default		{ list-style:none; margin-bottom:10px; padding:0 1%; width:16%; float:left; }
#customLinks	{ float:left; width:80%; }
#customLinks ul { list-style:none;  float:left; width:17%; padding:0 2%; }

.open			{ color:#e1a328; background:url(../images/asterisk.png) left no-repeat; padding-left:20px; cursor:default; }
.closed			{ color:#46ce57; background:url(../images/plus.png) left no-repeat; padding-left:20px; }

#title			{ z-index:10; background:#3d3d3d; padding:10px; float:left; -moz-border-radius:0 0 5px 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-box-shadow:0 5px 6px #0d0d0d; }
#title:hover  	{ background:url(../images/titleBG.png) repeat-x bottom #3d3d3d; }
#title ul		{ list-style:none; margin:0; }
#title li 		{ display:inline; color:#0d0d0d; margin:0 15px 0 0; font-size:13px; cursor:pointer; text-shadow:0 1px 0 #535353; }
#title a		{ font-size:16px; color:#0d0d0d; font-weight:bold; padding:3px 25px 3px 0; background:url(../images/verDivider.png) right repeat-y; }

.more			{ background:url(../images/panels.png) left no-repeat; padding:10px 0 10px 20px; }

#restore		{ width:590px; float:left; padding:7px 10px; margin:5px 20px; color:#b3640f; background:#f2ea65; border:1px solid #b3640f; display:none; text-align:center; }
#restore span 	{ float:right; position:relative; font-weight:bold; font-size:10px; cursor:pointer; top:-4px; left:3px; }
#restore p 		{ font-size:15px; }

#explore 		{ width:590px; float:left; padding:7px 10px; margin:5px 20px; color:#b3640f; background:#f2ea65; border:1px solid #b3640f; text-align:center; }
#explore span 	{ float:right; position:relative; font-weight:bold; font-size:10px; cursor:pointer; top:-4px; left:3px; }
#explore p 		{ font-size:15px; }


/* PANELS */
#panels			{ min-height:600px; list-style:none; padding-bottom:30px; }

#columns 		{ padding-bottom:150px; }
.column			{ float:left; width:33.3%; list-style:none; min-height:400px; height:auto !important; hieght:400px; }

.panelCont 		{ padding:5px 10px; background:url(../images/panelShadow.png) top repeat-x #0d0d0d; margin:0 4px 4px 4px; overflow:hidden; }
.panelCont h3 	{ font-size:16px; font-weight:normal; margin:5px 0; text-transform:lowercase; }
.panelCont p 	{ font-size:11px; line-height:18px; padding-bottom:5px; }
.panelCont dl 	{ padding-bottom:10px; }
.panelCont dt	{ font-size:11px; }
.panelCont dd	{ font-size:11px; }
.panelCont a 	{ color:#f1f1f1; border-bottom:1px dotted #f1f1f1; }
.panelCont a:hover 	{  }

.panel_red,
.panel_lightRed,
.panel_darkRed,
.panel_white,
.panel_grey		{ margin:10px 34px 30px 0; padding:2px; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; height:27px; }
.panel_red		{ background:#bf1717; border:1px solid #4e0606;  }
.panel_lightRed	{ background:#dc4444; border:1px solid #b81e1e; }
.panel_darkRed	{ background:#880505; border:1px solid #2e0000; }
.panel_white	{ background:#e0e0e0; border:1px solid #a5acb2; }
.panel_grey 	{ background:#3D3D3D; border:1px solid #535353; }

.panel_red .panelCont 		{ border:1px solid #4e0606; }
.panel_white .panelCont		{ border:1px solid #a5acb2; }
.panel_darkRed	.panelCont	{ border:1px solid #2e0000; }
.panel_lightRed	.panelCont	{ border:1px solid #b81e1e; }
.panel_grey .panelCont 		{ border:1px solid #535353; }

.skyscraper		{  }

.placeholder	{ border:3px dashed #3d3d3d; margin:10px 34px 30px 0; height:220px; -moz-border-radius:5px; -webkit-border-radius:5px; }

#bar 			{ cursor:move; overflow:hidden; padding:2px 5px 0; height:27px; }
#bar h2 		{ text-transform:lowercase; font-size:16px; font-weight:normal; padding:0 0 7px 0; }
#bar form  		{  }
#bar input 		{ outline:none; color:#a5acb2; font-style:italic; padding:3px; }
#bar p  		{ font-size:10px; }

.bar_red		{ background:#bf1717; }
.bar_lightRed	{ background:#dc4444; }
.bar_darkRed	{ background:#880505; }
.bar_white		{ background:#e0e0e0; color:#0b0b0b; }
.bar_grey 		{ background:#3d3d3d; color:#0b0b0b; }

.closeWizard,
.closePanel		{ float:right; position:relative; right:2px; cursor:pointer; font-size:13px; font-weight:bold; }
.min			{ float:right; cursor:pointer; padding:0 13px; font-size:13px; font-weight:bold; }
.max			{ float:right; cursor:pointer; font-size:13px;  }

.loader	 		{ display:block; margin:60px auto; }
.icon 			{ float:left; padding:3px 5px 0 0; }

#flickr 		{ height:260px; }
#flickr ol 		{ list-style:none; text-align:center; }
#flickr li 		{ margin:2%; display:inline-block; }
#flickr a		{ border:none; }

.flickrThumb 	{ width:75px; height:75px; cursor:pointer; }

#about ol 		{ list-style:none; }
#about h4 		{ text-transform:uppercase; font-size:11px; font-weight:normal; }
#about li		{ /*height:24px; overflow:hidden;*/ font-size:11px; padding:0 0 10px 0; margin:0 5px 5px 0; background:url(../images/horDivider.png) repeat-x bottom; }
#about a 		{ color:#A6A6A6; border-bottom:1px dotted #A6A6A6; }
#about table 	{ margin-bottom:5px; }
#about td 		{ padding:0 10px 0 0; text-align:left; }
#about input 	{ cursor:pointer; font-style:normal; padding:3px; color:#F1F1F1; font-size:12px; line-height:15px; background:#3D3D3D; border:1px solid #535353; font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; }
#about .wrap	{ margin-left:23px; }
#about .note 	{ background:url(../images/pin.gif) left 4px no-repeat; padding-left:23px; }
#about .contact { background:url(../images/contact.gif) left 4px no-repeat; padding-left:23px; }
#about .create 	{ background:url(../images/create.gif) left 4px no-repeat; padding-left:23px; }

#calendar ol	{ list-style:none; }
#calendar li	{ font-size:11px; padding:0 0 10px 0; background:url(../images/horDivider.png) repeat-x bottom; margin:0 0 10px 0; }
#calendar h3 	{ margin-bottom:10px; }
#calendar h4 	{ font-weight:normal; text-transform:uppercase; }
#calendar td 	{ padding:0 10px 0 0; }
#calendar a	 	{ }

#calendar .closed 	{ cursor:pointer; text-transform:uppercase; }

.calendar		{ overflow:hidden; }
.calendar_toggle{ padding:5px; font-weight:bold; cursor:pointer; }

.classOf 		{ float:left; width:90px; }
.comingUp 		{  }
.over 			{ color:#A6A6A6; }

#video 			{ height:480px; overflow-y:auto; }
#video ol 		{ list-style:none; /*height:100000px;*/ }
#video li 		{ padding:10px 0 10px 0; margin:5px 10px 5px 0; background:url(../images/horDivider.png) repeat-x bottom; font-size:9px; }
#video li img 	{ float:left; margin:3px 0 5px 0; }
#video li a 	{ border-bottom:none; }

#video .wrap 	{ width:55%; float:left; padding-left:15px; }
#video .wrap a 	{ margin:0 0 10px 0; font-size:13px; color:#a6a6a6; border-bottom:1px dotted #a6a6a6; font-weight:normal; }
#video .wrap p 	{ padding:5px 0; line-height:15px; }

#twitter		{ height:480px; /*position:relative;*/ overflow-y:scroll; }
#twitter ol		{ list-style:none; /*position:absolute; height:100000px;*/ padding-bottom:10px; }
#twitter li 	{ padding:5px 0 10px 0; margin:5px 0; background:url(../images/horDivider.png) repeat-x bottom; font-size:9px; }
#twitter li:hover {  }
#twitter li img	{ padding:6px 0 0 0; float:left; }
#twitter dl 	{ margin:0 5px 0 60px; }
#twitter dt		{ font-size:11px; padding-bottom:3px; font-style:italic; }
#twitter dt a 	{ font-size:13px; color:#a6a6a6; border-bottom:1px dotted #a6a6a6; font-style:normal; }

#twitter .last { background:none; }

#google_news		{ height:480px; overflow-y:scroll; }
#google_news ol		{ list-style:none; /*height:100000px;*/ padding-bottom:10px; }
#google_news li 	{ font-size:11px; padding:5px 0 15px 0; margin:5px 0; background:url(../images/horDivider.png) repeat-x bottom; }
#google_news dt a 	{ color:#A6A6A6; font-size:13px; border-bottom:1px dotted #A6A6A6; }
#google_news dd 	{ padding:5px 0 0 0; }

.twilight 		{ color:#91fffb; }

#filter			{ border:1px solid #a5acb2; }
#filter:focus	{ border:1px solid #91fffb; }
#filter:blur	{ border:1px solid #a5acb2; }	

#facebook_comments	{ height:175px; }

.custom			{ list-style:none; }
.custom h4 		{ text-transform:uppercase; font-size:11px; font-weight:normal; }

.custom li 		{ /*height:24px; overflow:hidden;*/ font-size:11px; padding:0 0 10px 0; margin:0 5px 5px 0; background:url(../images/horDivider.png) repeat-x bottom; }
.custom dl 		{ padding:0; }
.custom dt		{ text-transform:uppercase; }
.custom dd 		{ padding:2px 0 2px 15px; }
.custom p 		{  }
.custom a 		{ color:#A6A6A6; border-bottom:1px dotted #A6A6A6; }

.custom table  	{  }
.custom tr 		{  }
.custom td		{ padding:0 10px 0 0; text-align:left; }

.custom .cal 	{ /*margin-bottom:5px; padding-bottom:5px;*/ overflow:hidden; }

.custom .wrap 		{ margin-left:23px; }
.custom .wrap ul 	{ list-style:none; }
.custom .wrap li 	{ background:none; padding:5px 0; margin:0; }

.custom .flickr 	{ list-style:none; text-align:center; height:85px; overflow:hidden; }
.custom .flickr li 	{ background:none; margin:2%; padding:0;  display:inline-block; }
.custom .flickr a	{ border-bottom:none; }

.custom .note 		{ background:url(../images/pin.gif) left 4px no-repeat; padding-left:23px; }
.custom .events 	{ background:url(../images/calendar-day.gif) left 4px no-repeat; padding-left:23px; }
.custom .photo 		{ background:url(../images/camera.gif) left 4px no-repeat; padding-left:23px; }
.custom .contact	{ background:url(../images/contact.gif) left 4px no-repeat; padding-left:23px; }
.custom .links		{ background:url(../images/globe.gif) left 4px no-repeat; padding-left:23px; }
.custom .files		{ background:url(../images/files.gif) left 4px no-repeat; padding-left:23px; }
.custom .blog		{ background:url(../images/rss.gif) left 4px no-repeat; padding-left:23px; }
.custom .login 		{ background:url(../images/login.gif) left 4px no-repeat; padding-left:23px; }

.toggle				{ padding:5px; font-weight:bold; cursor:pointer; }


/* NEW PANEL OVERLAY based on jQUERY TOOLS*/
.simple_overlay 	{ display:none; z-index:10000; width:650px; height:525px; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } 
.simple_prompt 		{ display:none; z-index:10000; width:350px; height:203px; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }

#wizard 		{ height:480px; overflow-y:scroll; list-style:none; }
#wizard h1 		{ font-size:22px; }
#wizard h3 		{ text-transform:none; }
#wizard h4 		{ font-weight:normal; margin:10px 0; text-align:right; padding-right:5px; }
#wizard ol 		{ list-style:none; }
#wizard li 		{ padding:0 0 10px 0; background:url(../images/horDivider.png) repeat-x bottom; margin:0 0 10px 0; }

#wizard .query_failure  	{ color:#dc4444; }
#wizard .query_success 		{ color:#46CE57 }
#wizard .code 				{ font-family:"Georgia",Times,serif; padding:20px 0; font-style:italic; }
#wizard .credentials 		{ font-size:22px; background:#3D3D3D; padding:5px; font-family:"Georgia",Times,serif; font-weight:bold; color:#0B0B0B; text-shadow:0 1px 0 #535353; }

.wizard 			{ padding:0 10px; }
.wizard h3 			{ text-transform:uppercase; margin:5px 0; }
.wizard p 			{ padding:0 0 10px 0; color:#3D3D3D; font-style:italic; }
.wizard tr 			{ }
.wizard td 			{ vertical-align:top; }
.wizard td img 		{ padding:5px 0 0 3px; }
.wizard td label 	{ float:right; padding:0 10px 0 0; font-size:12px; width:85px; text-align:right; }
.wizard td  .fix { background:#822d2a; border:1px solid #dc4444; }
.wizard td input,
.wizard td textarea	{ padding:3px; margin:0 0 10px 0; color:#F1F1F1; font-size:14px; background:#3D3D3D; border:1px solid #535353; font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; }
.wizard td textarea { height:175px; width:164px; }
.wizard #submit 	{ cursor:pointer; text-transform:uppercase; padding:5px; color:#F1F1F1; font-size:16px; background:#3D3D3D; border:1px solid #535353; font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; }

.error 		{ color:#dc4444; padding:0 10px; font-size:12px; }
.oops		{ color:#dc4444; padding:0 10px; font-size:12px; }
.success 	{ color:#46CE57; padding:0 10px; font-size:12px; }
.notation 	{ font-size:9px; color:#3D3D3D; }
.checkbox 	{ font-size:12px; padding:0 3px; }

.wizard .swatch 	{ width:25px; height:25px; overflow:hidden; float:left; cursor:pointer; }
.wizard .red		{ background:#bf1717; border:2px solid #bf1717; }
.wizard .lightRed	{ background:#dc4444; border:2px solid #dc4444; }
.wizard .darkRed	{ background:#880505; border:2px solid #880505; }
.wizard .white 		{ background:#e0e0e0; border:2px solid #e0e0e0; }

.wizard .red:hover,
.wizard .lightRed:hover,
.wizard .darkRed:hover, 
.wizard .white:hover 	{  }

.wizard .note 		{ font-size:8px; }

#prompt ol 			{ list-style:none; }
#prompt li 			{ padding:0 0 10px 0; background:url(../images/horDivider.png) repeat-x bottom; margin:0 0 10px 0; }

#prompt				{ margin-left:23px; }
#prompt table 		{  }
#prompt td 			{ padding:0 3px 0 0; }
#prompt td label 	{ float:right; padding:0 5px 0 0; font-size:11px; }
#prompt td password,
#prompt td input	{ margin:2px 0; font-style:normal; padding:3px; color:#F1F1F1; font-size:12px; line-height:15px; background:#3D3D3D; border:1px solid #535353; font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; }
#prompt .cancel,
#prompt .confirm 	{ cursor:pointer; margin:2px 4px 2px 0; }


/* INLINE EDITING */
.editable				{ color:#0D0D0D; background:#f2ea65; cursor:pointer; padding:0 5px; margin:0 -5px; font-style:italic; }
.editable a 			{ color:#0D0D0D; }

.customize textarea,
.customize input 		{ font-style:normal; padding:3px; color:#F1F1F1; font-size:12px; line-height:15px; background:#3D3D3D; border:1px solid #535353; font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; }
.customize textarea 	{ width:95%; margin-bottom:5px; overflow-y:hidden; }
.customize input 		{ margin-right:5px; }
.customize .saveEdit 	{ cursor:pointer; }
.customize .cancelEdit 	{ cursor:pointer; }

.editPanel 				{ font-size:10px; float:right; margin:1px 10px 0 0; cursor:pointer; }

/* FOOTER */
#push,
#footer			{ height:30px; }
#footer 		{ text-align:center; color:#939598; font-size:11px; }
#footer ul 		{ list-style:none; }
#footer li 		{ display:inline; padding:0 5px; }
#footer a		{ color:#939598; text-decoration:none; border-bottom:1px dotted #939598; }
#footer a:hover	{ color:#f1f1f1; border-bottom:1px dotted #f1f1f1; }