/* Default Stylesheet 
yellow : #F8EBC0
pale red: #FAA
pale blue: #DFE8F2
gray text: #767474
*/



															/** BODY ELEMENTS **/

body {
	font-size: .75em;
	text-align: left;
	/*background: url(../images/purple.jpg) ;background-repeat:repeat;*/

	width: 1000px;
	margin-left:auto;
	margin-right:auto;
	/*background-color: #F9F9df;*/
	
}
page {
	width:1000px;
}
body, p, blockquote, table, td, th, li, a, ul, ol, dd, dl, dt,  form, button, fieldset, label, select, option, input, textarea {
	font-size: 9.0pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1, .title {
	font-size: 1.3em;
	color:#0001d8;
	padding-top:20px;
	margin-top:0;
}
h2 {
	font-size: 1.2em;
	text-align:left;
	color:#0687FE;
	padding-top:10px;
	margin-bottom:0;
	margin-top:0;
	padding-top:0;
}
h3 {
	font-size: 1.1em;
	text-align:left;
	padding-top:10px;g
	margin-bottom:0;
	margin-top:0;
	padding-top:0;
}
.nav {
	padding-left:30px;
}
.nav a:link, .nav a:visited {
	text-decoration:none;
	color:#0001D8;
	font-weight:bold;
}
a:hover {
	text-decoration:underline
}
.border {
	border-top:0;
	border-left:130px solid #0001d8;
	border-right:158px solid #0001d8;
	border-bottom:5px solid #0001d8;
	margin-top:0;
	padding:5px 10px;
}
.myborder {
	border:1px solid blue;
}
.hide {
	display:none
}
.show {
	display:inline
}
ul.inline {
	list-style: none;
	margin:0;
	padding:0;
}
ul.inline li {
	display: inline;
	float:left;
}
li.mypad {
	width:235px
}
img {
	margin:0;
	border:0;
	padding:0;
}
img.block {
	display:block;
}
.smallerFont {
	font-size:.85em
}
.smallFont {
	font-size:.9em
}
.width50 {
	width:175px
}
a.info:link {
	text-decoration:none;
	border-bottom:3px dotted #C35617;
	color: black;
}
a.info:visited {
	text-decoration:none;
	border-bottom:3px dotted #C35617;
	
	color: black;
}
a.info:hover {
	text-decoration:none;
	border-bottom:3px dotted #C35617;
	color: black;
	z-index:2;
}
a.noline:hover, a.noline:link,a.info, a.noline:visited{
	
	border-bottom:none;
	
	
}
a.info {
	text-align:left;
	position:relative; /*this is the key*/
	z-index:2;
	font-size:11px; 
	
}
a.info:hover {
	z-index:3;
}
a.info span {
	display: none
}
a.info:hover span { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em;
	left:2em;
	width:20em;
	border:1px dotted #C35617;
	background-color:#eee;
	color:#000;
	font-weight: normal;
	padding: 5px;
	padding-right:1px;
	text-decoration:none;/*font-size:.85em; */
font-size:.85em;
	}

a.info:hover span p{font-size:1.0em;padding-top:0;margin-top:0;}	
a.narrow:hover span {
	width:8em;
}
a.wide:hover span {
	width:40em;
}
a.widest:hover span {
	width:56em;
}
a.left:hover span{left:-30em;}
a.left2:hover span{left:-5em;}
/* TABLES */

table.border {
	border-collapse: collapse;
	border: 1px #ccc solid;
	vertical-align:top;
}
table.border td {
	border: 0px #ccc solid;
	vertical-align:top;
	padding: 0;
}
.xmybackground {
	background-color:#F3F7FF;
	padding: 0 ;
	border:1px solid blue;
	font-size:.9em;
}
.padleft {
	padding-left:10px;
}
div.footerline {
	background-color: #0001D8;
	height: 5px;
	min-height: 0.7375em;
	margin-bottom: 7px;
}
td {
	vertical-align:top;
}
.blueback {
	background-color:#0001d8
}
.nohand {
	cursor:default;
}
.shortMonth {
	width:95px;
	text-align:left;
	padding-left:20px;
}
.longMonth {
	width:100px;
	text-align:left;
	padding-left:20px;
}
.shorterMonth {
	width:60px;
	text-align:left;
	padding-left:20px;
}
.longerMonth {
	width:160px;
	text-align:left;
	padding-left:20px;
}
.floatLeft {
	float:left
}
/* set millions of background images */

.rbroundbox {
	background: url(../images/nt.gif) repeat;
}
.rbtop div {
	background: url(../images/tl.gif) no-repeat top left;
}
.rbtop {
	background: url(../images/tr.gif) no-repeat top right;
}
/*.rbbot div {
	background: url(../images/bl.gif) no-repeat bottom left;
}
.rbbot {
	background: url(../images/br.gif) no-repeat bottom right;
}
 height and width stuff, width not really nessisary. */

.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.clear {
	clear:both;
}
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
.mybord {
	border:1px solid blue;
	/*background: url(../images/myback.gif);
	background-repeat:repeat-y; */
	height: 1%
}
.nav2 {
	background-color:#ccc;
}
.buttonPad {
	/*padding-top:5px;
	padding-bottom:5px;*/
	padding:0;margin:0;
}
.mybox {
	position:absolute;
	width:270px;
	right:310px;
	top:140px;
	border:1px solid;
	padding: 5px;
	background-color:#efefef;
}
.mybox li {
}
.mybox ul {
	padding:2px;
	padding-left:15px;
	margin:0;
}
#jsddm {
	margin: 0;
	padding: 0;
	
}
#jsddm li {
	float: left;
	list-style: none;
	font: 12px Tahoma, Arial;
	
}
/*new*/
ul.commonbar {list-style-type: none;margin: 0;padding: 0;border: none;top: 10px;width: 100%;}
li.fiptext, li.fiptexta, li.fiptextb, li.fiptextc {white-space: nowrap;margin: 0;padding: 0;border: none;float: left;min-height: 1.3em;min-width: 9.5em;font-size: 10.0pt;color: #FFF;background-color: #000;}
li.fiptext {width: 16.6%;}li.fiptexta {width: 16.7%;}li.fiptextb {width: 16.2%;}
li.fiptextc {width: 16.8%;}li.fiptext div, li.fiptexta div, li.fiptextb div, li.fiptextc div {margin: 0;padding: 2px 0px 2px 3px;width: 95%;}
li.fiptext div, li.fiptextb div, li.fiptextc div {border-left: 1px solid #FFF;}
li.fiptext a, li.fiptexta a, li.fiptextb a, li.fiptextc a {color: #FFF;background-color: #000;text-decoration: none;font-weight: bold;width: 100%;padding: 0;border: none;

} 
/*end new*/
#jsddm li a {
	text-align:center;
	display: block;
	background: #20548E;
	background: #ccc;
	padding: 5px 4px;
	text-decoration: none;
	border-right: 1px solid #0001d8;
	width: 12em;
	color: #EAFFED;
	color:#0001D8;
	font-weight: bold;
	white-space: nowrap;
	
}
#jsddm li.last a {
	width: 7em;
	border-right: 0;
}
#jsddm li.about a {
	width: 7em;
	
}
#jsddm li a:hover {
	
	background: #1A4473;
	background: #0001D8;
	background: #0687FE;
	color:white;
}
#jsddm li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white
}
#jsddm li ul li {
	float: none;
	display: inline
}
#jsddm li ul li a {
	width: auto;
	color: black;
	background: #ccc
}
#jsddm li ul li a:hover {
	background: #ccc
}


