


html { height: 100%; }

body { 

		min-height: 100%; height: 100%;
		background-color:  #fff;
        margin:0;
        padding:0;
		height: 100%;
        font: 12px/1.5em Arial; 
}

a {color:#2954d1;} 
a:link, a:visited, a:active { text-decoration:none } 
a:hover { text-decoration:underline }

pre {

	 white-space: pre-wrap;       /* css-3 */	 
	 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */	   
	 white-space: -pre-wrap;      /* Opera 4-6 */ 
	 white-space: -o-pre-wrap;    /* Opera 7 */	
	 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

#wrapper {

	background:#ffffff url(http://api.libguides.com/images/bg3.gif) repeat-y scroll 0 0; 
	width: 999px; /* outside content pane width */	
	padding: 0;
	min-height:100%; 
	text-align: left;  
	margin: 0 auto;
}

* html #wrapper { height:100%; }

html>body #wrapper {height: auto;}

#container {
		background-color: #fff; 

		width: 985px; /* effective content pane width */	  
		padding: 0; 
		min-height:	100%;
		text-align: left; 
		margin: 0 auto;
}  

/* star-html hack for IE. 	See: 
http://blogs.msdn.com/ie/archive/2005/10/12/480242.aspx
http://www.positioniseverything.net/articles/ie7-dehacker.html 
http://centricle.com/ref/css/filters/?highlight_columns=true
*/
* html #container { height:100%; }		
html>body #container {height: auto;}

#header { 	  
	 	width: 985px;
        padding: 0; 
		color: #444;
        text-decoration: none;
		text-align: left;
		margin: 0 auto;	
		margin-bottom: 0;
		border-bottom: 0;
} 


#content {
		width:100%; 
		padding-left:2px; 
		padding-right:2px; 
		padding-bottom:10px;

}

#contentleft {   
		padding-left:0px; 
		margin-right:8px;
		width: 235px;  
		float: left; 
		min-height: 100%;  
		height: 100%; 
}

#contentcenter { 
		padding-left:0px; 
		margin-left:0px; 
		margin-right:8px;  
		float:left;
		min-height: 100%;  
		height: 100%; 	 
		width: 520px;
}

#contentxwide {  
		width: 682px;	
		padding-left: 0px;  
		padding-right:8px;
		margin-right:0px;
		float: left;		  
		min-height: 100%;  
		height: 100%;
		background:#ffffff url(http://api.libguides.com/images/bg3.gif) repeat-y scroll -309px 0; 
		border-right: 0px solid #1958b7;	
/*overflow:hidden; hidden as was causing problems in IE6, don't see any negative results in other browsers */
	padding-top:5px;
	min-height:850px;
}

#contentright {   
		min-height: 100%; 
		height: 100%;	
		float:left; 
		margin-left: 0;   
		min-height: 100%;  
		/*overflow:hidden; hidden as was causing problems in IE6, don't see any negative results in other browsers */
		width:284px;
		padding-left:3px;
		padding-top:15px;
		padding-right:8px;
		margin-right:0px;
		background-color:#f6f6f6;
}

.topnav {padding: 3px 5px 5px 5px;}

