/* 
##::: Project         Online Telephone Directory System
##::: Style Sheet     directories
##::: File            /html/isdb/styles/directories.css
##::: Language        Cascading Style Sheet
##::: Author          sattrich
##::: Hostname        ds.netel.isu.edu
##::: Date Launched   June 1, 2011
##::: 
##::: Description     The directories style sheet defines the styles used throughout
##:::                 the application.
##:::                    
##::: ModDate   ByWhom    Description
##::: ========  ========  ==========================================================
##::: 
*/

/* General */
table { border-collapse:collapse; border-spacing:0; border:0; margin:0 }
tr { vertical-align:top }
td { padding:0; border:0 }
form { margin:0 0 0 20px }

/* Template */
#container { position:relative }
#nav { position:absolute; left:0px }
img#student { background-color:White; border:1px solid #ccc; padding:4px; margin-bottom:15px }
.prompt { font-style:italic; font-size:11px; color:#999 }

/* Search Notification */
div#darkenedScreen { background-color:Black; opacity:0.5; -moz-opacity:0.50; filter:alpha(opacity=50); z-index:20; width:100%; height:100%; background-repeat:repeat; position:fixed; top:0px; left:0px;display:none }
div#performSearch { width:100%; height:100%; text-align:center; position:absolute; top:40%; overflow:visible; z-index:25; display:none; }
div#performSearch div {	width:228px; margin:0 auto; border:solid 10px White }
div#performSearch div div { width:200px; padding:10px; background:White; border:solid 4px #efefef; font-size:18px; color:#999 }
img#spinner { width:16px; height:16px; margin-top:8px }

/* Forms */
td.required, td.optional, td.disabled { font-weight:bold; font-size:15px; text-align:right; padding:7px 15px 0px 0px; vertical-align:top; white-space:nowrap }
td.required label { background:White url(../images/asterisk.gif) no-repeat left 4px; padding-left:14px }
td.disabled { color:#999 }
td.element { font-size:16px; padding:3px 0px 6px 0px; vertical-align:top }

/*input[type=text], input[type=password], input[type=file], textarea, select, div.readonly { font:16px Arial, Helvetica, Verdana, sans-serif; padding:4px; border:solid 1px #7f9db9 }
*/
div.readonly { border-color:White; }
input[type=radio], input[type=checkbox] { padding:6px }

/*
input[type=button], input[type=submit] { height:30px; padding:4px 8px; background:#ccc url(../images/button-background.gif) repeat-x scroll left top; border:1px solid #999; cursor:pointer }
input[type=button]:hover, input[type=submit]:hover { background-image:none }
input[disabled] { border-color:#999; background-color:#e9e9e9 }
*/
textarea { width:500px; height:54px }
label { cursor:pointer; cursor:hand }
.errorLabel { font-size:14px; color:Red }
.highlight { background-color:#fff1df }
.prompt { font-size:12px; font-weight:normal; font-style:italic; color:#999; line-height:14px; margin-top:4px }
input.order { font:13px Arial, Helvetica, sans-serif; padding:2px; width:25px; margin-right:5px; text-align:center }
span.indent { font-weight:bold; color:#00c }

/* Form Pop-Ups */
div.buildingList { display:none; position:absolute; width:358px; height:342px; background-color:White; border:solid 1px #7f9db9; padding:4px; margin-top:-352px; overflow:scroll }
div.buildingList a { display:block; padding:2px; color:Black }
div.buildingList a:hover { background-color:#fff1df; text-decoration:none }
div.departmentList { display:none; position:absolute; width:570px; height:342px; background-color:White; border:solid 1px #7f9db9; padding:4px; margin-top:-352px; overflow:scroll }

/* Search Container */
/*div#searchContainer { float:left } */

/* Search Tabs */
div#searchTabs { height:36px; margin-left:20px; background:#efefef url(../images/tab-background-left.gif) no-repeat scroll left top; float:left }
div#searchTabs ul { background:#efefef url(../images/tab-background-right.gif) no-repeat scroll right top; display:inline; float:left; margin:0 0 0 20px; padding:4px 20px 0 0 }
div#searchTabs ul li { list-style-type:none; height:36px; float:left; background:Transparent url(../images/tab-divider.gif) no-repeat scroll 0px 4px }
div#searchTabs ul li.firstTab { background:none }
div#searchTabs ul li.selectedTab { background:White url(../images/selected-tab-left.gif) no-repeat scroll left top }
div#searchTabs ul li a { display:block; float:left; height:24px; padding:6px 15px 6px 10px; margin-left:5px; text-decoration:none }
div#searchTabs ul li.selectedTab a { background:White url(../images/selected-tab-right.gif) no-repeat scroll right top }

/* Search Content */
div#searchContent { margin:0 0 0 20px; border:4px solid #efefef; padding:20px; clear:both }
div#searchContent form { margin:0; padding:0 }
div#searchContent table { border-collapse:collapse; border-spacing:0; border:0; margin:0; padding:0 }
div#searchContent td { border:0; padding:0 }

/* Search Tab */

input.highlight { background-color:#fff1df }
/*
input#query { width:450px; height:22px; font-size:16px; padding:4px 6px; border:1px solid #ddd }
input#search { height:30px; width:auto; overflow:visible; padding:4px 8px; background:#ccc url(../images/button-background.gif) repeat-x scroll left top; border:1px solid #999; cursor:pointer }
input#search:hover { background-image:none }
*/
div.note { font-size:12px; float:left }
div.tableButtons, div.fieldButtons { font-size:16px; margin-top:8px }
div.tableButtons img { margin:0; padding:0; border:0; margin-bottom:-5px }
td.searchLabel { font-size:16px; font-weight:bold; color:#666 }
img.arrow { width:10px; height:11px; margin:0 15px 0 0 }

/* Alphabetical Tab */
div#alphabetical { display:none }
div#searchContent h3, div#print h3 { margin:0 0 10px 0 }
div#alphabetical a, div#alphabetical a:active, div#alphabetical a:focus, div#print a, div#print a:active, div#print a:focus { border:1px solid White; font-size:15px; text-decoration:none }
div#alphabetical a:hover, div#print a:hover { border-color:#b93312; background-color:#f3f3f3; text-decoration:none }

/* Print Tab */
div#print { display:none }

/* Switchboard Tab */
div#switchboard { display:none }
div#switchboard input[type=text] { width:170px }
div#switchboard td { padding:3px 0px 6px 0px }
table.switchboard { width:650px }
table.switchboard img { margin:0; padding:0; border:0; margin-bottom:-3px }
table.switchboard b { font-size:16px; color:#666 }

/* Admin Tab */
div#admin { display:none }

/* Main width:713px; */
div#main {  margin-top:30px }

/* Search Results */
/*
div#searchResults ul li { list-style-type:square }
div#searchResults table { border-collapse:collapse; border-spacing:0; border:0; margin:0 0 0 20px; padding:0 }
div#searchResults tr.tableRow, div#searchResults tr.tableAlternateRow, div#searchResults tr.highlightRow, div#searchResults tr.tableImportantRow { border-top:solid 1px #ddd }
div#searchResults tr.tableRow { background-color:#efefef }
div#searchResults tr.tableAlternateRow { background-color:White }
div#searchResults tr.tableImportantRow { background-color:#fdffcb }
div#searchResults tr.highlightRow { background-color:#fff1df; cursor:pointer }
div#searchResults td, div#searchResults th { border:0; padding:8px 6px }
div#searchResults th { font-size:18px; font-weight:bold; text-align:left }
div#searchResults td.tableCellLeft { text-align:left }
div#searchResults td.tableCellCenter { text-align:center }
div#searchResults td.tableCellRight { text-align:right }
div#searchResults img { margin:0 }
div#searchResults tr td a { text-decoration:none; color:Black }
div#searchResults tr td a:hover { text-decoration:underline; color:#aa3311 }
*/
div#searchResults tr{cursor:pointer }

span.large { font-size:15px }
span.large.important { font-weight:bold }
span.matching { color:#c00 }

/* Paging */
div#summary { margin:0 0 10px 20px; color:#666 }
div#pagingContainer { width:690px; border-top:solid 1px #999; margin-left:20px; padding-top:6px }
span#selectedPage { font-weight:bold; font-size:15px; background-color:#b93312; color:White }
div#pagingContainer a { font-size:15px }
div#pages { margin-top:4px; width:560px }
div.advance { font-weight:bold; float:right }

/* Profile */
div#subtitle { margin:2px 0 18px 20px; font-size:15px; font-style:italic }
div#listing { margin-left:40px; font-size:15px; line-height:22px }
table#department { width:690px; border-collapse:collapse; border-spacing:0; border:0; margin:0 0 0 20px; padding:0 }
table#department td { border:0; padding:4px 0 }
table#department td.right { text-align:right }

/* Command Bar */
table.commandBar { width:693px; height:36px; background:White url(../images/command-background.gif) scroll no-repeat left top }
table.commandBar td { padding:8px 12px }

/* Links */
a.popup { font-size:12px; color:Blue; text-decoration:none }
a.popup:hover { color:#a31 }
a.saveLink, a.deleteLink, a.deleteLinkdisabled, a.cancelLink, a.windowLink, a.windowLinkdisabled, a.reorder, a.accept, a.cancel, a.add { display:block; padding-left:22px; height:18px; color:#42516e; font-size:14px; font-weight:bold; text-decoration:none; background:#efefef url(../images/spacer.gif) scroll no-repeat 2px 2px  }
a.saveLink:hover, a.deleteLink:hover, a.cancelLink:hover, a.windowLink:hover, a.reorder:hover, a.accept:hover, a.cancel:hover, a.add:hover { color:#900; text-decoration:underline }
a.saveLink { background-image:url(../images/save.gif) }
a.deleteLink { background-image:url(../images/delete.gif) }
a.deleteLinkdisabled { background-image:url(../images/delete-disabled.gif) }
a.cancelLink { background-image:url(../images/cancel.gif) }
a.windowLink { background-image:url(../images/window.gif) }
a.windowLinkdisabled { background-image:url(../images/window-disabled.gif) }
a.reorder { background-image:url(../images/reorder.png) }
a.accept { background-image:url(../images/accept.png) }
a.cancel { background-image:url(../images/cancel.png) }
a.add { background-image:url(../images/add.png) }
a.edit { height:18px; padding-left:20px; background:White url(../images/edit.png) scroll no-repeat 0px 2px }
a.print, a.update, a.clear { display:block; height:18px; padding-left:22px; margin-bottom:10px; background:#efefef url(../images/spacer.gif) scroll no-repeat 0px 2px }
a.print { background-image:url(../images/printer.png) }
a.update { background-image:url(../images/edit.png) }
a.clear { background-image:url(../images/delete.gif); margin:1px 0 0 10px }
div#clear { float:right; height:26px; width:120px; background:#efefef url(../images/clear-background.gif) scroll no-repeat left top }
a.hiddenEdit { padding-right:22px; color:Black; text-decoration:none }
a.hiddenEdit:hover { background:White url(../images/edit.png) scroll no-repeat right top; color:#a31; text-decoration:underline }