@import "reset.css";
@import "forms.css";

/*basic styles */

body { 
	background: #E0E3FF url(img/page-background.png) repeat-x;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #222;
}
h1,h2,h3,h4 {
  font-weight: normal;
}

h1,h2,h3,h4,p,td,th {
	margin: 0.6em 0; line-height: 1.3em;
}
h1 {
  font-family: 'Century Gothic', 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Arial, Helvetica, sans-serif;
}

p,li,td,th {
	line-height: 1.6em;
}
a { color: #551A8B; text-decoration: none;}
a:hover { color: #551A8B; text-decoration: underline;}

td,th {
	vertical-align: top;
}


/* page structural */
#header {
	width: 820px;
	height: 130px;
	margin: 0px auto;
	background: #fff url(img/header120.png) no-repeat bottom center;
}
#menubar {
	width: 800px;
	margin: 0px auto;
	border-left: #fff solid 10px;
	border-right: #fff solid 10px;
}

#page {
	width: 800px;
	margin: 0 auto;
	border: #fff solid 10px;
	background: #eee url(img/body-gradient.png) repeat-x;
}

#content {
	float: left;
	width: 780px;
	padding: 10px;
}

/* header styles */

.acro {   font-family: 'Century Gothic', 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Arial, Helvetica, sans-serif; 
font-size: 3em; line-height: 1em; padding: 50px 0 0 30px; margin: 0;}
.strap {  font-family: 'Century Gothic', 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Arial, Helvetica, sans-serif;
line-height: 1em; padding: 0 0 0 33px; margin: 0;}

/* content id styles */

#content li {  margin-left: 2em; list-style-type: Circle;}
#content #innovation-test li {  margin: 0; list-style-type: none;}

#content h1 {
	margin-top: 0;
}
#content h2 {
	background-color: #E7E5EE;
	padding: 1px 3px 1px 10px;
	margin: 0.5em -10px;
	border-bottom: solid 1px #ccc;
	font-size: 1.5em;
}
#content h3 {
	background-color: #E7E5EE;
	padding: 1px 3px 1px 10px;
	margin-left: -10px;
	margin-right: -10px;
	border-bottom: solid 1px #ccc;
	font-size: 1.1em;
}

#content h4 {
	padding: 1px 3px 1px 0px;
	font-size: 1.3em;
}

/* class selectors */

/* used by tiny mce */
.fl { float: left; margin-right: 10px; }
.fr { float: right; margin-left: 10px; }
.imgl { float: left; margin-right: 10px; }
.imgr { float: right; margin-left: 10px; }
.highlighted-box { 
	border: solid 1px #fff;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding: 0.5em 1em;
	background: #E0E3FF url(img/page-background.png) 50% 100%;
}
.indent1 { margin-left: 2em; }
.indent2 { margin-left: 4em; }
.indent3 { margin-left: 6em; }
.fauxcol { display: block; float: left ; height: 100px; width: 200px; clear: left }
.icn_pdf { margin-left: 5px; padding-left: 22px; background: transparent url(icons/pdf.gif) no-repeat; }
.icn_doc { margin-left: 5px; padding-left: 22px; background: transparent url(icons/doc.gif) no-repeat; }
.icn_docx { margin-left: 5px; padding-left: 22px; background: transparent url(icons/docx.gif) no-repeat; }
.icn_xls { margin-left: 5px; padding-left: 22px; background: transparent url(icons/xls.gif) no-repeat; }
.icn_xlsx { margin-left: 5px; padding-left: 22px; background: transparent url(icons/xlsx.gif) no-repeat; }
.icn_ppt { margin-left: 5px; padding-left: 22px; background: transparent url(icons/ppt.gif) no-repeat; }
.icn_pptx { margin-left: 5px; padding-left: 22px; background: transparent url(icons/pptx.gif) no-repeat; }