.breadcrumbs {color:#666666;}

.font10 { font: normal 10px Arial, Helvetica, sans-serif;}  

.font11 { font: normal 11px Arial, Helvetica, sans-serif;} 

.font12 { font: normal 12px Arial, Helvetica, sans-serif;} 

.font14 { font: normal bold 14px Geneva, Tahoma, Arial, Helvetica, sans-serif; color: #24323e; } 

.small { font-size: 80%;}

h1 {
		display:block;
		font: 20px Arial, Trebuchet ms, Tahoma, Arial, Helvetica, sans-serif; 
		color: #333;
		display:block;
		padding:3px 0 0 8px;
		margin:0;
}

h2 {	font: bold 14px Geneva, Arial, Helvetica, sans-serif;	  
        color: #000; 
        margin: 0; 
        padding: 0; 
}

h3 { 	margin: 0;
		font: bold 14px Arial, Helvetica, sans-serif;
}

h4 {    font: 11px/1.5em Geneva, Arial, sans-serif;	  
        color: #000;  
        margin: 0;
        padding: 7px;  
}

h5 {    font: bold 12px/1.5em Arial, sans-serif;  
		color: #666666;
		margin: 1.5em 0 0.1em 0; border-bottom: 1px solid #e5e5e5; padding: 0 0 0.2em 0;
}

h6 {    font: bold 10px Tahoma, Arial, Helvetica, sans-serif;	
		margin: 0;
        padding: 0;
}


hr {color: #fff; background-color: #fff; border: 1px dotted #222222; border-style: none none dotted; }


.pagedesc {  
		display:block; 
		font:  bold 14px Arial, Trebuchet ms, Tahoma, Helvetica, sans-serif;
		color: #696969;	
		display:block;
		padding:5px 0 0 8px;
}

.stitle {background: transparent url(http://lgimages.s3.amazonaws.com/greystripe.gif) 0 0 repeat-x;
		font: bold 14px Arial, Helvetica, sans-serif;  
		padding-left:10px;
		height:23px; 
		padding-top:2px;
		line-height:18px;
		margin-bottom:15px;
		margin-top:13px;
		margin-bottom:0;
		padding-bottom:0;

 }

#footer {  
		  clear: both;	  
		  background-color: #fff;	 
	      width: 100%;
		  font: 10px/1.5em Verdana;	  
	      line-height: normal; 
	      border-top: 1px solid #1958b7; 
}

/* New content boxes */

.outerbox {background-color:#eaeaea; padding:7px; margin-bottom:17px;}
		
.headerbox { 
	padding:4px 4px 5px 5px; margin-bottom:5px;
	background: transparent url(/images/boxhead-blueshade.gif) 0 0 repeat-x; 
	
}

.innerbox, .innerboxprofile {background-color:#FFFFFF; padding:8px; margin:0px; font: normal 12px Arial, Helvetica, sans-serif;}
						
.headerbox h2 {color:#666666; font: bold 12px Verdana, Arial, Helvetica, sans-serif; display:block }

.fieldlabel {	 
		color: #333;	   
		font: 11px Verdana, Arial, Helvetica, sans-serif ; 	   
}

.inputtext {	
		color: #222;	 
		background: #f4f4f4;  
		font: 11px Verdana, Arial, Helvetica, sans-serif ;
		border: 1px solid #666;	
}

.dropdownform, .ddf {	   
		color: #222;	  
		background: #f4f4f4;	
		font: 11px Verdana, Arial, Helvetica, sans-serif ;  
		border: 1px solid #666;
		font-weight: normal;
}

.fbutton  {	font: 9pt Verdana, Arial, Helvetica, sans-serif; } 

.qtopics { margin: 0; padding: 3px 0 3px 0; color:#a3a3a3; font-style:bold; font-size:1em; font:normal 11px Georgia, Times, serif;}

.qmeta { background-color:#f9f9f9; margin: 20px 0 0 0; padding-top: 3px; padding-bottom:3px; color:#3F545F; font:normal 11px Arial, Georgia, Times, serif;  border-top:1px dotted #cacaca; }

.qmeta2 {font-size:0.9em;}

.qtext {	padding: 5px 0 2px 0;}

.qlink {padding-top:0px; margin-top:0px; padding-bottom:5px; font-size:12px; font-weight:bold; line-height:15px; font-family:Georgia, times;}

.qlink a:hover {background-color:#2954d1; text-decoration:none; color:#fff;}

.qborder { border:1px solid #cacaca; color:#535381; padding:0; margin:0; margin-right:10px; height:50px; width:50px; float:left;display:block; }

.qinner { background-color:#f4f4f4; height:40px; width:40px; margin:5px; color:#535381; font:10px Arial, Georgia, Times, serif; line-height:14px; text-align: center;}

.qdetails { padding:10px 0 10px 0; font:normal 12px Arial, Georgia, Times, serif; }

.qletter { padding-left:0px; padding-top:6px}

.questionsubmit {background-color:#FAFB8D; border:1px solid #423176; padding:8px;}

.aborder { color:#535381; padding:0; margin:0; margin-right:10px; height:20px; width:20px; float:left;display:block;  border:1px solid #333366; }

.ainner {background-color:#FFF; height:16px; width:16px; margin: 0 0 3px 4px; color:#535381; font:bold 16px Georgia, Times, serif; padding-top:0}

.aletter {padding-left:0px;}

.hcolor {color:#003366;}

#othera hr {color: #fff; background-color: #fff; border: 1px solid #a2a2a2; }

.question { padding:10px; padding-left:0px; border-bottom:1px solid #D3D9E2; border-bottom:1px solid #a3a9c2; }

/* on answer.php where previous sms's are shown */
#smslookup { background-color: #E8E8E8; margin-top: 10px; }
#smslook_head { float: right; }

.searchdesc { font: normal 13px Georgia, Times, serif; }

.pagination {
background:#EBECEF none repeat scroll 0 0;
border-bottom:1px solid #CBCDD3;
border-top:1px solid #CBCDD3;
color:#666666;
margin:5px auto;
padding:3px 8px;
}

.pagination p {
font-size:11px;
margin:0;
text-align:left;
line-height:1.4;
margin-bottom:0.5em;
}

.hitsbox { background-color:#FFFEC9;padding:3px;color:#676767; }

.askcolor {color:#333399;}

.qstyle { padding-top:0px; padding-bottom:7px; margin-top:0px; font-size:14px; color:#333366;}

.iprint {	background: transparent url(http://lgimages.s3.amazonaws.com/box-icons.gif) 0 -240px no-repeat; padding-left:11px; }

.answerinfo {	margin-top:7px; font-size:12px; padding:5px; background-color:#f0f0f0; color:#4f4f4f; }

.topics {padding: 8px 0 0px 0; font: normal 12px Georgia, Arial; color:#666666;}

.moreinfo {font-family: Arial; font-weight: bold; font-size: 12px; color: #424242;}

.askintro {font: normal 12px Arial, Helvetica, sans-serif}



#tabsI {			
		float: left;	 
		width: 100%;		
		font: bold 11px Verdana, Tahoma, Helvetica, sans-serif;	 
		line-height: normal;	   
		border-bottom: 1px solid #1958b7;	
}

#tabsI ul {	 
		margin: 0;	  
		padding: 8px 0 0 5px; 	
		list-style: none;	
}

#tabsI li {	   
		display: inline;  
		margin: 0;		
		padding: 0;	  
}

#tabsI a {	 
		float: left;	
		background: url("http://lgimages.s3.amazonaws.com/tableftI-blueshade.gif") no-repeat left top;	  
		margin: 0;	
		padding: 0 0 0 5px; 
		text-decoration: none;		
}

#tabsI a span {		 
      float: left;	   
      display: block;	 
      background: url("http://lgimages.s3.amazonaws.com/tabrightI-blueshade.gif") no-repeat right top; 
      padding :5px 15px 4px 6px;	 
      color: #24618e;	 
}

#tabsI a span {float:none;}		 

#tabsI a:hover span { color:#fff;}	   

#tabsI a:hover { background-position: 0 -42px; }

#tabsI a:hover span { background-position: 100% -42px;  }

#tabsI #current a, #tabsI .current a { background-position:0 -42px;    }

#tabsI #current a span, #tabsI .current a span { background-position: 100% -42px;   }	   

#tabs12 {	  
      	float: left;	 
      	width: 100%;			
		font: bold 11px Verdana;	   
		line-height: normal;			   
		border-bottom: 1px solid #c2bdae;	
}

#tabs12 ul {	   
        margin: 0;	  
        padding: 8px 0 0 8px;	  
        list-style: none;	 
}

#tabs12 li {	
      display: inline;	  
      margin: 0;		
      padding: 0;	
}

#tabs12 a {	 
      float:left;			
      background: url("../images/tableft12-blueshade.gif") no-repeat left top;	   
      margin: 0;			 
      padding: 0 0 0 4px;   
      text-decoration: none;		
}

#tabs12 a span {	 
      float: left;
      display: block;  
      background: url("../images/tabright12-blueshade.gif") no-repeat right top;	 
      padding: 5px 15px 4px 6px;	  
      color: #24618e;   
}

#tabs12 a span {float:none;}   		 

#tabs12 a:hover span { color:#fff;}	

#tabs12 a:hover { background-position:0% -42px;}

#tabs12 a:hover span { background-position:100% -42px;}

#tabs12 #current a { background-position:0% -42px;}

#tabs12 #current a span { background-position:100% -42px;}

.dropmenudiv {
		position: absolute;	 
		top: 0;		 
		border: 1px solid #bbb;	
		border-bottom-width: 0;
		font: bold 10px/1.5em Verdana;	
		line-height: 15px;	   
		z-index: 100;	  
		background-color: white;   
		width: 200px; 
		visibility: hidden;	 
}

.dropmenudiv a {  
		width: auto;   
		display: block;	
		text-indent: 3px; 
		border-bottom: 1px solid #bbb; 
		padding: 2px 0;	   
		text-decoration: none;	
		font-weight: bold; 
		color: black;  
}

* html .dropmenudiv a{ /*IE only*/	width: 100%;}  

.dropmenudiv a:hover { background-color: #a0c0f1;}	  


.balloon, .balloon_body, .balloon_head, .balloon_head h6 {		
	    background: transparent url('http://lgimages.s3.amazonaws.com/desc_back.gif') no-repeat bottom right; 	 
		background-color: #fff; 	   
} 

.balloon { 	
		position: absolute; 
		font-family: Tahoma, Arial, sans-serif;	 
	    font-size : 10px;  
		width: 200px; 
		height: auto;   
		z-index: 100; 
		display: block;	 
	    padding-right: 15px; /	   
	    margin: 0 auto;
} 

.balloon_head { 	
	    background-position: top right; 
		margin-right: -15px; 	  
	    padding-right: 10px;  
} 

.balloon_head h6 { 	   
	    background-position: top left; 
	    margin: 0; 	   
	    padding: 10px 0 0 10px;  	  
	    height: auto !important; 												 /* CSS error: Duplicate height? */
} 

.balloon_body {    
	    background-position: bottom left; 	  
	    margin-right: 5px; 
	    padding: 5px 0 10px 10px; 
} 

#tippointer {
		position: absolute;	 
		left: -300px;
		z-index: 101;
		visibility: hidden;	   
}


.slider_header {  
		padding: 8px; 
		font-weight: bold; 
		margin-top: 5px; 
		cursor: pointer; 
}
/* .slider_header:hover {background:url(images/header_over.gif)} */
.slider_content {overflow: hidden;}


.ttip {	   
        font: 11px  Arial, Helvetica, sans-serif;	  
		text-decoration: none; 		 
		border-bottom: 1px dashed #4661b8;	
        color: #4661b8;	 
} 

.ttiptext {	 
        font: 11px  Verdana, Arial, Helvetica, sans-serif;	 
        color: #fff;			 
        margin: 0;	  
		padding: 0	 
} 

#tt {  
		 position: absolute;	
		 display: block;	   
		 z-index: 1000;	 
		 padding: 5px 8px 5px 7px;	
		 margin-left: 5px;  
		 background: #4661b8;  
		 color: #fff;	
}

.img-shadow {	
	  	float:left;	
	  	background: url('http://lgimages.s3.amazonaws.com/photo_shadow.gif') no-repeat bottom right; 
	  	margin: 10px 0 0 5px; !important;    /* CSS syntax error: redundant semicolon */
}

.img-shadow img {	
	  	display: block;	 
	  	position: relative;	 
	  	background-color: #fff;	
	  	border: 1px solid #a9a9a9;	
	  	margin: -6px 6px 6px -6px; 
	  	padding: 4px; 
  } 

.resdesc {
        font: 12px  Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 7px 0px; 
} 

.askbutton {
	background: transparent url(../images/askbutton.gif);cursor: pointer; border: none; width:78px; height:28px;
	color: transparent;
}

.askborder {
width:670px;margin-top:-1px; color:#898989; border: 4px solid #B9BDA4; font: bold 14px Arial, Trebuchet ms, Tahoma, sans-serif;
}

.askwrapper {
	padding:10px 0px 0px 0px;
	position:relative; width:770px; left: 50%;margin-left: -370px;
}

.searchtip {
padding-top:8px;
font-size:12px;
color:#686868;
font-weight:normal;
}

.qlborder {
padding:0; margin:0; margin-right:10px; height:26px; width:26px; float:left;display:block;	
}

.qltext {
height:20px; width:20px; margin:3px; color:#FFFFFF; font-size:16px; font-family:Georgia, Times, serif; line-height:18px;	
}

.homepop {
border:1px solid #c2bdae; background-color:#fafafa; padding:5px 8px 0 8px; width:752px; position:relative; overflow:hidden !important;	
}

.systemtagline {font-size:80%;}

.homechat {float:right; padding-left:25px;  width:210px; border-left: 0px dotted #222222;}

.homeinfobox {float:right; padding-left:25px;  width:210px; border-left: 0px dotted #222222;}


.hometopics {position:relative; left: 50%;margin-left: -370px; width:770px; padding-top:15px;}

.ftitle {font: bold 13px Arial; color:#474747; padding-bottom:4px;}

.icon_mod, .icon_del, .icon_ans, .icon_ema, .icon_not, .icon_xfr, .icon_add { background:url(../images/la-icons.gif) no-repeat; width: 20px; font-size:14px; padding-right:0px;}
.icon_mod a:hover {text-decoration:none;}
.icon_del a:hover {text-decoration:none;}
.icon_ans a:hover {text-decoration:none;}
.icon_ema a:hover {text-decoration:none;}
.icon_not a:hover {text-decoration:none;}
.icon_xfr a:hover {text-decoration:none;}
.icon_add a:hover {text-decoration:none;}
.icon_mod {background-position:0 0;}
.icon_del {background-position:0 -50px;}
.icon_ans {background-position:0 -100px;}
.icon_ema {background-position:0 -150px;}
.icon_not {background-position:0 -200px;}
.icon_xfr {background-position:0 -253px;}
.icon_add {background-position:0 -300px;}

.m_icon { float:left; margin-right:5px; margin-top:6px; background: transparent url(/images/icon_mobile.gif) 0 0 no-repeat; width:30px;height:30px}

.t_icon { float:left; margin-right:5px; margin-top:6px; background: transparent url(/images/icon_twitter.gif) 0 0 no-repeat; width:30px;height:30px}
	

.helpdesc {	 
        font: 11px  Arial, Helvetica, sans-serif;	 
        color: #000; 
        margin: 0;   
        padding: 0 0 7px 0; 

}

/*
	Form layout without using tables (more accessible version)
*/

form.ntform fieldset {
  margin-bottom: 10px;
	width: 500px;
}
form.ntform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.ntform label {
  display: inline-block;
  line-height: 1.4;
  vertical-align: top;
}
form.ntform ul, form.ntform ol {
	list-style-type: none;
  margin: 0;
  padding: 0;
}
form.ntform li {
  list-style: none;
  padding: 3px;
  margin: 0;
}
form.ntform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.ntform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.ntform fieldset fieldset label {
  display: block;
  width: auto;
}
form.ntform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.ntform label {
  width: 175px; /* Width of labels */
}
form.ntform label.radiolabel { width: 350px; }
form.ntform fieldset fieldset label {
  margin-left: 178px; /* Width plus 3 (html space) */
}

form.ntform input, form.ntform textarea { width: 250px; }
form.ntform input.check { width: 20px; } 
form.ntform input.submitbutton { width: 100px	;}

/*
	for hiding stuff
*/
.hide { display:none;}

/*
	for internal page anchors (accessibility usage mostly)
*/
.anchor {
	color: #4C4C4C;
	text-decoration: none;
}
.anchor:hover { text-decoration: none; color: #4C4C4C; }


#mainheader {
			display:block;
			font: 18px Arial, Trebuchet ms, Tahoma, Arial, Helvetica, sans-serif; 
			color: #333;
			padding:3px 0 0 8px;
			margin:0;
}
#mainheader h1 {
		display:inline;
		font: 20px Arial, Trebuchet ms, Tahoma, Arial, Helvetica, sans-serif; 
		color: #333;
		padding:0;
		margin:0;
}


/*
	headers for list of questions (browse, c, etc.)
*/
h3.questiontitle { font-size: 12px;}

/* the header on a.php that says "ANSWER" */
h3.answer { font: bold 16px Georgia, Arial; }
/* div and heading for attached links, media, and files */
.answer_xtra { margin-bottom: 15px; }
.answer_xtra h3  { font-size: inherit; color: #626262; }

/* header on top of a list of questions (usually with sorting links) */
h2.qlist { display:inline; color:inherit; font-size: inherit; font-weight:inherit; }
.qlisthead { font-size: 14px; color: #4C4C4C;}

/* profile box on profile page */
h2.profilename { font-size: inherit; font-family: inherit; font-weight: bold;}
.profilebox h3 { font-size: 12px; }

#chatwidget { text-align: center; }