@charset "iso-8859-1";
/*
-----------------------------------------------
Selected Works Base Styles
File:		sw-home.css
Author:   	Kyle G Sessions
Version:  	8 March 2011

This file contains the stylesheet rules needed for 
layout and structure of the Selected Works pages.
----------------------------------------------- */

html,
body { 
	margin: 0 auto;
	padding: 0;
	text-align: center;	}

body { 
	text-align: center;
	margin: 0 auto;	 }

#page { 
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0;
	text-align: center;	}


	
/* SW =LINKS
------------------------------------------------*/

a:link img, 
a:visited img { 
	border-width: 0;	}

#right a:link,
#right a:visited { 
	font-weight: bold;
	text-decoration: none;	}
	
	#right form p a:link, 
	#right form p a:visited  { 
		padding: 0; }

/* SW =TYPOGRAPHY
------------------------------------------------*/

#content h1, #no_sidebar h1 { 
	margin: 0;
	padding: 0;}

h2  { 
	padding: 0;
	margin: 1.25em 0 0.25em;	}

h3, 
.article-list th { 
	margin: 0;
	padding: 1.25em 0 0.25em;}

h4 { 
	padding: 0;
	margin: .25em 0;	}
	
p { 
	text-align: left;
	margin: 0 0 1.33em;}

	#right p {
		padding: 0;
        margin-left:10px; }

pre { 
	padding-top: 20px;	}

sup {
	font-size:40%; }

span.large {
	color: #002cac;
	font-weight:bold;
	font-size: 120%; }

span.larger {
	color: #002cac;
	font-weight: normal;
	font-size: 175%; }

p.lead {
	margin-top: 25px;
	margin-bottom: 0; } 

blockquote {
	border-bottom: 1px solid #ccc;
	margin: 20px 0;
	padding: 0 1.2em;
	width: 425px; }

blockquote.even {
	background: #f9f9f9 url(assets/md5images/6b86dfe2f739e22ff9af8ca6cc05a0cd.gif) top left no-repeat; }
	
blockquote.odd {
	background: #f9f9f9 url(assets/md5images/bef3f2dee8d051bc57dbe768550bd391.gif) top left no-repeat; }
	
blockquote p {
	padding: 0 10px 0 25px;
	text-align: justify; }

/* SW =LISTS
------------------------------------------------*/

ul,
#right ul.bulleted { 
    margin: 0 0 1em 20px;
	padding: 0 0 0 5px;}

ul.link-list {
        margin:0 0 0 20px;
        padding:0; }

.list {
        margin-left:4px;
}

ol { 
	margin: 0 5em 1.5em 10px;
	padding: 0;	}

        ul.bulleted li,
        #right ul.bulleted li { 
	        margin: 0;
	        padding: 0 0 10px 5px;	  }

	#content ul li { 
		margin: 0 0 0 2px;
		padding: 0 0 0 15px; }
	
	#content ol li { 
		background: transparent;
		padding: 3px 0;
		margin: 0 5em 1.5em 10px;	}
	
	#content li ol { 
		margin-top: 8px; }
	
	#content li ol li { 
		background: transparent;	}
	
	#right li pre { 
		padding: 0;
		margin: 0 10px 0 0;
		width: 190px;	} 
	
	#right li.group { 
		border: 0;
		padding: 2px 0; }

dl { 
	margin: 2em 0;}

	dt { 
		margin: 1em 0 0 0;
		padding: 0; }
	
	dd { 
		margin: 0;
		padding: 0;	}


/* SW =LAYOUT
------------------------------------------------*/

#page.narrow #wrap { 
	padding: 0;	}

#wrap { 
	margin: 0 auto 15px;
	width: 840px;
	text-align: left;
	padding: 0;	}

#header { 
	width: 840px;
	height: 114px;
	margin: 0 0 10px;
	padding: 0; }
	
	#header h1 { 
		margin: 0;
		padding: 20px 0 25px 20px; }

	* html #header h1 { 
		padding-bottom: 29px; } /* IE hack */
		