.margleft120 {margin-left:120px}
floatRight {float:right}
.nowrap {white-space: nowrap;}

/*authors style width */
.widthAutOne {width:70px;}
.widthAutFirst{width:105px;}
.widthAutMI{width:23px;}
.widthAutLast{width:190px;}



.input-rounded-button, .bigbutton a, td.bigbutton2, .bigbutton3 a {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10x;
    border-radius: 10px;
   /* border: 1px solid gray; */
    padding:2px 5px 4px 5px;
    display:inline-block;
    text-decoration:none;
    background:#0687FE;
border:2px solid #0001d8;
    color:#FFFFFF;
    cursor:pointer;
    font:12px;
	font-weight:bold;
}

/*.bigbuttonx a, td.bigbutton2x {
	text-decoration: none;
	font-weight: 600;
	padding: 4px 2px 4px 7px;
	color: #ffffff;
	border: 2px solid #0001d8;
	background:  #0687fe;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}*/
 .bigbutton3 a {padding:2px 7px 0 7px;}  /*word button */

/*.bigbutton a, td.bigbutton2{padding: 2px 5px;}*/
.input-rounded-button:hover { 
    text-decoration:none; 
    color:#ADD8E6; 
    cursor:pointer;
    border:2px solid #0001d8;
}
.popup {
        border: solid 1px #333;
        font-family: Tahoma;
        font-size: 12px;
        display: none;
        position: absolute;
		
        width: 450px;
        z-index: 160;
      }

      .popuptitle {
        background: blue;
        color: white;
        font-weight: bold;
        height: 18px;
        padding: 5px;
      }
      
      .popupbody {
        background: #ddd;
        padding: 5px;
      }

      #popupAPA, #popupMLA, #popupChicago, #newonsite { top: 0; left: -15px; }