/* not used by tiny mce */
.srchnode { color: #efefef;}
a.srchnode:hover { color: #efefef;}

.txtl { text-align: left; }
.txtr { text-align: right; }
.grey { color: #999; }
.pub-list {  height: 220px; clear: both; }
.pub-list img {  padding: 0 20px 40px 0;}
.pub-list h2 {  background-color: transparent; font-size: 1.2em; margin-top: 40px;}
.pub-list a { margin-left: 5px; padding-left: 20px; background: transparent url(icons/pdf.gif) no-repeat; }
.icn_rtf { margin-left: 5px; padding-left: 22px; background: transparent url(icons/rft.gif) no-repeat; }
.icn_txt { margin-left: 5px; padding-left: 22px; background: transparent url(icons/txt.gif) no-repeat; }
.icn_default { margin-left: 5px; padding-left: 22px; background: transparent url(icons/generic.gif) no-repeat; }
.icn_link { margin-left: 5px; padding-left: 22px; background: transparent url(icons/link.png) no-repeat; }
.rgdiv { float: right; width: 180px; margin: 10px 10px 20px 0; line-height: 2em; text-align: center;}

.smlr { font-size: smaller }
.lrgr { font-size: larger }
.caption {
	font-size: smaller; text-align: center; display: block; color: #666;
}
/*.row1 td {background-color: #E7E5FF; padding: 4px; }
	.row2 td {background-color: #E6DAFF; padding: 4px; }
*/
.pad4 td {padding: 4px; }
.pad2 td {padding: 2px 0 ; }
.bld {font-weight: bold;}
.emph {font-style: italic;}

#content .folder-item {
	list-style-type: none;
	line-height: 1.8em;
}
#content .folder-item  a {
	text-decoration: none;
	background: url(icons/folder.png) top left no-repeat;
	padding-left: 23px;
}


.droptitled-box
{
	position: relative;
	margin: 3.5em 0.5em 0em 0.5em;
	border: 1px solid #ccc;
	padding: 2.5em 1.5em 1.5em 1.5em;
}

.droptitled-box-title
{
	font-size: larger;
	font-weight: bold;
	position: absolute;
	display: inline;
	border: 1px solid #ccc;
	padding: 0.5em;
	top: -1.1em;
	left: 1em;
	background: #eee;
}

.fldlabel 
{ 
	color: #636;
	padding-right: 1em;
}
.fldhdr
{ 
	font-weight: bold;
}
/* this hack removes the long copyright notice from view for google hybrid maps  */
#gmap span { display: none; }


/* used mainly by RenderCSV snippet */
div.tabular
{
	margin-top: 10px;
}
#content .tabular h3 
{
	background-color: #fff;
	border: solid 1px #ccc;
	border-width: 1px 0;
}
.tabular h3 span
{
	font-size: smaller;
	float: right;
}

.tabular dt
{
	clear: left;
	float: left;
	width: 130px;
	margin: 0;
	padding: 2px;
	/* border-top: 1px solid #ddd; */
	color: #999;
}

.tabular dd
{
	float: left;
	width: 420px;
	margin: 0;
	padding: 2px;
	/* border-top: 1px solid #ddd; */
}

.tabular dl > dt:first-child {
	border-top: none;
}
.tabular dl > dt:first-child + dd  {
	border-top: none;
}
.clear {
		clear: left; height: 1px;
}

/* used mainly by Ditto pager snippet */

.ditto_pages { width: 580px; text-align: right; margin: 10px 0;}

.ditto_pages .ditto_currentpage {
    border: 2px solid #E7E5EE;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: black;
    font-weight: bold;
} 
.ditto_pages .ditto_page {
    border: 2px solid #E7E5EE;
    padding: 1px 5px 2px; 
    margin-right: 1px;
} 
.ditto_pages img {
 vertical-align: text-top;
} 


/* used by chunk resource_file_listitem */

.resource-item {
	border-top: solid 1px #ccc;
	padding: 12px 0 4px 0 ;
}
.resource-item p {
 margin-left: 5px; padding-left: 22px;
 color: #666;
}
.sizeof {
	color: #888;
	font-size: smaller;
}