#container { 
	margin: 0 auto;
	width: 820px;
	padding: 0 10px;
	text-align: left;
	border-top: 0;	}
	
#content, #no_sidebar { 
       width: 560px;
	float: left;
	padding: 30px 0;
	margin: 0;
	margin-right: 20px;	}
	
	#no_sidebar {width: 98%; }

	#content.single-col { 
		width: 800px;
		text-align: left;
		padding: 10px 0;
		margin: 0 auto;	}
	
#tos {
	width:500px; }

div#message {
	margin: 20px 20px;
	padding: 10px;
	background-color:#dbe3f4; }

div#message p {
	margin: 0;
	padding-bottom: 5px;
	text-align: justify; }


/* SW =SIDEBAR 
------------------------------------------------*/

#right  { 
	width: 225px;
	padding: 20px 5px 100px 0;
	float: right;
	margin: 30px 0 0;
	text-align: center;	}
	
	#right img { 
	margin: 15px auto;
	padding: 5px;	}

        #right form {
                text-align:left;
                padding:4px 0; }
        #right .fieldborder {
                padding:4px; }

	#right .signup a {
		display: block;
		background-color: transparent;
		background-position: top center;
		background-repeat: no-repeat;
		width: 215px;
		height: 110px;
		padding: 0;
		margin: 10px auto;
		border: 0;
		text-indent: -9999px; }

	#right .signup a:link,
	#right .signup a:visited { 
		background-image: url(assets/md5images/c4d46203af6e97c5a1e5749c2fe0024c.gif); }
	
	#right .signup a:active,
	#right .signup a:hover,
	#right .signup a:focus { 
		background-image: url(assets/md5images/440b14a53cff8cd4fb1132766b884621.gif); }

#sw-top-index #right .signup a{
		display: none; }
		
#logo {
	float:right;
	padding:0;
	margin:0;
	width:230px;
	height:115px;
	overflow:hidden;
	text-indent:-1000px; }

		
/* SW =PRODUCT HOME PAGE 
------------------------------------------------*/	
	
dl#features { 
	margin: 10px 0 40px;
	padding: 5px;	}  
	
	dl#features dt { 
		margin-left: 10px;	}
		
	#features dd { 
		margin: 0 10px 10px;
		padding: 0; }

	.signup em, .pricing em, .tour em { 
		display: none;	}
	
	.signup a {
		display: block;
		background-color: transparent;
		background-position: top center;
		background-repeat: no-repeat;
		width: 215px;
		height: 110px;
		padding: 0;
		margin: 10px auto;
		border: 0;
		text-indent: -9999px; }

	.signup a:link,
	.signup a:visited { 
		background-image: url(assets/md5images/25bfa578f542eef261fab8f2a4eb045b.jpg); }
	
	.signup a:active,
	.signup a:hover,
	.signup a:focus { 
		background-image: url(assets/md5images/5df0c3b028e25d22c16dfbe60864861a.jpg); }



#inst_acct a,
.tour {
	display: block;
	float: left;
	text-indent: -9999px;
	margin: 0; }
	
	#inst_acct a {
		padding: 0;
		width: 225px;
		height: 116px;
		border: 0;
		background-color: transparent;
		background-position: top center;
		background-repeat: no-repeat; }

	#inst_acct a:link,
	#inst_acct a:visited {
		background-image: url(assets/md5images/c2c36601b7e5a3a18ce10c8d0c4823e1.jpg); }
	
	#inst_acct a:hover,
	#inst_acct a:active,
	#inst_acct a:focus {
		background-image: url(assets/md5images/9f147e4c11221c4c49308d941b9aa63d.jpg); }
	
	.tour {
		padding: 10px 0 0 0;
		width: 182px;
		height: 116px;
		border: 0;
		float: left; }
	
	.tour a {
		display: block;
		background-color: transparent;
		background-position: center;
		background-repeat: no-repeat;
		padding: 0;
		width: 182px;
		height: 91px;
		margin: auto 40px auto 80px;
		border: 0; }

	.tour a:link,
	.tour a:visited {
		background-image: url(assets/md5images/69f8ea96ee42bcf0e0c6f7895cc7d2aa.gif); }
	
	.tour a:hover,
	.tour a:active,
	.tour a:focus {
		background-image: url(assets/md5images/f2a2f0230f372d270d23cdc9e4d396f3.gif); }
	
