/***** GLOBAL *****/

/*** Structure ***/

/* Reset CSS - Based on YUI */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* End Reset */

/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }
.column { margin: 0 10px; overflow: hidden; float: left; display: inline; }
.row { width: 960px; margin: 0 auto; overflow: hidden; background-color: #fff  }
.row .row {	margin: 0 -10px; width: auto; display: inline-block; }
/* End 1Kb Grid */

/*** Typographic ***/

body { font-family: Verdana,Arial,Helvetica,sans-serif; color: #454545; font-size: 75%; line-height: 1.5em; background: #e5e5e5; /* old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* ie */ }

em { font-style: italic }
h1, h2, h3, strong { font-weight: bold }
h1 { font-size: 2em; line-height: 1.5em; margin-bottom: 12px }
h2 { font-size: 1.5em; margin-bottom: 12px; line-height: 1.5em }
h3 { font-size: 1.25em }
ul { list-style-type: disc; }
p { margin-bottom: 1.5em }
ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 1.5em }
ol li { list-style: decimal outside }
ul li { list-style: disc outside }
a:link, a:visited { text-decoration: none; color: #06d }
a:hover, a:active { text-decoration: underline; color: #f60 }
a:focus { outline: none }


/*** Tables ***/

table {	border-color: #b3b3b3; border-width: 1px; border-style: solid; }
th { background-color: #8396A0; color: #fff; border-bottom-color: #CCC; border-bottom-width: 1px; border-bottom-style: solid; border-right-color: #CCC; border-right-width: 1px; border-right-style: solid }
td { border-bottom-color: #CCC; border-bottom-width: 1px; border-bottom-style: solid; border-right-color: #CCC; border-right-width: 1px; border-right-style: solid; padding: 2px 10px }
caption { font-style: italic; text-align: left }
/* For standard result table - .table_list */
.tocArticle .odd { background: #fff; }
.tocArticle .even { background: #eee; }
.tocArticle tbody tr:hover, .archive tbody tr:hover { background-color: #ddd }
.tocArticle td, .tocArticle th { padding: 4px 0 }
.tocArticle th, .archive th { font-weight: bold }
.tocArticle tr a, .archive tr a { display: block; }
.tocArticle td a:link, .tocArticle td a:visited { color: #0066DD; text-decoration: underline }
.tocArticle td a:hover, .tocArticle td a:active { color: #FF6600; text-decoration: underline }
/* End result table */
.tocTitle { font-weight: bold; float: left; width: 89%; margin-left: 6% }
.tocGalleys { float: right; width: 5%; text-align: center }
.tocAuthors { float: left; width: 89%; margin-left: 6% }
.tocPages { float: left; width: 5%; margin-left: 0; position: absolute; text-align: center }
.archive td, .archive th { padding: 10px }
.archive tr td { font-size: 1.1em }
.archive tr td:hover { cursor: pointer }
.abstract { margin-left: 6%; width: 89%; clear: both; font-size: 0.95em }
.abstract .toggle { padding: 6px }


/***** NAVIGATION *****/

.tabnav { padding: 0; width: 100%; background: transparent; margin-bottom: 30px; height: 18px }
.tabnav ul { margin:0; padding: 0; list-style: none }
.tabnav li { display: inline; margin: 0 2px 0 0; padding: 0; text-transform:uppercase; }
.tabnav a { float: left; display: block; font: bold 12px Arial; color: black; text-decoration: none; margin: 0 12px 0 0; padding: 5px 10px 9px 10px; background-color: white; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; }
.tabnav a:hover { background-color: #056AA0; color: white }
.tabnav .current a { background-color: #056AA0; padding-top: 9px; padding-bottom: 5px; color: white }

/***** HEADER *****/

#header { height: 119px; width: 100%; background-color: #056AA0 }
#title {  margin: 0 auto; padding:10px 0; width: 960px  }
#title a:link, #title a:visited, #title a:hover, #title a:active { text-decoration: none; color: #333 }
#search { -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; float: right; background-color: #056AA0; color: #fff; margin-right: 150px; padding: 0px 10px 6px }
input.submit { margin: 0 }
.searchinput { -moz-border-radius: 4px 4px 4px 4px; padding: 2px 3px; margin: 0 }

/***** CONTENT *****/

#content { margin: 0 10px 20px 10px; line-height: 1.5em; min-height: 300px; position: relative; padding-top: 0px }
#infobox { background-color: #f2e8c2; border: #f1d676 1px solid; padding: 5px 10px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px }
.sort { color: #666; font-size: 0.9166em; line-height:24px; margin-bottom: 6px; font-style: italic; margin-left: 18px }
#id_search { border: #a4a4a4 solid 2px; -moz-border-radius: 4px; border-radius: 4px; padding:2px 3px; vertical-align:middle; background: #F0F0F0 }
.indent1 { margin-left: 18px }
.indent2 { margin-left: 36px }
.indent3 { margin-left: 54px }
.boxleft { float: left;	margin: 2px 12px 12px 0px; }
.boxright { float: right; margin: 2px 0px 12px 12px; }

/*** Forms ***/

input { margin: 3px 3px 0 5px }
.radio label { margin: 0 18px 0 4px }

/***** FOOTER *****/

#footer { clear: both; width: 920px; margin: 0px auto; font-size: 0.8em; color: #777; text-align: center; border-top: #ccc 1px solid; padding: 12px 0 }
#footer a:link, #footer a:visited { color: #777 }
#footer a:hover, #footer a:active { text-decoration: underline; color: #f60 }