.arrow, .arrow2, .arrow3, .arrow4, .square{display: none;
        position: absolute;
		/* background-image:url('../images/arrow-sm.png'); */
		background-repeat:no-repeat;
	background-position:0 0;
		z-index: 60;}
		
.arrow2{background-image:url('../images/arrow-sm4.png');height:36px;padding:16px 10px 0 20px;}
.arrow3{background-image:url('../images/arrow-sm6.png');}	
.square{background-image:url('../images/square2.png');width:240px}			

#square{ top: 95px; left: 410px; height:104px;padding: 5px 0 0 70px;} /* both */
#arrow1 { top: 110px; left: 150px; } /* first choose a style */
#arrow2 { top: 110px; left: 400px;border:none; } /* choose source */
/*#arrow2 { top: 0px; left: 0px;border:none; } /* choose source */
#arrow3 { top: 190px; left: 245px; height:64px;padding:6px  10px 0 20px} /*enter citation information */
#arrow4 { top: 155px; left: 350px;padding:6px 0 5px 20px;padding-bottom:0;width:334px;height:60px;background-image:url('../images/arrow-sm5.png') } /* save when finished */

div.nomarg p{margin-bottom:3px;margin-top:0px}
div.nomarg ul {padding-left:20px;}
div.nomarg ul li,blockquote {font-size:.9em;}
 ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #ccc;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
	font-weight:bold;
}
/*#mytab3 {
	background: red;
	padding-bottom:0;
	padding-top:30px;
	margin-top:30px
}*/
ul.tabs li a {
	text-decoration: none;
	color: green;
	display: block;
	font-size: 1.0em;
	padding: 0 5px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	text-decoration:underline;
}
#mytab3 a {
	color:blue;
	padding: 1px 1px;
	background:white;
	padding-bottom:30px;
	margin-bottom:10px;
}
#mytab3 {
	border:none;
	margin-left:8px;
	background: #fff;
}
ul.tabs li.active a {
	text-decoration:none;
}
ul.tabs li a:hover {
	background: #ccc;
}
/*#mytab3 a:hover {
	background: #fff;
} */
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its 
		
		content--*/
}
tab_container {
	/*border: 1px solid red;*/
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
}
.tab_content {
	padding:5px 0;
	margin-left:0;
	font-size: 1.2em;
}
.orange, legend {
	color:#EF7620;
	color: #C35617;
	font-weight:bold;
}
.blue {
	color:blue
}
.red {
	color:red
}
.green {
	color:green
}
#authorlabels span, #mlahelp p {
	font-size:.8em;
}
fieldset {
	border: 1px solid #EF7620;
	padding:3px;
	margin:3px;
}
fieldset.social {
	border: 1px solid #ccc;
	padding:3px;
	margin:3px;
	height:85px;
}
#example1 {
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;

} 
input {background-color: #DFE8F2}
input {background-color: #F8EBC0}
.whitebg, #tabTwo input {background-color:#FFF}
.load{background:url('images/ajax-loader.gif') no-repeat center;}
.indent{text-indent:-30px;margin:0;margin-left:30px;}
.noformat{text-indent:0;margin:0;line-height:normal;}
#copypastetextarea, #copypastetitlepage{display:none;position:absolute;width:580px;border:1px solid  #EF7620;;background-color:white;
left:200px;padding: 10px 50px;
top:200px;
z-index:1000}


#jsddm li a.active {background-color:#0001d8;color:white;margin-top:-1px;padding-bottom:6px}
/* test */
/*this is what we want the div to look like
    when it is not showing*/
  div.loading-invisible{
    /*make invisible*/
    display:none;
  }

  /*this is what we want the div to look like
    when it IS showing*/
  div.loading-visible{
    /*make visible*/
    display:block;

    /*position it 200px down the screen*/
    position:absolute;
    top:200px;
    left:0;
    width:100%;
    text-align:center;

    /*in supporting browsers, make it
      a little transparent*/
    background:#fff;
    filter: alpha(opacity=75); /* internet explorer */
    -khtml-opacity: 0.75;      /* khtml, old safari */
    -moz-opacity: 0.75;       /* mozilla, netscape */
    opacity: 0.75;           /* fx, safari, opera */
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
  }
.newarea, .newareatype, .newareaedit, .newareasaved{color:gray;background-color:#F8EBC0;padding:4px 0 4px 8px}
.newareatype{color:#000;background-color:#F8EBC0;}
.newareaedit {background-color:#DFE8F2; color:gray}
.newareasaved{background-color:#FAA; color:#000}
.graybk {background-color:#e0e0e0;}