/*  
Website: http://
Name: Digital Document System Stylesheet
Description: Digital Document System, designed and hosted by Artemis Inc.
Version: 1.1
Author: Jefte Puente
Author URI: http://www.artemisit.com
Comments:	This stylesheet is best viewed without word wrapping.
*/

/*** Body Styles ***/
body { font-size: 62.5%; font-family: Lucida Sans Unicode, Lucida Grande, Sans-serif; margin: 0px auto; background: #92A0B0; }
#page { overflow: hidden; background: #eee url('/images/page_bg.gif'); width: 1000px; margin: 0 auto; }
.error { color: red; }
.errorText {color: red; font-size: 12px;}
.top { margin: 0 0 0 840px; }
#errorBox {clear: left; padding: 5px 5px 5px 25px; font-size: 1.2em; border: 1px solid #FF0000; background: #FFE4E4 url('images/ico_error.png') no-repeat 5px 5px; margin: 0 0 10px 0;}
#messageBox {clear: left; padding: 5px 5px 5px 25px; font-size: 1.2em; border: 1px solid #FFCC00; background: #fffdd6 url('images/ico_yellowerror.png') no-repeat 5px 5px; margin: 0 0 10px 0;}
#positiveBox {clear: left; padding: 5px 5px 5px 25px; font-size: 1.2em; border: 1px solid #6EC461; background: #E5FFE0 url('images/ico_checkmark.png') no-repeat 5px 5px; margin: 0 0 10px 0;}
.Important { font-weight: bold; font-size: 1.0em; }
#header { background: url('/images/header.png') #fff top left; width: 100%; float: left; height: auto; background-repeat: no-repeat; padding: 0; }
#header #help { color: #fff; font-size: 1.2em; background: #666 url('/images/ico_help.png') no-repeat 6px 5px; float: right; padding: 5px 8px 7px 28px; text-decoration: none;}
#header #help:hover { background: #777 url('/images/ico_help.png') no-repeat 6px 5px; text-decoration: underline;}
#header img { float: left; border: none;}
#header #logo { float: left; display: block; width: auto; height: auto; margin: 35px 0 26px 35px; }

/*** Content/Copy Styles ***/
p { font-size: 1.3em; line-height: 145%; margin: 0; padding-bottom: 15px;  }
#content { float: left; padding: 20px; margin: 0px 20px 0 20px; margin-bottom: 0px; color: #000; background: #fff; width: 920px; }
#content ul { font-size: 1.2em; margin-bottom: 20px; margin-top: 15px;}
a:link { color: #005595; }
a:visited { color: #005595; }
a:hover { color: #0090FB; }
.smallbold { font-size: 11px; font-weight: bolder; }

#pageTitle { float: left; display: block; width: 100%; margin: 0 0 15px 0; border-bottom: 1px solid #ccc; padding-top: 0px; text-align: left; color: #000; padding-bottom: 5px; font-weight: bold; }
#pageTitle h2 { float: left; }
#loginlogin #pageTitle { margin-bottom: 20px; }
#pageTitle a { float: left; text-decoration: none; color: #b0a600; }
#pageTitle a:hover { text-decoration: none; color: #E9DA00; }
#pageTitle a:visited { text-decoration: none; }

/*** Table Styles - Tables are for tabular data ***/
table { float: left; clear: left; width: 100%; margin: 0 0 10px 0; }
	#file_details { width: 550px; font-size: 1.2em; margin: 0 0 15px 0;}
th { white-space:nowrap; padding: 4px; background: #609ac9; color: #fff; font-size: 1.1em; text-align: left; }
th a:link, th a:visited { color: #fff; text-decoration: none; }
th a:hover { text-decoration: underline; }
td a:link, td a:visited { color: #000; text-decoration: none; }
td a:hover { text-decoration: underline; }
td { font-size: 1.0em; padding: 4px; font-size: 1.1em; }
tr { background-color: #F8FBFE; }
th:hover { background: #609ac9; }
tr.altrow { background-color: #E2F0FA; }
tr:hover { background-color: #C4E6FA; }

.table_button { display: block; float: left; margin: 0 4px 0 6px; padding: 1px 1px 1px 17px; height: 13px; line-height: 1.0em; background-position: 2px 50%; overflow: visible;}
.table_button_left { display: block; float: left; margin: 0 4px 0 6px; padding: 1px 1px 1px 17px; height: 13px; line-height: 1.0em; background-position: 2px 50%; overflow: visible;}
.table_button_left:hover { color: pink; background: #fff; }
.table_button_right { display: block; float: right; margin: 0 4px 0 6px; padding: 1px 1px 1px 17px; height: 13px; line-height: 1.0em; background-position: 2px 50%; overflow: visible;}
.table_button_right:hover { color: pink; background: #fff; }
#view { background: url('/images/ico_search.png') no-repeat 0px 0px;}
#details { background: url('/images/ico_info.png') no-repeat 0px 0px;}
#idxedit { background: url('/images/ico_edit.png') no-repeat 0px 0px;}
#delete { background: url('/images/reset_bg.gif') no-repeat 0px 0px; }
#file_details .table_button_left { margin-top: 5px; margin-bottom: 5px; } 
#file_details .table_button_right { margin-top: 5px; margin-bottom: 5px; } 
#filedetail_actions:hover { background: #F8FBFE; }

/*** Legend ***/

#legend { float: right; margin: 0px 1px 0 0; background: #ECF6FF; padding: 10px;}
#legend .view, #legend .details, #legend .delete { padding: 1px 1px 1px 17px;  margin: 0 10px 0 0; }
.view { background: url('/images/ico_search.png') no-repeat 0px 0px;  }
.details { background: url('/images/ico_info.png') no-repeat 0px 0px;  }
.idxedit { background: url('/images/ico_edit.png') no-repeat 0px 0px;  }
.delete { background: url('/images/reset_bg.gif') no-repeat 0px 0px;  }


/*** Back Next buttons ***/
#BackNextButtonsBottom { width: 100%; float: left; }
#BackNextButtonsTop { width: 100%; height: 13px; clear: left; float: left; }
#MemberListingPrevious a, #MemberListingNext a { text-decoration: none;}
#MemberListingPrevious img, #MemberListingNext img { margin: 0 2px 0 2px; }
#MemberListingPrevious { float: left; clear: left; width: 120px; }
#MemberListingNext { float: right; }

/*** Heading Styles ***/
h1 { font-size: 3.6em; font-weight: bold; letter-spacing: -2px; text-transform: uppercase; color: #005595; display: block; float: right; clear: right; padding: 0; line-height: 0.9em; margin: 54px 47px 0 0px; } 
h2 { margin: 0; font-size: 2.0em; font-weight: normal; letter-spacing: -1px; }
h3 { display: block; width: 100%; margin: 0; float: left; font-size: 1.6em; margin-bottom: 5px; letter-spacing: -1px; font-weight: normal; } 
h4 { margin: 0; font-size: 1.4em; margin-bottom: 0px; font-weight: bold; } 
h5 { margin: 0; font-size: .8em; margin-top: 0; margin-bottom: 10px; font-weight: bolder; }
/* Inconsistant HR styling across browsers forces the use of a div with this class in lieu of the hr tag */
.hr { width: 100%;	height: 1px; margin: 0 0 0 7px;	padding: 0;	border: 1px solid #4299ce; }

/*** Navigation - Uses an unordered list and styles them as buttons ***/
	
	/* Main Nav */
	#nav { float: left; overflow: hidden; margin: 5px 0 0 0; width: 100%; height: 35px; background: #005595; color: #fff; font-size: 1.2em;}
	#nav a { color: #fff; margin: 0 0 0 3px; padding: 9px 9px 10px 9px; text-decoration: none;}
		#nav a:hover { background: #0067b4; color: #fff; text-decoration: underline; }
		#nav a#search { background: url('/images/ico_search.png') no-repeat 7px 10px; padding: 9px 9px 10px 25px;  }
		#nav a#dash { background: url('/images/ico_dash.png') no-repeat 7px 10px; padding: 9px 9px 10px 25px;  }
		#nav a#folderinfo { background: url('/images/ico_info.png') no-repeat 7px 10px; padding: 9px 9px 10px 25px;  }
		#nav a#home { background: url('/images/ico_home.png') no-repeat 7px 10px; padding: 9px 9px 10px 25px;  }
		#nav a#search:hover {background: #0067b4 url('/images/ico_search.png') no-repeat 7px 10px;}
		#nav a#adddoc { background: url('/images/ico_addpage.png') no-repeat 6px 10px; padding: 9px 9px 10px 25px;  }
		#nav a#adddoc:hover {background: #0067b4 url('/images/ico_addpage.png') no-repeat 6px 10px;}
		#nav a#account { background: url('/images/ico_user.png') no-repeat 6px 10px; padding: 9px 9px 10px 25px;  }
		#nav a#account:hover {background: #0067b4 url('/images/ico_user.png') no-repeat 6px 10px;}
		#nav a#changepw { background: url('/images/ico_changepw.png') no-repeat 6px 10px; padding: 9px 9px 10px 25px;  }
		#nav a#changepw:hover {background: #0067b4 url('/images/ico_changepw.png') no-repeat 6px 10px;}
		#nav a#logout { background: url('/images/ico_logout.png') no-repeat 6px 10px; padding: 9px 9px 10px 25px;  }
		#nav a#logout:hover {background: #0067b4 url('/images/ico_logout.png') no-repeat 6px 10px;}
		#nav a img { float: left;  }
		
	#userID { float: left; padding: 9px 9px 10px 9px; }
		#userID a { background: none; padding: 9px 9px 10px 9px;}
		#userID a:hover { background: #0067b4; padding: 9px 9px 10px 9px;}
		
	#links { float: left; padding: 9px 9px 10px 9px; }
	#nav #links { float: right;}
		
	/* Footer Nav */
	#footer { float: left; color: #999; margin: 0; height: 65px; width: 100%; margin: 15px 0 0 0; text-align: center; padding: 7px 0 0 0;  }

	#footer p { font-size: 1.1em; }
	#footer a { text-decoration: none;}
	
/*** Images & Alignments

	Using 'class="alignright"' on an image will align the image to the right. 
	And using 'class="centered', will of course center the image. This is much
	better than using align="center", being much more futureproof (and valid)              ***/
	
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright {
	margin-left: 10px; margin-right: 15px;
	margin: 10px; border: 10px solid white;
}
img.alignleft { border: 10px solid white; margin-right: 10px; margin-bottom: 20px;  }
.alignright { float: right; }
.alignleft { float: left;}




/*** Search Form styles ***/

#find_showOptions { background: #f5f5f5; border-top: 1px solid white; width: 680px; padding: 5px; }
#find_showOptions a, #find_showOptions img { text-decoration: none; border: none; }
#find_viewButton { background: #e5e5e5; padding: 1px; color: #555; border: 1px solid #990000; font-size: 10px; }