p.sample { 
        float:right; }

.sample em { 
	display: none;	}

.sample a:link,
.sample a:visited { 
	display: block;
	background: transparent url("btn-sample.gif") top center no-repeat;
	padding: 0;
	width: 200px;
	height: 30px;
	margin: 0 auto 10px;
	border: 0;	}

.sample a:hover { 
	padding: 0;
	width: 200px;
	height: 30px;
	margin: 0 auto 10px;
	border: 0;
	background: transparent url("btn-sample.roi.gif") top center no-repeat;	}
		
/* SW =FOOTER 
------------------------------------------------*/

#footer { 
	clear: both;
	width: 820px;
	margin: 0 auto;
	padding: 10px 0;	}

/* SW =TOP HORIZONTAL NAV
------------------------------------------------*/

div#menu {
	margin:0;
	padding:0;
	/* padding-top:16px; */
        position:relative;
	height:114px;
        width:550px;}

div#menu #nav {
        position:absolute;
        bottom:0;}

/* * html div#menu {padding-top:12px;}  IE hack */

	ul#nav,
	ul#nav li,
	ul#nav-edit,
	ul#nav-edit li{ 
		list-style-type:none;
		margin:0;
		padding:0;}
	
	ul#nav li,
	ul#nav-edit li { 
		float:left;
		margin-right:2px;
		text-align:left;}
	ul#nav a,
	ul#nav-edit li { 
		float:left;
		padding:5px 0 5px 7px;
		text-decoration:none;
		width:12em;}
                
        ul#nav-edit li#doctype {width:14em;}

		ul#nav li#home a {padding-left: 20px;}

/* Jessica gives each tab its own width */
#menu #nav #home {width:90px;text-align:left;}
#menu #nav #home a {width:82px;padding-left:8px;}
#menu #nav #authors {width:90px;}
#menu #nav #authors a {width:83px;}
#menu #nav #faq {width:90px;}
#menu #nav #faq a {width:83px;}
#menu #nav #myaccount {width:83px;}
#menu #nav #myaccount a {width:83px;}


/* SW =SIDEBAR-SEARCH
------------------------------------------------*/

#subscribe-box,
#sidebar-search  {
	margin:20px 0;
	width:230px;
	padding:20px 5px 0; }
	
	#subscribe-box label,
	#sidebar-search label {
		width:210px;
		display:block;
		margin:0 0 10px 10px; 
		padding:0; }

	#sidebar-search label {
		height:30px; }
	
	#subscribe-box div,
	#sidebar-search div {
		height:30px;
		width:220px;
		padding:0;
		margin:0 0 0 10px; }
	
		#subscribe-box div .button,
		#sidebar-search div .button {
			height:25px;
            width:60px;
			padding:0;
			margin:0 0 0 4px; }
		
		#subscribe-box div .text,
		#sidebar-search div .text {
			width:123px;
			height:20px;
			border:1px solid #000;
			padding:0; 
			padding-top:5px;
            vertical-align:top; }
	
/* SW =MISC
------------------------------------------------*/

#account-head {
	width:650px;
	margin-bottom:20px; }

/* Fix for DOCTYPE in IE7 Jessica 05-15-08 */

*+html #container #content #myaccount #account-head .title {margin-top:-20px;}
	
#search-header {
	width:560px;
	padding:30px 0;
	text-align:left;
	margin:0; }

#sw-help {
	width:480px;
	padding: 5px;
        text-align:left;
        font-size:90%;}

        #sw-help h1.highlight {
                background-color: #C3DBF6;}

img { 
	border: none;	} 

.clear { 
	clear: both;
	position: relative;
	font-size: 0px;
	height: 0px;
	line-height: 0px;	} 

hr {
	display:block;
	background:#fff; 
	height:20px;
	width:560px; 
	border:0; }
	

