/* TOOL TIPS */

/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .toolbar {
	position: relative;
	display: block;
	}
.prototip .toolbar .title {
	display: block;
	position: relative;
	}
.prototip .content { clear: both; }
.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(close.gif);
	display: block;
	line-height: 0;
	font-size: 0px;
	border: 0;
	}
.prototip .toolbar a.close:hover { background: transparent url(close_hover.gif); }

.prototip .default {
  width: 400px;
  }

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
    padding: 0;
    background: none;
}

/* Tooltip styles */
.prototip .default { width: 400px; color: #fff; }
.prototip .default .toolbar { background: #0F6788; font: italic 17px Georgia, serif; }
.prototip .default .title { padding: 5px; }
.prototip .default .content { background: dodgerblue; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}

.prototip .pinktip { border: 5px solid #a1a1a1; }
.prototip .pinktip .toolbar { background: #ff1e53; color: #fff; font: italic 17px Georgia, serif; }
.prototip .pinktip .title { padding: 5px; }
.prototip .pinktip .content { background: #fff; color: #555555; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }

.prototip .darktip { width: 250px; border: 5px solid #a1a1a1; }
.prototip .darktip .toolbar { background: #606060; color: #fff; font: italic 17px Georgia, serif; }
.prototip .darktip .toolbar a.close { background: url(close_hover.gif);}
.prototip .darktip .toolbar a.close:hover { background: url(close.gif);}
.prototip .darktip .title { padding: 5px;}
.prototip .darktip .content { background: #808080; color: #fff; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }

.prototip .silver { width: 300px; border: 5px solid #cccccc; color: #fff; font: 11px Arial, Helvetica, sans-serif;}
.prototip .silver .toolbar { background: #2e2e2e; color: #fff; font-weight: bold; }
.prototip .silver .toolbar a.close:hover { background: url(close_hover_red.gif);}
.prototip .silver .title { padding: 5px; }
.prototip .silver .content { background: #fff; color: #666666; padding: 5px;}

.protoClassic { width: 300px; border: 5px solid #8c939c; }
.protoClassic .toolbar { background: #96b8e2 url(classic_toolbar.gif) top left repeat-y; font-weight: bold; color: #fff;}
.protoClassic .toolbar a.close:hover { background: url(close_hover_red.gif);}
.protoClassic .title { padding: 5px; }
.protoClassic .content { background: #fff; color: #333333; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }

/* AUTO-COMPLETE BOX ----------------------------- */

#content div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
    #content div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
      background-color: #fff;
    }
    #content div.autocomplete ul li.selected { background-color: #ffb;}
    #content div.autocomplete ul li {
      background: none;
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:18px;
      cursor:pointer;
    }

/* ECATALOG -------------------------------------- */

hr.divider { display: none; }
#content.ecatalog { padding: 1px 4px 10px 5px; }

#ecatalogNav { float: left; clear: both; width: 713px; border-bottom: 1px solid #d2d2d2; height: 42px; padding: 0 0 0 48px; }
#ecatalogNav ul li { background: none; float: left; position: relative; padding: 0; margin: 0; }
#ecatalogNav ul li a { display: block; float: left; position: relative; height: 30px; margin: 0 2px 0 0; }
#ecatalogNav ul li a span { visibility: hidden; }

#ecatalogNav ul li.search a { width: 114px; background: #ccc url("../images/searchup.png") no-repeat; }
#ecatalogNav ul li.search a.active { width: 114px; background: #ccc url("../images/but_ecatalog_nav_search.png") no-repeat; }

#ecatalogNav ul li.program a { width: 172px; background: #ccc url("../images/but_ecatalog_nav_program.png") no-repeat; }
#ecatalogNav ul li.program a.active { width: 172px; background: #ccc url("../images/programdown.png") no-repeat; }

#ecatalogNav ul li.topic a { width: 148px; background: #ccc url("../images/but_ecatalog_nav_topic.png") no-repeat; }
#ecatalogNav ul li.topic a.active { width: 148px; background: #ccc url("../images/topicdown.png") no-repeat; }

#ecatalogHelp { float: right; height: 370px; width: 276px; margin: 20px 1px 0 0; background: url("../images/bg_ecatalog_tips.png") no-repeat 0 104px; position: relative; }
#ecatalogHelp img { padding: 0 0 0 57px; }
#ecatalogHelp .mail, #ecatalogHelp .ask { display: block; float: left; padding: 0 0 0 24px; margin: 20px 7px 0 0; width: 80px; font-size: 105%; color: #555; }
#ecatalogHelp .mail { background: url("../images/ico_ecatalog_mail.png") no-repeat 0 6px; margin-left: 34px; }
#ecatalogHelp .ask { background: url("../images/ico_ecatalog_question.png") no-repeat 0 6px; }
#ecatalogHelp .tip { clear: both; background: #fff7c0; width: 200px; color: #222; float: left; margin: 30px 0 0 30px; padding: 10px; }
#ecatalogHelp .tip h4 { text-transform: uppercase; font-weight: bold; }
#ecatalogHelp .tip p { font-size: 95%; line-height: 1.3em; }
#ecatalogHelp a:hover { text-decoration: underline; }

#ecatalogResults { clear: both; width: 716px; float: right; }
#ecatalogResults h2 { width: 706px; height: 23px; background: url("../images/bg_ecatalog_results.png") no-repeat 0 0; text-transform: uppercase; font-weight: normal; padding: 2px 0 0 10px; }

#ecatalogForm { width: 423px; float: left; margin: 20px 0 0 60px; letter-spacing: 0px; }
#ecatalogForm label { text-transform: none; }
#ecatalogForm .keywords label, #ecatalogForm legend { color: #478ac0; font-sweight: bold; font-size: 105%; font-weight: bold; padding: 0 0 2px 0; }
#ecatalogForm .keywords label { margin-left: 7px; }
#ecatalogForm .keywords { width: 406px; padding: 5px 7px 5px 0; }
#ecatalogForm #e-keywords { margin: 1px 0 0 0; width: 200px; border: 1px solid #7f9db9; padding: 2px 3px; }
#ecatalogForm .program, #ecatalogForm .topics, #ecatalogForm .states, #ecatalogForm .types, #ecatalogForm .keywords { margin: 7px 0 0 7px; float: left; padding: 2px}
#ecatalogForm .program, #ecatalogForm .types { width: 416px; }
#ecatalogForm .program label { width: 416px; position: relative; }
#ecatalogForm .program label, #ecatalogForm .types label { display: block; float: left; clear: left; color: #222; font-size: 95%; padding: 1px 0 1px 0; position: relative; }
#ecatalogForm .program input, #ecatalogForm .types input { margin: 0 0 2px 0; }
#ecatalogForm .types label { font-size: 12px; }
#ecatalogForm .types .types-left { float: left; width: 241px; }
#ecatalogForm .types .types-left label { width: 221px; }
#ecatalogForm .types .types-right { float: left; padding: 0 0 0 10px; width: 165px; }
#ecatalogForm .types .types-right label { width: 185px; }
#ecatalogForm #e-submit, #ecatalogForm #e-reset { border: none; background: url("../images/but_ecatalog_search.png") no-repeat 0 0; width: 124px; height: 30px; text-transform: uppercase; font-weight: bold; color: #2a506f; clear: both; margin: 10px 0 15px 0; cursor: pointer; }
#ecatalogForm #e-reset { background: none; width: 80px; }
#ecatalogForm .topics select { width: 300px; padding: 2px 1px 2px 5px; border: 1px solid #7f9db9; font-size: 90%; }
#ecatalogForm .states { margin-left: 7px; }
#ecatalogForm .states select { width: 300px; padding: 2px 1px 2px 5px; border: 1px solid #7f9db9; font-size: 90%; }

#ecatalogForm fieldset.over { background: #FFF7C0 }

#ecatalogForm div.browse a { font-size: 14px; line-height: 22px; }
#ecatalogForm div.browse a:active { font-weight: bold; }
#ecatalogForm div.browse p { font-size: 11px; line-height: 15px; }

a.dl-link { background: #5691D1; color: #fff; padding: 2px; font-size: 11px; font-weight: bold; }
a.dl-link:hover { background: #FFFFCC; color: #000 }

p.pagination { margin-left: 15px; }
p.pagination a, p.pagination span { margin: 0 0 0 0; padding: 2px 5px; line-height: 30px; }
p.pagination span { font-weight: bold; border: 1px solid #fff; }
p.pagination a { background: #eee; border: 1px solid #aaa; }
p.pagination a:hover { background: #fff; }

table#filesTable span.fileTitle { font-size: 13px; font-weight: bold;}
td.fileCol2, td.fileCol3, td.fileCol4, td.fileCol5, #main p.locked { font-size: 11px; vertical-align: top; }
span.createdBy { font-size: 11px; line-height: 20px; }

#topics-left { float: left; width: 200px; }
#topics-right { float: right; width: 200px; }
#topics-left p, #topics-right p { margin: 0px; }

#modify { float: left; margin: 10px 0 0 5px; }