/*
 * Evo Toolbar
 * Note: ther emay be some properties that seem overkill but the fact is we need to override
 * any too general styles a skin may want to bring in for its own body/general display.
 */
div#evo_toolbar {
   background-color: ThreeDFace;
   color: ButtonText;
   border-top: 1px solid ThreeDHighlight;
   border-bottom: 1px solid ThreeDShadow;
   text-align: left;
   margin: 0;
   /* font: menu; /* -- poorly supported */
   font-size: 11px;
   font-family: "Microsoft sans serif", sans-serif, Arial, Helvetica;

   position: fixed;
   z-index: 99;
   left: 0px;
   top: 0px;
   height: 21px;
   width:100%;      /* Safari Windows */
   -webkit-text-size-adjust: none; /* iPhone */
}

div.skin_wrapper_loggedin {
   margin-top: 22px;
   padding-top: 1px;
}

div#evo_toolbar a {
   border: 1px solid ThreeDFace;
   color: ButtonText;
   text-decoration: none;
   padding: 2px 1ex;
}
div#evo_toolbar a:hover {
   border-top-color: ThreeDHighlight;
   border-left-color: ThreeDHighlight;
   border-bottom-color: ThreeDShadow;
   border-right-color: ThreeDShadow;
}
div#evo_toolbar .actions_left {
   padding: 4px;
}
div#evo_toolbar .actions_right {
   padding: 4px;
   float: right;
}

div#evo_toolbar ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
div#evo_toolbar li {
  display: inline;
}
div#evo_toolbar li ul {
  position: absolute;
   z-index: 100;
   background-color: ThreeDFace;
   border: 1px solid;
   padding: 1px;
   border-top-color: ThreeDHighlight;
   border-left-color: ThreeDHighlight;
   border-bottom-color: ThreeDShadow;
   border-right-color: ThreeDShadow;
   width: 25ex; /* prevent page wide dropdowns in IE6; nicer hover in IE7 */
}
div#evo_toolbar li.menu_open ul {
   display: block;
}
div#evo_toolbar li.menu_close ul {
   display: none;
}
div#evo_toolbar li.menu_open:hover ul,
div#evo_toolbar li.menu_close:hover ul {
   display: block;
}
div#evo_toolbar li ul li {
   display: block;
   padding: 0 4ex 0 0;
   white-space: nowrap;
}
div#evo_toolbar li ul li a {
   display: block;
   padding: 4px 2ex;
   border: none;
   width: 100%;
}
div#evo_toolbar li ul li a:hover {
   background-color: Highlight;
   color: HighlightText;
}
div#evo_toolbar.evo_toolbar_safari li ul li a:hover {
   background-color: #36d;
}
div#evo_toolbar li.separator {
   padding: 0;
}
div#evo_toolbar hr {
   display: block;
}

div#evo_toolbar .time {
   margin: 0 1ex;
   color: GrayText;
}
#skin_wrapper {
	background: #3B4853 url(images/tech_bg_1.png) repeat-x;  
 }
/* ---------------------------------------------- */
* {
	padding: 0px;
	margin: 0px;
}
body {
	background: #3B4853 url(images/tech_bg_1.png) repeat-x;
	color: #252525;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
}
#banner {
	background-color: #fff;
	width: 682px;
	height: 200px;
	float: right;
}
#bar {
	height: 33px;
	width: 682px;
	float: right;
	background: #fff url(images/tech_bar_bg_1.png) 0 0 repeat-x;
}
#widewrap {
	width: 942px;
}
#leftshadow {
	width: 21px;
	height: 524px;
	float: left;
}
#rightshadow {
	width: 21px;
	height: 524px;
	float: right;
}
#wrap {
	background: url(http://www.thegreatennui.com/images/wrap_bg1.png) 0 0 repeat-y;
	width: 900px;
	float: left;
	text-align: left;
}
#header {
	height: 2px;
	display: none;
	
}
.small {
	display: none;
}
#title {
	float: right;
	margin-right: 10px;
	background: url(images/img_header.jpg) no-repeat;
	width: 680px;
	height: 287px;
	text-align: right;
	padding-right: 20px;
	display: none;
}
#pagenav {
	margin: 0px 700px 0px 10px;
	width: 180px;
	background: #000000;
	height: 257px;
	padding: 20px 10px 10px 10px;
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
	display: none;
}
.black {
	width: 900px;
	margin: 0px 10px;
	height: 5px;
	background-color: #000000;
}
#content {
	background-color: #fff;
	border: 1px solid #ccc;
	float: right;
	width: 645px;
	margin-right: 8px;
	/* margin-left: 10px; */
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 20px 10px;
}
#sidebar {
	background: #3B4853 url(images/tech_side_divider_1.png) 0 0 no-repeat;
	width: 198px;
	height: 542px;
	margin: 0px 700px 0px 0px;
	padding: 20px 10px;
}
#bargradient {
	background: #fff url(images/tech_side_bg_1.png) 100% 0 no-repeat;
}
#footer {
	clear: both;
	margin: 10px 0px;
	text-align: center;
	color:#666666;
	display: none;
}
.post {
	margin-bottom: 20px;
}
.postmetadata {
	padding: 10px 0px;
	margin-bottom: 10px;
	color: #959595;
	border-bottom: 1px dotted #CCCCCC;
	display: none;
}
.entry {
	margin: 0px 10px;
}
/* text */
#title h1 {
	font-size: 22pt;
	font-weight: normal;
	color: #ffffff;
	padding-top: 35px;
}
#title h1 a {
	color: #ffffff;
}
.description {
	color: #959595;
	font-size: 12pt;
	font-weight: bold;
}
/*#pagenav ul li {
	list-style: none;
}
#pagenav li a {
	padding-left: 10px;
	color: #ffffff;
	text-decoration: none;
}
#pagenav li a:hover {
	background:url(images/dot.gif) no-repeat left;
	padding-left: 10px;
	color: #ffffff;
}
#pagenav li {
	padding-bottom: 5px;
} */
#footer a {
	color:#666666;
	text-decoration: none;
}
h1 {
	font-size: 1.7em;
	font-weight: normal;
	color: #0099ff;
	margin-bottom: 15px;
}
h1 a {
	color: #0099ff;
	text-decoration: none;
}
h2 {
	color:#acacac;
	font-size: 12pt;
}
h2 a {
	color:#000000;
	text-decoration: none;
}
h3 {
	color:#fff;
	font-size: 11pt;
}
h4 {
	color: #fff;
	font-size: 1.0em;
	font-weight: normal;
}
caption {
	font-weight: bold;
}
/*#sidebar a {
	color: #00ccff;
	text-decoration: none;
} */