/* SW =ANNOUNCEMENTS
------------------------------------------------*/

table.announce  {
	width:550px;
	border-collapse: collapse;
	font-size: 11px;  
	text-align:left; }

	table.announce th,
	table.announce td {
		border-top: 1px solid #eee;
		line-height: 1.6em;
		padding:1em 1em 1em 0;
		vertical-align: top;  }

	table.announce th  {
		color: #073769;
		width:110px; 
		text-align: left; }
	
	table.announce td  {
		text-align: left;
		padding-left:5px; }

		table.announce td.button  {
			vertical-align: bottom;
			width:90px; }

.announce input[type=text] {
	border:1px solid #E3E8EF;  }

a.rss {
	font-size:12px;
	font-weight:bold; 
	letter-spacing:-1px;     }

#right p.feed { 
	margin:10px; 
    padding-top:30px;}

	#right p.feed em {
		display:none; }

	#right p.feed a {
			background: transparent url("btn-rss.gif") no-repeat;
			width:65px;
			height:23px;
			border:0;
			display:block;  }

/*
-----------------------------------------------
Selected Works Typography Styles
File:		typography.css
Author: 	Samira Vijghen
Version:	20 October 2006

This file contains the stylesheet rules needed for 
the fonts & typography of the Selected Works pages.
----------------------------------------------- */

body {
	font: 12px/18px Arial, Helvetica, serif;
	color: #222;
}

div#sw_index p, div#sw_index li, div#sw_index a {
	font-size:12px; }

a:link,
a:visited { 
        text-decoration:none;
        font-weight:bold; }

a:active,
a:hover {
        border:0;
        text-decoration:underline; }

h1, h2, h3, h4, h5, h6,
.article-list th, 
#article dt,
#article dd strong,
#search-header h1#search-title {
	font-family: "Georgia", "Times New Roman", serif;
	font-weight: normal;
	padding: 0;	
	margin-bottom: 0.5em; }


/* H1
---------------------------------------------*/

h1 {
	font-size: 218%;
	line-height: 1.3em;
}
	#header h1 {
		font-size:26px;
		line-height:1em;
		font-weight:normal;	}
		
			div#header h1 a { 
				font-size: 26px;
				font-weight:normal;
				text-decoration:none;	}

/* H2
---------------------------------------------*/

h2,
#search-header h1#search-title,
#container span b,
        .article-list th  {
	font-size: 164%;
	line-height: 1.3em; 
	padding: 0.5em 0;
        font-weight:normal; }

        h2.title {
            line-height:1em;
            padding: 0;
            font-size: 164%;
            font-weight:normal; }

/* H3
---------------------------------------------*/
h3  {
	font-size:145%;
	font-weight: normal;
	padding: 0.5em 0 0; }

/* H4
---------------------------------------------*/

h4,
p.author {
	font-size: 100%;
	line-height: 1.4em;
        padding:0; }

p, pre  {
	padding: 0 5px 10px 0; }

ul {
	list-style-type:none;	}
	
ol,
#content li ol,
#content li ol li {
	list-style-type:decimal; }
	
	
dt {
	font-weight:bold;	}

ul.bulleted li,
#content ul li {
	list-style:square; 
	line-height:1.5em;	}
        
	ul.bulleted li.nobullet {
              list-style:none; }

	#content ul.institutions li {
		list-style:none;
		margin-left:0;
		padding-left:0; }
	
	#content ul.institutions {
		margin-left:0; 
		font:12px/18px Arial, sans-serif; }


/* SW =SIDEBAR
------------------------------------------------*/
#right h2,
#right h3,
#right h4,
dl#features,
#right li,
#right li pre  {
	text-align:left; }

#right h2,
#right h3,
#right h4 {
        padding:0;
        padding-left:10px; }

#right li a  {
	font-weight: bold; }

#right li a:hover {
        text-decoration:underline; }

/* SW =Footer
------------------------------------------------*/

p.copyright {
	text-align: center;
	padding: 0 10px;
	margin: 10px 0; }

        p.copyright span {
                font-weight:bold;
                padding:5px 10px; }  

	p.footer_links {
		font-size: 14px; }


