@charset "UTF-8";
/* Default Stylesheet 
yellow : #F8EBC0
pale red: #FAA
pale blue: #DFE8F2
gray text: #767474
gray text: #736F6E
blue:#0687FE
dark blue:#0001D8;
orange:#C35617;
taupe:#ECE9D8;
dark grey: #565051;
dark blue text: #15317e;
pale green: #c7e8ae;
pale green: #e5efcc
Bootstrap
info lightblue:#5BC0DE;
lightblue-hover: #31B0D5

*/

															/** BODY ELEMENTS **/

body {
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	background-image:url(../images/bluedot.gif);background-repeat: repeat-x;
	background-size:auto 170px
}
#wholebanner {height:170px;margin-bottom:10px}
.bookitem {border-top:1px solid #ccc;padding:6px;padding-right:0;min-height:40px}
.bookitem a, #twoFiller a {text-decoration:underline}
.col-sm-6 {padding:2px}
.labelbar {background-color:#abbecc;color:white;width:220px;padding:2px;font-weight:bold;clear:both;}
select#leftlistselect, select#rightlistselect{padding: 3px; border: 1px solid #8D8D8D;  	padding: 0.3rem;
}
.outofdate {background:yellow;font-weight:bold;padding:10px;margin:40px}
#begintip {display:none}
#liReport {display:inline;border-top:0}
a:focus, a:hover {color:black}
a.small, #myfill2, a#delAccount,#changeAccountModal .form-group a{text-decoration:underline}
#banner2, #arrow1, #arrow2, #arrow3{display:none}
:-ms-input-placeholder { /* IE10–11 */
    color: #A0A0A0 !important;
    font-weight: 400 !important;
}
#sortedcitations {max-height: 300px; overflow: auto;clear:both}
::-ms-input-placeholder { /* Edge */
    color: #A0A0A0;
    font-weight: 400;
}

#renameIndex {margin-right:5px}
#lookup2 {text-align:left;}
.btn-warning {background-color:#0241EE;border-color:#022586}
a.btn-warning:hover {background-color:#022fac;border-color:#022586}
.btn-success {background-color:#008000;border-color:#006400}
a.btn-success:hover {background-color:#006400;border-color:#006400}
.btn-danger{background-color:#C03616}
a.btn-danger:hover{background-color:#9E2104}
#myButton9.edit {margin-top:-2px} 
#myleftad {width:170px;height:600px;}
#div-gpt-ad-1406309989029-0{width:160px;height:600px;}
div-gpt-ad-1406208648757-2 {width:728px; height:90px;}
.btn-info {background-color:#4170f2;border-color:#1653F7}
a.btn-info:hover, .btn-info.active, .btn-info:focus{background-color:#1653F7;border-color:#1653F7}
#grammarcheck {width:200px;margin-bottom:10px}
.lookupbg {margin-bottom:20px}
td {padding:5px}
#addnewbib {text-align:right;margin-right:5px;margin-top:-25px}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
input:focus:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
#nobib{color:black;background:white;padding:3px;margin-top:6px}
#youraccount {cursor:pointer;}
#loginModal .modal-dialog {max-width:450px}
#hi {width:170px}
#styleTabs {position:absolute;z-index:99;top:-44px}
.statecode {color:#767474;display:block;margin-bottom:2px}
#myline {float:left;background-color:#aaa;height:1px;margin-top:29px}
#citationssaved{float:left;padding:10px 0 0 10px;margin:0 0 10px 0}
a{color:black}
a#facebookshare{background-image:url(../images/share.png) ;height:32px; width:120px;display:block}
a#facebookshare:hover{background-image:url(../images/sharehover.png)}
.hiddensubmit {border: 0 none; height: 0; width: 0; padding: 0;margin: 0;  overflow: hidden;}
/*p #bibnameIndex {font-weight:bold;} */
#xxxbibnameIndex a, bibnameManage a{text-decoration:none;color:green;font-size:1.2em;}
#enterinfo {padding-top:2px;margin: 5px 4px 15px 2px;background:#ECE9D8}
.italic {font-style:italic}
#wikirow{padding-bottom:10px;}
div.content {
	padding: 0 1px 0px 1px;
}
.bannerLeft{margin:auto;position:relative;float:left}
#introbox h2, #introbox h3, h3.red{color:#B00;color:#C03616;text-align:center;margin-top:5px}
#introbox h3 {font-size:.9em;font-weight:bold}
#introbox a{text-decoration:underline}
 h3.red{margin-bottom:5px}
#arrow{position:absolute;top:45px;left:355px;z-index:5}
.tooltip > .tooltip-inner {
      background-color: #D9F1FB;
      color:black;
      border: 1px solid #31B0D5;
      padding: 5px;
    	text-align:left; max-width: 350px;
  }
.tooltip.top .tooltip-arrow { border-top-color: #31B0D5; }
.tooltip.right .tooltip-arrow { border-right-color: #31B0D5; }
.tooltip.bottom .tooltip-arrow { border-bottom-color:#31B0D5; }
.tooltip.left .tooltip-arrow { border-left-color: #31B0D5; }
#headListdiv {text-align:center;padding-bottom:10px;font-weight:bold}
#introbox.inpage {position:static; min-height:10px;border:2px solid #b00;padding:0 20px;border-radius:10px;}
#webtip {display:none}
#introbox li  {margin:4px 0;margin-left:-30px;}
#introbox.smaller {width:50%}
.editicons {clear:both;float:left;width:41px;min-height:60px}
a.intextlink {color:blue;font-size:.9em;text-decoration:underline}
#VolumeError, #StateError{display:block;color:#C03616;padding-right:30px}
legend {font-size:.9em;padding:4px;color:#15317e;font-weight:bold;width:auto;border:none; margin-bottom:0}
#worktype {text-align:center}
div.right {
	float: left; 
	width: 166px;
	background:white;
}
.plainpage{float:left;}
#wrapper {
	position: relative;margin:auto;margin-top:0;

}
#dp {float:right;margin-right:150px}
.firstinitial {display:none}
#addnew {background-color:#ECE9D8;}
#exportbutton{float:left}
#links2 {width:420px;list-style-type: none;}
#links2 li {float:left; width:140px;margin-top:5px} 
#links2 br{clear:left}
#links2 a{text-decoration:none;}
#links2 a:hover{text-decoration:underline;}
#showall2{background:url(../images/expand.png) no-repeat right;padding-right:15px}
#lmb{width:160px;margin-left:10px}
#rmb{float:left;width:690px;margin:10px 5px;}
#leftcol {padding:5px;padding-top:0;min-height:100px}
#rightcol {padding:5px;padding-right:0;padding-top:0}
#mb, #noCit {background-color:white;margin-top:10px;min-height:100px;width:100%}
#noCit{padding:50px;min-height:200px;}
#mb a{text-decoration:none;font-size:1.1em;font-weight:bold;}
#masterlist{margin-top:10px}
a.banner{width:180px;background: url(../images/banner5-sm.jpg) no-repeat;display:block;height:70px}
.pageWrap,.pageWrap2,.pageWrapM {background-color:#ECE9d8;background-color:#CCD5D3;background-color:white;margin:auto;clear:both;}
.rightmanageh3 {margin-top:35px;margin-bottom:25px;color:green;font-size:1.2em}
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;
}

.glyphicon-question-sign {color:#5BC0DE;font-size:1.1em;cursor:pointer}
.glyphicon-info-sign{color:#5BC0DE;font-size:1.5em;}
#introlist .glyphicon-question-sign {margin-left:25px}
#yourbibs {min-width:50px;margin-top:10px;margin-bottom:10px;text-align:center;}
.greyFont {color:#736F6E}
.underline {border-top:1px solid #ccc;padding-bottom:5px;clear:both}
a.underlinelink {text-decoration:underline}
h1, .title {
	font-size: 1.8em;
	color:#565051;
	padding-top:10px;
	margin-top:0;
	}
a.mylink2 {color:blue;font-weight:normal;font-size:.9em;clear:right}
#leftlistcit a.mylink2 {float:right;width:20px}
#rightlistcit a.mylink2 {float:left;width:55px}
#improvecitefast{display:none}
.circle,.circle2{border-radius:50px;font-size:20px;color:#fff;line-height:20px;padding:2px 10px;text-align:center;background:#B00;background:#C03616;background:#D05800}
.circle2{font-size:1.0em;padding:5px 4px}
.circlesm{border-radius:25px;font-size:11px;color:#fff;line-height:12px;padding:1px 5px;text-align:center;background:#B00;background:#C03616;margin-right:5px}
.expand{border-radius:25px;color:#C03616;padding:0 3px 2px;text-align:center;background:#fff;border:1px solid #C03616}
#add{border:1px solid black;text-decoration:none;padding:5px;margin-top:6px;display:inline-block;border-radius:2px;background-color:white}
#newbibbutton{border:1px solid #aaa;padding:2px;border-radius:3px}
.add {border-radius:25px;padding:0 3px 2px;text-align:center;background:gray;color:white;font-weight:bold
}
#introbox .circle {font-size:.9em;padding:2px 6px;}

h2 {
	font-size: 1.2em;
	text-align:left;
	color:#0687FE;
	color:black;
	margin-bottom:0;
	padding-top:0;
	font-weight:bold;
}
h3 {
	font-size: 1.1em;
	text-align:left;
	margin-bottom:0;
	margin-top:0;
	padding-top:0;
}
#introtext {padding:5px 10px; background-color:#ece9d8;margin-top:10px}

.nav {
	padding-left:30px;
}
a.mylink:link,a.mylink:visited{
	text-decoration:none;
	color:#565051;
	
}
a:hover, a#notbiblist{
	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;
}
option {color:black}
.hide {
	display:none
}
.show {
	display:block;
}
.blueExample {color:blue;line-height:2;font-family:"Times New Roman", Times, serif;font-size:12pt;padding-left:20px;display:block}
ul.blueExample li{list-style-type:none;font-family:"Times New Roman", Times, serif;font-size:12pt;}
ul.blueExample li .regfont {font-family: Verdana, Arial, Helvetica, sans-serif;color:black;font-size: 9.0pt;}
#wc.show {display:block }

ul.inline {
	list-style: none;
	margin:0;
	padding:0;
}
li.mypad {
	width:235px
}
img {
	margin:0;
	border:0;
	padding:0;
}
img.block {
	display:block;
}
.smallerFont {
	font-size:.95em
}

.smallFont {
	font-size:.95em
}
.small {font-size:8.5pt}
.width50 {
	width:175px
}
.relative {position:relative}
a.info:link {
	text-decoration:none;
	color: black;
}
 #tiprowFormat, #tiprowExtra,.myTip{ color:#767474}
.myTip{font-size:.95em; margin-top:-5px}
.myTip a, #confirm a{cursor:pointer; text-decoration:underline}
.caseWarning{margin-left:0;color:#b00;font-size:.95em}
#tiprow {margin-top:5px}
#tiprowATitle.myTip,#tiprowMedTitle.myTip {margin-bottom:3px}
a.under2:link, a.under2:visited{ color:#15317e;text-decoration:underline;}
a.under:link, a.under:visited{
	text-decoration:underline;
	color: #767474;
}
a.info:visited {
	text-decoration:none;
	color: black;
}
a.info:hover {
	text-decoration:none;
	color: black;
	z-index:5;
}
a.under:hover {cursor:pointer; color: #767474;}
a.left2:hover{cursor:pointer}
a.noline:hover, a.noline:link,a.info, a.noline:visited{
	border-bottom:none;position:relative;z-index:1; /*this is so pencil behind biographies */
}
a.info {
	text-align:left;
	position:relative; /*this is the key*/
	z-index:2;
}

a.info span, a.info div {
	display: none
}

a.ofni span {
	display: none;
}
a.info:hover span, a.info:hover div { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em;
	left:2em;
	width:20em;
	border:1px solid #31B0D5;
	background-color:#eee;
	background-color:#D9F1FB;
	color:#000;
	font-weight: normal;
	padding: 5px;
	padding-right:1px;
	text-decoration:none;
	font-size:.85em;
	border-radius:5px;
	}
#changebib {width:250px;font-weight:bold;color:#008000}
#changebib option{font-weight:normal}
.intext {border:1px  dotted #565051;
	}
a.info:hover span p{font-size:1.0em;padding-top:0;margin-top:0;}	
a.narrow:hover span {
	width:8em;
}
a.states:hover div {
	width:30em;top:-200px;left:135px;cursor:auto;
}
a.narrower:hover span {
	width:2.5em;
}

a.reporttip:hover span {
	margin-left:-20px;
	margin-top:-18px;
}

a.widest:hover span {
	width:56em;
}
a.left:hover span{left:-30em;}
a.left2:hover span{left:-4em; top:0;z-index:60}
a.left3:hover span{left:-8em;padding:0 5px;}
a#what:hover span{left:-10em;width:25em;}
/* 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;
}

.padleft {
	padding-left:10px;
}
div.footerline {
	background-color: #0001D8;
	height: 5px;
	min-height: 0.74em;
	margin-bottom: 17px;
}
td {
	vertical-align:top;
}

.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;
}
#Day, #Day2, #Month, #Month2 {margin-right:2px}
.floatLeft {
	float:left
}
.padLeft20{padding-left:20px}

.clear {
	clear:both;
}
.clearLeft{clear:left}
.clearRight{clear:right}
.container2,.innerpage{margin:auto;background-color:white;overflow:auto;padding-left:5px;padding-right:5px;margin-bottom:15px;border-top:2px solid #bbb;min-width:300px;width:300px}
.innerpage{margin-top:0;padding-right:5px;margin-left:3px;margin-right:3px}

.container2 a {text-decoration:underline}
.container2 a.btn {text-decoration:none}
ul.sourceTable, ul.interviewSubSourceTable{padding:0;margin-top:0;margin-left:4px;margin-right:4px;min-height:35px}
ul.interviewSubSourceTable{min-height:20px;margin-top:10px;margin:auto;width:400px}
#sourceTable2 {min-height:60px;clear:both}
.sourceTable li,.interviewSubSourceTable li{	
display: inline;
list-style-type: none;
padding-right: 1px;
float:left;
width:32%;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
font-size:1.3em;
}
.sourceTable li.l{width:28%;}
.interviewSubSourceTable li{	width:95px;}
.sourceTable li.b{border-bottom:1px solid #ddd}
#confirm {text-align:left;font-weight:bold;color:#C35616;color:#15317e;border:1px solid #B00;padding:3px 1px 3px 5px;margin-top:5px}	
#myform{clear:both}
.alignLeft, h3.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
.mybord {
	background-color:#ECE9D8;
	height: 1%;
}
/*#accountUl {clear:both;padding-left:0;margin-top:-8px}*/

.btn-info.floatLeft {margin-right:3px}
#jsddm {
	margin: 0;
	padding-left:0;
	padding-bottom: 0;
	margin:auto;
	}
#styleOut {color:#c64e00}
#jsddm li, div#youraccount {
	float: left;
	list-style: none;
}
div#youraccount {float:right}

#pwmedium label{width:95px;display:inline-block}
.pwmediumthesis label {width:100% !important}
.intRadio{width:310px; padding-bottom:20px;}
.intRadio label {width:150px;display:inline-block}
#sourceTable a.active, .interviewSubSourceTable a.active{color:#15317e;color:#c64e00;background-color:#ECE9D8;padding-bottom:0}
#sourceTable .moreSource a.active {padding-bottom:1px}
a.source, a.source:visited,#activeother a, a.whitebg, .active {
	text-decoration:none;
	display:block;
	padding:0 2px 0 6px;
	margin:0;
	border:1px solid #FFF;
	
}
li.active{padding-left:0;}

a.source:hover {
	background-color:#f8ebc0;background-color:#ECE9D8;
}
a.whitebg:hover{background-color:#e6e6e6;border:1px solid #808080}
#optional {clear:both}
#sourceTable a.source{font-size:.8em}
 #sourceTable2 a.source{font-size:.8em;word-wrap : break-word;}
a.active, .active {
	background-color:white;
	font-weight:bold; 
	display:block;
	color:#15317e;
	
}
#more2 {color:gray;font-weight:bold;text-align:center;} /*green*/
#moreli {width:32%;height:24px;border-right:none;}

#moreSourceText {font-size:.85em;font-weight:bold;color:green;display:block;background-color:#e5efcc;border-right:1px solid #ccc;}
#moreSourceText a{padding: 2px 1px 2px 8px}
#youraccount div#accountmenu a.manage {display:block;font-weight:bold;padding-right:5px;}
#jsddm li a.notvisible {visibility:hidden;}
#youraccount div#accountmenu a.newbib {background:#ffd978;padding:0;margin:5px;font-weight:bold}
#mb .abc a , #abcd a,#abcde a{text-decoration:underline}
#menubar {height:43px;position:relative;color: #57646d;float:left;width:100%}
.pageWrap2 #menubar {float:none}
#jsddm #youraccount div#accountmenu a#signup {display:inline;padding:0;background-image:none}
ul#navstyleid li {display:inline}
.modal-content a{text-decoration:underline}

#thelist{color:black}
#youraccount a#hi{ text-align:left;display:block;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background: url(../images/expand.png) no-repeat 0 50%;padding-left:12px;}

#youraccount a#hi:hover{text-decoration:none}

li#yourbibs #activebib{border-right:none;margin-top:-5px;border-radius:3px;margin-right:10px}

#youraccount div#accountmenu a{display:block;padding:0 0 0 5px;text-align:left;overflow:hidden;text-overflow:ellipsis;background-image:none;background:white;border:none;height:25px;line-height:25px;}

.contributor{width: 72px;font-size:0.8em;margin:0}
.authorspacer{float:left;width:70px;clear:both}
#accountmenu {position:absolute;z-index:290;} 

#jsddm li a{text-align:center;font-size:12px;text-decoration:none;white-space:nowrap;margin:0;
vertical-align:middle;line-height:23px;height:23px; padding:0px 4px;color:white;font-weight:bold
	
}

#jsddm li#cc a.menuactive{border-left:none;

padding-left:5px
}
#jsddm li a.menuactive, #jsddm li a.menuactive:hover{border-bottom:4px solid #d05800;font-weight:bold;color:white;background-color:#0241EE}
#jsddm li a:hover{
	color:#B8B8B8 ;
	}
#emailicon {width:17px;}
#bibname-m{color:green;width:222px;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top;white-space:nowrap}

#jsddm li.about a {
	width: 7em;
}

.errorMsg {color:#C00; font-weight:bold;border:2px red solid;padding:5px}
.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;}
.btn-sm {padding:5px}

.popup {
        border: solid 1px #0001D8;
        display: none;
		left:40px;
        position: absolute;
        width: 450px;
        z-index: 160;
      }

      .popuptitle {
        color: white;
        font-weight: bold;
       /* height: 18px;*/
        padding: 5px 0;
		text-align:center;
		margin:0;
		font-size:1.2em;
		background-color:#0241EE ;
      }
      
      .popupbody {
		background: #ddd;
        padding: 0 15px;
		background: #ECE9D8;
		background: #EEE;
	  }


.popupbody li{margin-top:3px;margin-bottom:3px}
/*#style2{text-align:center;font-weight:bold;color:white;background-color:#AAA;padding:3px 0;border-radius:8px 8px 0 0;}*/
ul.noBullet {list-style-type: none;}
div.noleftmarg ul.noBullet {list-style-type: none;line-height:100%}

div.nomarg ul, div.noleftmarg ul {padding-left:20px;}
div.noleftmarg ul li{margin:10px 0}
div.noleftmarg ul li ul li, #content-main div.noleftmarg ul li ul li{margin: 3px 0}

div.noleftmarg h4 {margin-bottom:0;padding-bottom:0}

 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 #565051;
	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 #ddd;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
	font-weight:bold;
}
ul.tabs li a {
	text-decoration: none;
	color: gray;
	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:none;
}
#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;
	color: green;
}
ul.tabs li a:hover {
	background: #ccc;
	background: #F8EBC0;
}

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-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
}
.tab_content {
	padding:5px 0 0;
	margin-left:0;
	/*font-size: 1.2em; */
	margin-bottom:0;
}
.orange {
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	color: #565051;
	color: #565051;
	font-weight:bold;
	
}
#leftlistselect, #rightlistselect{min-width:150px;}

.sprite{right:-23px;width:46px;height:36px;display:block;position:absolute;top:-20px;cursor:pointer}
.sprite{background:url('fancybox_sprite.png') 0 0;}
h2.orange{font-size:1.5em;color:#15317e;padding:4px 0 4px 2px;margin-top:2px;color:#c64e00
}
#mycitation2{color:#15317e;padding:4px 10px;font-size:.9em}
#mycitation2 ul li{font-size:.9em}
#filler {position:absolute;top:0px;left:792px;background-color:white;height:90px;width:454px;border-right:1px solid blue}

.bold{font-weight:bold}
.legend {margin-bottom:20px}
.blue {
	color:blue
}
.red {
	color:#B00;color:#C03616;
}
.gray,.grey {color:#808080}
.dateError {color:#c00;float:right}
.green {
	color:green
}
#authorlabels span, #mlahelp p {
	font-size:.8em;
}
.firstAuthor {clear:both}

fieldset {
	border:none;border-top:2px solid #aaa;padding:0;clear:both;
	margin:3px;	
}
#etaldiv{float:left;font-size:.8em;width:240px;}
#ellipsisdiv{clear:both}
textarea  {margin: 0;
  padding: 0;
  outline: 0;
   height:25px;
   /*max-height:100px;*/
   }

textarea {overflow-y:hidden!important} /* for autosize ie11 stops scroll bars showing*/
select#changebib {padding:1px;margin-top:2px;margin-bottom:2px;margin-left:-4px;font-size:1.1em}
input, select, textarea {border:1px solid gray;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);padding:3px;border-radius:3px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10+ specific styles go here */
input, select{padding-bottom:6px; }
} 
.coltwo.smallcol{float:left;width:205px}
input, textarea {width:100%}
input#Volume, input#Issue, input#State2, input#yourname, input#youremail, input#Page, input#Edition, input#City, input#bibname{width:auto}
select#Month {padding:3px}
#Year, #Year2 {width:40px}

input:focus, select:focus, textarea:focus {-webkit-box-shadow: 0 0 5px #4c9ed9;
	-moz-box-shadow: 0 0 5px #4c9ed9;
	box-shadow: 0 0 5px #4c9ed9;
	border-color: #4c9ed9;
}   
.radio, input[type=radio   ], #ellipsis, input[type=checkbox   ]{background-color: #FFF;border:none;box-shadow:none;width:auto;display:inline}
option.choice {
	color: red;
}
input[type=radio   ] {margin-right:4px;margin-left:10px}
#ino, #iyes,  #no {margin-left:0}
.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;}
#accountArea{display:none;width:280px; border:2px solid blue; padding: 5px; }
#emailerror, #passworderror, #passworderror2,#login_response, #fnameerror, #lnameerror, #epswLogin, #epswLogin2{color:#C03616}
#copypastetextarea, #copypastetextareaM, #copypastetitlepage{
	display:none;/*width:703px;*/color:#000 }

.graybk {background-color:#e0e0e0;}
.grayedOut{background-color:#e0e0e0;color:gray}
.styleTab{float:left;}
.styleChoice a{padding:0 30px;text-decoration:none;padding-bottom:0;border-right:1px solid #ccc}
#myButton9 {float:right;margin: -10px 5px 5px 3px}
#myButton{float:right;margin-right:5px;}
.newarea, .newareatype, .newareaedit, .newareasaved{padding:4px 0 4px 8px;}

#divnewarea{word-wrap:break-word;padding:4px 0 4px 8px;border:1px solid #4086b6;border-left:none;border-right:none;border-bottom:1px solid #4086b6;background-color:#ECE9D8;clear:both;margin-bottom:12px;margin-top:12px}
#newarea.newareatype{color:#000;}
#progress/*, #svc*/{font-style:italic;color:#4086b6;font-weight:bold;font-size:1.0em;}
#divnewarea.actioned {background-color:#e5efcc;}
#divnewarea.editing {background-color:#DFE8F2;}
.styleChoice a.activeTab {color:green;font-weight:bold;background-color: #e5efcc;border:1px solid #ccc}
#Online{position:relative}
.styleTab a{ padding:4px 2px 5px 2px;width:100px;display:block;text-align:center;background:#abbecc;background:#5BC0DE;background:#ECE9D8;
	font-weight:bold;
	border: 2px solid #aaa;
	border-bottom:0;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
font-size:1.0em;
text-decoration:none;
margin: 5px 0 0 5px;
line-height:30px;;
/* for style  and print/online tab */
}
#APA {margin-left:15px }
.styleTab a:hover{background-color:#ece9d8;background-color: #c5cfe1;background-color:#31B0D5;background-color:#D8D2B0;}
.activeTab a:hover {background-color:#FFF}
.styleTab a{width:80px; } /* for style tab */
.activeTab a{ background-color:#fff;color:#c64e00;} 
#medium {position:relative;}
/*#Chicago {position:relative;}*/
#page-body {background:white}
#wrap {width:100%}
.smfnamebox, .mibox {width:20px;float:left}
 .mibox{margin-left:0}
.smfname{float:left;}
.lgfname{float:left; }
ul.statecodes {float:left;margin:0;margin-right:10px;padding:0;}
ul.statecodes li{list-style-type:none;}

.myBox {background-color:#0f87ff;
	padding-top:10px;
	padding-right:4px;
	display:table
}
.bluebk{background-color:#0687FE;color:white;}
a.nounderline{text-decoration:none}
a.linkunderline{text-decoration:underline}
a.manual{margin-bottom:10px;margin-left:20px;text-decoration:underline;color:#565051}
.intxttype{color:gray;background-color:#F8EBC0;padding:4px 0 4px 8px}
a.pointer:hover span {font-size:.7em;left:5em;top:2.5em;}
a.pointer:hover {cursor:pointer;color:#565051}
/* measurements that change */
#textarea3{ width:455px;max-height: 300px; overflow: auto;}
#authorsection {clear:both;}
.myBox {}
#outputArea, #sourceBox{border-bottom:2px solid #208AD8;border:2px solid #aaa;border-radius: 10px;margin:2px;}
#twoFiller {padding:10px 0 4px 2px;margin-top:5px;background:url(../images/grayedOutTiny.png) no-repeat;height:208px}
#twoFiller p {margin-top:45px; font-weight:bold;font-size:1.1em;background:white;width:80%;margin-left:auto;margin-right:auto;padding:5px;border:2px solid #BF1E2D;border-radius:5px}
.margtop{margin-top:10px}
/* Left side */

.moreSourceWide {width:210px}
#leftSide { width:522px;margin-right:2px;float:left;clear:left;}
#sourceBox {margin-top:-2px; clear:both}

.authorDiv{height:21px;clear:both}

.searchInput {margin-bottom:3px;}
.wideInput {width:100%} 
/* end Left Side */
#mainTable {
	background-color:white;position:relative;float:left;margin-top:50px;width:100%;}

/* Right side */

#rightSide {width:492px;width:602px;float:left}
#outputArea{margin-top:-2px;margin-bottom:6px}
#myexport{margin:2px;margin-bottom:15px;margin-top:6px;}
.cwidth{ word-wrap:break-word;float:left;position:relative;width:90%}
.cwidthall{}
#myline2 {border-top:1px solid #4086B6}
#blurb{margin:-2px 5px 15px 2px;border:2px solid #aaa;padding:5px 2px 5px 15px;border-radius: 10px;background-color:#ECE9d8}

/* end Right Side */
#addauthortext{width:480px;}

#s1 {margin-left:10px; height:20px}
#enterinfo, #myexport{border:2px solid #aaa;padding-left:2px;border-radius:10px}
.authorLast {float:left;margin-left:2px;margin-right:4px;margin-bottom:3px}
.inline {display:inline}
#copypastetextarea a.button-facebook, #copypastetextarea a.twitter-share-button, #copypastetextareaM a.button-facebook, #copypastetextareaM a.twitter-share-button{text-decoration:none;
		border-radius: 3px;
box-shadow: 0 1px 1px #999;
color: #fff;
display: inline-block;
margin: 5px 10px 20px 0;
padding-top:8px;
float:left;
text-align: center;
width: 160px;
	background-color: #2b4170; /* fallback color */
background: -moz-linear-gradient(top, #3b5998, #2b4170);
background: -ms-linear-gradient(top, #3b5998, #2b4170);
background: -webkit-linear-gradient(top, #3b5998, #2b4170);
border: 1px solid #2b4170;
text-shadow: 0 -1px -1px #1f2f52;
}
.twitter-share-button {height:43px;}
#copypastetextareaM a.button-facebook:hover{
background-color: #3b5998; /* fallback color */
background: -moz-linear-gradient(top, #2b4170, #3b5998);
background: -ms-linear-gradient(top, #2b4170, #3b5998);
background: -webkit-linear-gradient(top, #2b4170, #3b5998);
}
#copypastetextareaM a.twitter-share-button {
	color: #217799;
	font-weight:bold;
	font-size:1.5em;
	width:120px;
	border: 1px solid #6fb1c7;
	background-image: -moz-linear-gradient(#aae5f7, #73d0f1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
	background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);
	background-image: -o-linear-gradient(#aae5f7, #73d0f1);
	text-shadow: 1px 1px 1px #bfeafb;
	background-color: #73d0f1;
	}
#copypastetextareaM a.twitter-share-button:hover {
	border: 1px solid #4690ad;
	background-image: -moz-linear-gradient(#73d0f1, #aae5f7);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));
	background-image: -webkit-linear-gradient(#73d0f1, #aae5f7);
	background-image: -o-linear-gradient(#73d0f1, #aae5f7);
	background-color: #aae5f7;
}
#copypastetextareaM a.twitter-share-button:active {border: 1px solid #3b778b;}
.bigbutton, a.bigbutton{
    display:block;
	border-radius: 4px;
    color: #FFF;
    font-weight:lighter;
    border: 1px solid #ccc;
    padding: 4px 8px 5px;
	text-shadow:0px 1px 0px #854629;
	background: rgb(55,148,216);
    background: -moz-linear-gradient(top, rgba(55,148,216,1) 0%, rgba(3,81,184,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,148,216,1)), color-stop(100%,rgba(3,81,184,1)));
    background: -webkit-linear-gradient(top, rgba(55,148,216,1) 0%,rgba(3,81,184,1) 100%);
    background: -o-linear-gradient(top, rgba(55,148,216,1) 0%,rgba(3,81,184,1) 100%);
    background: -ms-linear-gradient(top, rgba(55,148,216,1) 0%,rgba(3,81,184,1) 100%);
    background: linear-gradient(top, rgba(55,148,216,1) 0%,rgba(3,81,184,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3794d8', endColorstr='#0351b8',GradientType=0 );
	  border: none\9;
}

a .bigbutton, a.bigbutton,.plainpage a.bigbutton, .plainpage a.bigbutton:hover {
	color: #FFF;
	text-align:center;
	text-decoration:none;
    font-weight:bold;
	cursor: pointer;
	

}
a.smallbutton  {width:160px;text-decoration:none;padding: 2px 5px;border: 1px solid #ccc;display:block;border-radius:15px;background:#0687FE;color:white;font-size:1.0em}
a.smallbutton:hover  {background:rgb(98,186,236);color:white}

.noBold, .nobold {font-weight:normal}

ol {padding-left:20px}

 #introA,#introB {float:left;width:220px}
 #divca  {float:right;margin-bottom:5px;margin-right:5px}
 #divintext {float:left;margin-left:10px;margin-bottom:5px}

#addauthor2{border:1px solid #adadad; border-radius:5px;float:right;margin-right:2px;padding:0;font-size:1em;padding:3px}
.sourceTable li.wider{width:40%;border-right:none}
label {font-weight:400}

a.activeentry{text-decoration:none;color:#13307e;font-weight:bold;font-size:1.1em;margin-left:30px}

#authorLabel {font-size:0.8em;}
.fakerow {clear:both;border-bottom:1px dotted #B3C4D1;padding-top:4px;min-height:22px}
.colone {width:20%;margin-top:4px;font-size:.9em;padding-right:3px;}
#PageLabel.colone, #EditionLabel.colone, #VolumeLabel.colone, #CityLabel.colone, #FormatLabel.colone{float:left}
#PageLabel.marginTop,#EditionLabel.marginTop, #CityLabel.marginTop{margin-top:18px}
#VolumeLabel.marginTop{margin-top:50px}
.coltwo {float:left;margin-bottom:5px;}

.inuse {width:85%;float:left}
.inline,a.inline {display:inline}
#dissertation{margin-left:0}
#leftcol.col-sm-6 {position:inherit}
#pwmedium {text-align:center;padding-bottom:4px;}
#changebib option{padding:2px;font-size:1.0em}

#quick {text-align:center;color:#b00;color:#C03616;font-weight:bold;display:inline;float:left}

hr {margin-top:10px;margin-bottom:10px}
#introbox{display:none;padding:0 20px;;color:#333;margin:10px 0 15px 180px;
}
#introbox.arrow {background: url(../images/arrowIntro.png) no-repeat 75% bottom;}
#introbox{margin:auto;font-weight:bold;margin-bottom:-40px;border:1px solid white; text-align:center}
#introbox div{ border-radius:10px; border:2px solid #666;padding:5px 40px 60px;padding:5px;margin-bottom:50px;display:inline-block;max-width:650px;background:white}
#introbox.greyborder div{border:2px solid #ccc;}
#introbox p{text-align:left;font-size:1.2em;margin:0}
#introbox p a {font-size:1.0em;}
#introbox div.btip{display:block; border:2px solid #BF1E2D;padding:3px;text-align:center;margin-bottom:0}
#introbox.arrow div{border:2px solid #BF1E2D;}
#introlist {list-style-type:none;width:100%;} 

.big {font-size:1.1em;border-radius:5px;margin-bottom:-10px;font-weight:bold;padding:0 8px}
.redhighlight a {border:2px solid #b00;margin-bottom:10px;margin:auto;margin-bottom:-10px;color:#b00;color:#C03616;border-radius:5px;font-weight:bold}
 .leftnav-link:hover,
.leftnav-link:focus {
  text-decoration: none;
}

a.leftnav-link {
  display: none;
  padding: 4px 0px;
  margin-bottom: 0;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
          
  float: left;
  color: white;
  width: 98%;
  background-color: #314047;
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  
}
a#citefastfeatures.info:hover span{left:-15em}
a#accountfeatures.info:hover span{left:-8em}
/*.container {border-right:1px solid yellow;}*/

.container {
    width: 320px;padding:0;
background-repeat: repeat-x;
  }
/*.container {border-right:1px solid orange;}*/
  .row{margin:0}

#myleftad,#footerad {display:none}
.foursteps {float:none;margin-left:10px;font-weight:normal;margin-top:-20px;font-size:1.1em;font-style:italic;color:white;}
.colone {width:auto;min-width:70px}
#VolumeLabel{float:left}
.coltwo {float:none}
.cwidth {width:85%}
.lgfnamebox {width:56px;}
.lastNameBox{width:106px;}
.lastNameBox2{width:106px;}
#cc img {display:none}
.bannerbg {height:150px}
#authorLabel{margin-left:72px}
/*} */
@media (min-width: 340px) {

.container {width: 340px;}
/*.container{border-right:1px solid purple;}*/
#orgshow{display:none}
}
@media (min-width: 480px) {  /* for tablets */

/*.container {border-right:1px solid gray;}*/

.container {
    width: 480px;
  }
  #webtip {display:block}
 /*#youraccount{ width:167px;} problems when decrease size of font*/
#lookupFieldset{border:2px solid #aaa;padding:5px;border-radius:5px}
.cwidth {width:90%}
#twoFiller {background:url(../images/grayedOutmed.png) no-repeat;}
.fi {display:none}
.firstinitial{display:inline}
.smfnamebox {margin:0px;margin-left:15px;}
.coltwo.smallcol {width:375px}
#VolumeLabel.marginTop{margin-top:20px}
.smfname {width:56px}
.container2,.innerpage {width:480px}
.bannerbg {height:130px;}
#sourceTable a.source{font-size:.9em}
#improvecitefast{display:block;float:right}
.innerpage{margin-left:5px; margin-right:5px}
.lgfname,.smfname {clear:none}
.firstAuthor {clear:none}
.authorLbl {width:87px;float:left}
.lgfnamebox {width:118px;margin:0;clear:both}
.lastNameBox{width:275px;}
.lastNameBox2{width:215px;}
.flabelMLA{width:122px}
#stylenavbar{float:none}
}


@media (min-width: 768px) {  /* for tablets - no ads */
/*.container {border-right:3px solid pink;}*/
#begintip {display:inline-block;text-align:center;border:2px solid black;border-radius:10px;padding:10px;margin-top:-2px;margin-bottom:40px}
#arrowDiv {position:relative}
#arrowDiv.intro #arrow1{top:117px}
#arrowDiv.intro #arrow2{top:107px}
#arrowDiv.intro #arrow3{top:95px}
#arrow1 {top:50px;height:60px;width:52px;position:absolute;z-index:100;left:460px;background:url('../images/arrow1new.png') no-repeat left top}
#arrow2 {top:40px;height:264px;width:90px;position:absolute;z-index:100;left:370px;background:url('../images/arrow2new.png') no-repeat left top}
#arrow3 {top:28px;height:180px;width:162px;position:absolute;z-index:100;left:335px;background:url('../images/arrow3new.png') no-repeat left top/70%}
 #arrow1, #arrow2, #arrow3  {display:block;}
.col-sm-offset-3 {margin-top:50px}
#twoFiller {background:url(../images/grayedOut768.png) no-repeat;}
#mainTable{min-height:430px;margin-top:40px}
#jsddm {/*width:885px;*/float:left;}
#grammarcheck {width:auto;}
.bannerbg {height:90px}
#copypasteModal .modal-dialog {width:768px}
.hideDesktop {display:none}
body {background-image:url(../images/bluedot.gif);background-size:auto 113px;background-repeat: repeat-x;}
#wholebanner {height:113px}
#introbox{display:block}
#rightlistselect{margin-left:100px}
#leftcol {border-right:1px solid gray;}
  #mainTable.BT {margin-top:40px}
 #jsddm li a.notvisible {display:none;}
a.wide:hover span {
	width:35em;
}
 #logbuttons {float:right;margin-top:-50px}
#content-main {float:left;width:520px}
  #menubar {width:auto}
.container {
    width: 768px;
   border-radius:0;}
  .bannerLeft{height:auto}
  #mycopy {min-width:725px}
.container2, .innerpage {border:2px solid #bbb;border-radius:15px;width:730px}
.coltwo.smallcol {width:280px}
a.banner{float:left}

.col-sm-6 {
    width: 50%;float:left;
}

.lgfnamebox {width:70px;margin:0;clear:both}
.lastNameBox{width:180px;}
.lastNameBox2{width:160px;}
.flabelMLA{width:72px}

.cwidth {width:87%}
textarea#yourcomments, textarea#comments{width:auto;height:auto}
#outputpane {margin-top:5px}
#copyarrow{position:absolute;left:275px;top:30px;background:url(../images/arrowTxt.png) no-repeat;padding:15px;padding-left:20px;padding-bottom:30px;width:170px}
.foursteps {clear:none;float:left;margin-top:0;}
#jsddm li a{text-align:center;display: block;text-decoration:none;white-space:nowrap;	margin:0;
vertical-align:middle;line-height:43px;height:43px;
	color: #57646d;color:black;
	border-top:none; padding:0 13px;color:white;
	
}

#cc img {display:inline}
#footerad {display:block}
}
@media (min-width: 992px) {
  /*.container {border-right:1px solid red;} */
  .container {
    width: 990px;
  }

  #introbox div {max-width:700px}
#yourbibs {width:100%;}
  #jsddm {margin-left:170px}
#arrow1{left:720px}
   #youraccount a#hi{color:white;background: url(../images/expand-white.gif) no-repeat 0 50%;}
  #youraccount div#accountmenu a.manage{font-size:.95em}
div#youraccount {margin-top:-80px}
  .plainpage {width:835px}
  #changebib {width:200px}
  #youraccount a#hi.white{color:white;background-image: url("../images/expand-white2.gif")}  /*for manage page*/
  body {background-size:auto 133px;}
  #wholebanner {height:133px}
  #leftsideguide {float:left;padding-right:20px;width:450px;word-wrap:break-word} 
   #popupChicago, #popupAPA, #popupMLA {float:left;width:400px}
   .bannerbg {height:130px;}
	.flabelAPA {width:62px}
	.lgfnamebox {width:100px;margin:0;clear:both}
.lastNameBox{width:200px;}
.lastNameBox2{width:180px;}
.flabelMLA{width:100px}
#arrow2{left:570px;}
 #arrow3{left:535px}
#bibname-m {width:126px}
	.colone {text-align:right}
	#copyarrow{left:320px;}
	.container2 {width:820px;}
  
   #mainTable{width:815px;}
   .innerpage {width:795px}
   h2.orange {padding:4px 10px}
   #twoFiller {padding:10px 0px 4px 10px;background:url(../images/grayedOutsm.png) no-repeat;}

 .bannerLeft{width:250px;margin-bottom:-15px}
 
  #jsddm li a {padding:0 6px;}
 
#happy{background:url('../images/ArrowsWText.png') no-repeat bottom right;margin-top:10px;height:77px;width:395px;padding:0 0 0 20px;}
#intextModal .modal-dialog {width:930px}
  a.banner{height:54px}
  #banner2 {display:block;}
  #banner2{float:right;position:relative;width:728px;height:90px;margin-right:10px}
  .marginTop{margin-top:18px}
  .marginTop2{margin-top:6px}
  .marginTop3{margin-top:30px}

  .margintopfirstauthor {margin-top:22px;margin-bottom:-22px}

.colone,.coltwo,#myleftad   {display:inline;float:left}

.colone {width:25%}
.coltwo {width:75%}
#editioninfo {display:none}
}
@media (min-width: 1280px) {
	/*.container {border-right:2px solid green;} */

 .bannerLeft{margin-top:10px;margin-bottom:0}
   #jsddm li a.notvisible {display:block}
  .bannerLeft{width:auto}
  #arrow2{left:700px;}
 #arrow3{left:670px}
 #grammarcheck {width:180px;margin-top:-10px}
 #etaldiv{width:300px}
 #progress, #headListdiv {text-align:center; margin-left:0}
  .container {
    width: 1250px;
  }
#twoFiller {background:url(../images/grayedOut2.png) no-repeat}
  #youraccount div#accountmenu a.manage{font-size:1em}
  .container2 {width:1070px;}
  #content-main {width:700px;padding-left:5px;}
  #mainTable {width:1070px;}
  .innerpage {width:1000px}
a.wide:hover span {
	width:40em;
}
#VolumeError, #StateError{display:inline}
#copyarrow{left:400px;}
.cwidth {width:90%}
.flabelMLA{width:123px}
.lgfnamebox {width:120px;margin:0;clear:both}
.lastNameBox{width:295px;}
.lastNameBox2{width:230px;}
#jsddm li a {padding:0 14px;}
#editioninfo {display:inline}
}
@media (min-width: 1365px) {
 /* .container {border-right:1px dotted pink;} */
  .container {
    width: 1345px;
  }
 #twoFiller {background:url(../images/grayedOut2.png) no-repeat}
  a.banner{width:230px}
  #arrow2 {left: 730px}
    #changebib {width:250px}
  .cwidth {width:92%}
  #arrow1{left:840px}
  #arrow3{left:705px}
  #bibname-m{width:190px}
   .bannerbg{height:110px}
 a.banner{background: url(../images/banner5.jpg) no-repeat;height:70px}
#mainTable {width:1170px}
.container2,.innerpage {width:1130px;}
/*#accountUl {margin-left:20px;} */

}
@media (min-width: 1440px) {
 /* .container {border-right:1px solid orange;}*/
  .container {
    width: 1420px;
	
  }
  #twoFiller {background:url(../images/grayedOut.png) no-repeat}
  #twoFiller p {margin-top:55px;}
   #grammarcheck {width:auto;margin-top:-20px}
    #arrow2 {left: 770px}
 #arrow3{left:750px;}
 #APA {margin-left:75px }
  #mainTable,.plainpage {width:1245px}
  .innerpage {width:1200px}
.foursteps {margin-left:0;}
#copyarrow{left:500px;}
}
@media (min-width: 2000px) {
/*.container {border-right:1px solid black;}*/
}
@media (max-width: 1200px) {
	#leftSide, #rightSide {float:none}
	.xcol-sm-6 {
    width: 100%;float:none;
	}
}

@media (max-width: 767px) {
	#leftSide, #rightSide {float:none}
	.col-sm-6 {
    width: 100%;float:none; padding-right:2px;
	}

/*Styles from Simon for responsive menu */
a.menubar-link, a.navstyle-link {
	 display: block;margin-top:0;
}
#menubar, #navstyleid {
	clear: both;
	-webkit-transition: all 0.3s ease-out;  
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.myTip {margin-left:0}

}
@media (max-width: 340px) { 
/*Left side */
#leftSide {width:320px}
#introbox{ margin:0}
/* Right side */

#rightSide {width:320px;float:left}
#exportbutton{float:none}

}