p, #content h1, h2, h3, h4, ol, ul {
	padding-bottom: 10px;
}
#sidebar ul li {
	list-style: none;
	padding-top: 5px;
}
#content ul li, #content ol li {
	margin-left: 30px;
	
} 
td, th {
	padding: 2px;
}
blockquote {
	margin: 10px;
	font-size: 9pt;
	color: #790000;
	font-style: italic;
}
/*a {
	color: #790000;
} */

.postmetadata a {
	color: #959595;
	text-decoration: none;
	display: none;
}
/*ul li ul li {
	margin-left: 10px;
}
ul li ul li ul li {	
	margin-left: 10px;
} */
/* form */
.submit, .preview, .searchsubmit {
	background-color: #000000;
	color: #ffffff;
	border: 1px solid #790000; 
	font-size: 8pt;
	padding: 2px;
	margin-top: 3px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
fieldset {
	border: 0px; 
	padding: 0px 15px 15px 15px;
}
.form_text_input, textarea {
	border: 1px solid #790000;  
	padding: 5px;
	font-size: 8pt;
	background:transparent;
	color: #363636;
	font-family: Arial, Helvetica, sans-serif;
}
.search {
	margin-bottom: 20px;
	display: none;
}
.label {
	font-weight: bold;
}
.notes {
	font-style: italic;
}

#commentform a {
	color: #85ccfb;
	text-decoration: none;
}
#commentform a:hover {
	color: #85ccfb;	
	text-decoration: underline;
}
.bComment {
	padding: 0px 15px;
}
.bCommentText {
	padding: 10px 15px;
}
.bCommentSmallPrint {
	font-size: 7pt;
	padding: 0px 15px;
}
.feedback_feed_msg {
	padding: 10px 15px;
}
.widget_core_coll_longdesc p {
	padding-bottom: 0px;
}
.powered_by {
	padding: 10px 0px;
}
.widget_core_coll_title {
	padding-top: 10px;
}
p.center {
	display: none;
}
#navcontainer {
	width: 200px;
}
ul#navlist  li {
	background: url(images/tech_menu_fade_1.png) 0 100% no-repeat;
	padding-bottom: 2px;
}
#navlist a {
	color: #00ccff;
	text-decoration: none;
}
#navlist a:hover {
	color: #fff;
	text-decoration: none;
}	
ul#subnavlist {
	padding-left: 1.0em;
	margin: 0;
}
ul.helplinks {
	width: 190px;
	list-style-type: circle;
	list-style-position: inside;
	padding: 0;
	margin-left: 1em;
}
.helplinks  li {
	margin: 0;
	padding: 3px 3px;
	color: #cbff78;
	font-size: 1.0em;
	font-weight: normal;
}
.helplinks  li  a {
	color: #00ccff;
	text-decoration: none;
}
.helplinks  li  a:hover {
	color: #00ccff;
	text-decoration: underline;
}
ul.mainlist {
	list-style-image: url('images/key_16.jpg');
	padding: 0;
	margin-left: 1em;
	margin-bottom: 1.0em;
	line-height: 23px;
}
.mainlist li {
	
}	
	
	
li.inactive {
	color: #0099ff;
}
li.current {
	color: #fff;
	font-weight: bold;
}

#postImage {
	width: 100%;
	margin: 0 auto;
}
#postTextleft {
	width: 100%;
	margin: 0 auto;
}
#postTextright {
	width: 100%;
	margin: 0 auto;
}
#rightText {
	width: 400px;
	float: right;
}
#leftText {
	width: 400px;
	float: left;
}
#postImageleft {
	width: 200px;
	float: left;
}
#postImageright {
	width: 200px;
	float: right;
}
#toolText {
	width: 300px;
	padding-right: 20px;
	float: left;
}
#toolImage {
	width: 200px;
	float: left;
}
img.alignright {
float: right;
clear: right;
/*margin: 0 0 5px 10px;*/
background: #fff;
padding: 2px;
}
img.alignleft {
float: left;
clear: left;
/*margin: 0 0 5px 10px;*/
background: #fff;
padding: 2px;
}
.imgpad {
	height: 30px;
	width: 100px;
	float: left;
}
img.team {
	padding-right: 15px;
}
#item_9 {
	background-image: url(images/contact_s.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:11px verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

form fieldset {
  border: 1px solid #ccc;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size: 11px;
	padding: 10px; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}
.checkbox {
	margin-left: 160px;
	padding-bottom: 20px;
}
form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 0.8em;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

/* ---------------------------------------------------------- */
#evo_toolbar ul li,
#evo_toolbar ol li {
   margin-left: 0;
}