/* SW= TOP NAV
------------------------------------------------*/

ul#nav a:link,
ul#nav a:visited,
ul#nav a:active,
ul#nav a:hover { font-weight:normal; font-size:11px;}
				


/* SW =SIDEBAR SEARCH
------------------------------------------------*/

#subscribe-box label,
#sidebar-search label,
#subscribe-box div .text,
#sidebar-search div .text,
#right h3 { 
    	font: 13px Arial, Helvetica, sans-serif;
        line-height:15px;
	font-weight:bold;
        text-transform:none; }

/* SW Authors 
------------------------------------------------*/
p.letters { 
	font-size:12px;
	padding:25px 0 5px;
	height:20px;
	font-weight:normal; 
	background:url(/assets/horizon.jpg) top left repeat-x;
	clear:right;
	text-align:center;
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;}

	p.letters a {
		color: #000; 
		margin-top:40px;
		padding:20px 5px;
		width:13px;
		height:23px;
		text-decoration:none;
		display:block; 
		display:inline;
		vertical-align:bottom;}

	p.letters a:hover,
        p.letters a.selected {
		color:#fff;
		background:url(/assets/azMe.jpg) bottom center no-repeat;	}
		


/* SW =Product Home Page
------------------------------------------------*/
			
dl#features {
	font-size:11px; }
	
	#features dd {
		line-height:1.3em;	}

	#features dd a {
                font: 14px/18px Arial, helvetica, sans-serif;
                margin-bottom:40px; 
                font-variant:small-caps;}
		
					
#content.single-col p.return_site {
	text-align:left;
	margin-left:333px; }
	
	p.return_site a:link,
	p.return_site a:visited {
		font:11px Arial, sans-serif;
		font-weight: bold;
		text-decoration:none;
		text-transform:uppercase;
		text-align:center;
		color:#fff; 
		line-height:18px;
		background: #8fbf00 url("form-bg.gif") top left repeat-x; 
		border: 3px double #83a407;
		width:125px;
		height:18px;
		display:block; 
		padding: 4px; }
		
		p.return_site a:active,
		p.return_site a:hover {
			background: #5c7899 url("return-site-bg.gif") top left repeat-x; 
			border: 3px double #39476D;
			text-align:center;  }
		

/*
-----------------------------------------------
Selected Works Color Styles
File:		color.css
Author:		Samira Vijghen
Version:	18 August 2006

This is the only file that should be edited in order 
to customize a Selected Works site.
----------------------------------------------- */


a:link, 
a:visited { 
	color: #002CAC;}

a:hover,
a:active { 
	color:#7BA300;	}
	
#header h1, #no_sidebar h1 { color:#6986bf; }
		
#header h1 a,
#right,
#right a:link,
#right a:visited,
ul#nav a,
ul#nav a:hover,
#right form p a:link, 
#right form p a:visited,
#right label { color:#fff; }

#header h1 a:hover { color: #6B90D6;	} 

#right h3,
#right a:hover { 
	color:#B4C2D2;	}
		
#content h1,
#no_sidebar h1,
#content h2,
#content h3, 
#content h4, 
.article-list th {
	color: #002CAC;	}
	
ul#nav,
ul#nav-edit { 
	background-color:#3a486f;	}
	
ul#nav a,
ul#nav-edit li  {
        background:#647fb3; }
		
	ul#nav a:hover { 
		background: #475b80; }
	
	ul#nav-edit li {
		color: #506399; } /* Edit My Site navigation tab background */

		body#index ul#nav li#home a,
		body#browse-subject ul#nav li#subject a,
		body#browse-doctype ul#nav li#doctype a   { 
			background: #fff;
			color: #698bb3;
			font-weight:normal;	}
	
#right {
	background:#3a486f; }
		
	#right img {
		border:1px solid #647fb3; }

#subscribe-box,
#sidebar-search  {
        background: transparent url("form-bg.gif") bottom left repeat-x; }

	
/*
-----------------------------------------------
Selected Works Base Styles
File:		sw-gallery.css
Author:   	Samira Vijghen
Version:  	12 January 2007

This file contains the stylesheet rules needed 
for the Selected Works author gallery.
----------------------------------------------- */

h1#authors_h1 {
	padding-bottom: 20px; }

#gallery {
	width:560px;
	padding:0;
	padding-top:15px;
	margin:0;
	display: inline; }

.profile	{
	width:260px;
	height:40px;
	padding:5px 5px 10px;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	font-size:11px;
	overflow:hidden;}

.name, .institutions 	{

	font:13px/18px Verdana, serif;
	font-weight:normal; }

	.name a:link,
	.name a:visited { color:#002cac;}

	.name a:hover,
	.name a:active {
		color:#7ba300;
		text-decoration:underline; }

.inst {
	font:12px/15px Arial, sans-serif;
	font-weight:normal; }


/* SW =PAGE IMAGES
------------------------------------------------*/
#page {
	background: #fff url(assets/md5images/5d8244942c7d6b691c0fb32a1aa8dc10.jpg) top left repeat-x; }


#header	{
	background: url(assets/md5images/fce3c79b05bebed8cad7e3126725e98c.gif) top right no-repeat; }

/* SW =Front Page
------------------------------------------------*/

#recent {
	width: 215px;
	min-width: 200px;
	margin: 0 5px;
	text-align: left; }
	
	#recent ul li p,
        .author p {
	float: left;
	margin:10px 0 0 5px;
	width: 60%; }
	
	#recent ul {
	margin: 0;
	font-size: 1em;
	padding:0;
	list-style: none; }

	#recent ul li {
	margin: 5px 0;
	clear: both;
	border-bottom: 1px solid #000;
	padding: 0 0 10px 0; }

	#recent ul li strong {
	font: bold 12px/14px Arial, Helvetica, sans-serif;}

	#recent ul li img {
	border: 1px solid #fff;
	padding:3px;
	width: 60px;
	height: 75px;
	float: left;
	margin: 3px 0 0 5px; }
	
	
	
/* ClearFix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*  =SW comparison and features pages  */


table#compare {
	margin: 10px;
	border-top: 1px solid #3a486f;
	border-right: 1px solid #3a486f;
	border-left: 1px solid #3a486f;}

table#compare thead th {
	color: #fff;
	background-color: #3a486f; 
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;}
	
table#compare tr td, table#compare tr th {
	border-bottom: 1px solid #6986bf; }

table#compare td.value {
	background-color: #e5f0d1; }

table#compare th {
	padding: 5px;
	background-color: #daeaf8;
	text-align: left; }

table#compare td {
	padding: 8px; }
	
col#col1 {
	width: 50%; }

col#col3 {
	width: 25%; }

.top {
        text-align: right;
        display: block;
        width: 560px;
        height: 20px;
        margin: 10px 0 20px;}

/*sw_features CSS by Jessica Greenwalt
Updated August 14, 2007
*/

#feat_banner {
	margin-bottom: 25px;
}

.feat_toplink {
	display: block;
	width: 818px;
	text-align: center;
	margin: 0 0 45px 0;
}
.feat_row {
	display: block;
	width: 820px;
	margin: 0;
	padding: 0;
	clear: both;
}
.feat_box {
	width: 420px;
        height: 181px;
	float: left;
}
.feat_box2 {
	width: 400px;
        height: 181px;
	float: left;
}
.feat_boxcon {
	margin-top: -125px;
	margin-left: 140px;
	width: 259px;
}
.feat_bg {
	background-color: #39476C;
}
.feat_bigpic {
	border: 0;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

/* ---------------------
SelectedWorks CSS by Jessica Greenwalt
Updated March 25, 2008
------------------------ */
/* Force faq to display properly */
*html.faq {width:560px;} /* IE6 hack */
.faq strong {background-color: #99CCFF;}

/* Force top nav tabs to display in a row */
#menu,
#nav {float:left;}

/* 04/03/09 Sam test Login changes */

p#new-user { display:none; }