/* undohtml.css */
/* (CC) 2004 Tantek Celik.  Some Rights Reserved. */
/* http://creativecommons.org/ licenses/by/2.0 */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */
/* avoid browser default inconsistent heading font-sizes */
h1, h2, h3, h4, h5, h6 { 
	font-size:1.1em;
}
/* remove the inconsistent (among browsers) default ul,ol padding or margin */
/* the default spacing on headings does not match nor align with normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/* nonetheless strip their margin and padding as well */
h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, ul, li {
	margin:0; padding:0; 
}

body {
	margin: auto;
	background-color:#0e57f0;
}

h1, h2, h3, h4, h5, h6, p, li, th, td {
  font:normal 90% Verdana, Arial, Helvetica, sans-serif;
  color:#fff;
}

p {
	padding-bottom:5px;
}

img {
	border:none;
}

a {
	color:#fff;
}

a:hover {
	color:#b70000;
}

#container {
	margin:auto;
	padding:20px;
}

#home, #howitworks {
	width:80%;
	margin:0px auto;
}

#home h1 {
	font: 100% 900 Verdana, Arial, Helvetica, sans-serif !important;
	margin-bottom:15px;
	
}

#home p, #howitworks p {
	margin-bottom:7px;
}

#home ol {
	list-style:square;
	margin:0px 0px 10px 55px;
	padding:0px;
}

#home ol li {
	margin-bottom:7px;
}

#home p.note, #howitworks p.note {
	font:italic 70% Verdana, Arial, Helvetica, sans-serif;
	color:#ddd;
}

#home #samples {
	float:right;
	margin-bottom:25px;
	margin-left:5px;
	width:200px;
}

#home #samples img {
	border:1px solid #ccc;
	display:block;
}

#home #samples p {
	font:italic 70% Verdana, Arial, Helvetica, sans-serif;
	margin:3px 0px 0px 3px;
}

#howitworks h2 {
	font:bold 90% Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0px 0px;
}

#tabs {
    float:left;
    width:100%;
    background:#000;
    font-size:93%;
    line-height:normal;

}

#tabs ul {
	margin:0;
	padding:0;
	list-style:none;
}
#tabs li {
  float:left;
  background:url(../images/tab_left.jpg) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #765;
  }
#tabs a {
  float:left;
  display:block;
  background:url(../images/tab_right.jpg) no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#999;
  }

#tabs li:hover, #header li:hover a {
  background-position:0% -100px;
  color:#c00;
  }
#tabs li:hover a {
  background-position:100% -100px;
  color:#c00
  }

#tabs .current {
  background-position:0% -100px;
  border-width:0;
  }
#tabs .current a {
  background-position:100% -100px;
  padding-bottom:5px;
  color:#fff;
  }

#customlinks {
	text-align:right;
	padding:5px 0 10px 0;
	height:22px;
	margin-top:-8px;
}
	

#thumbs, #thumbs1, #thumbs2, #thumbs3, #thumbs4, #thumbs5 {
	clear:both;
	background:#292929;
	height:320px;
	overflow-y:scroll;
	padding:5px !important;
	margin-bottom:10px;
	border:1px solid #fff;
}

.thumbsVertical {
	padding:5px;
	background-color:#fff;	
	width:160px;
	text-align:center;
}

h3 {
	color:#666;
	text-align:center;
}

.thumbsVertical a {
	color:#000;
}

#pageframe {
	width:99.7%;
	_width:100%;
	height:800px;
}
#pageframe1, #pageframe2, #pageframe3, #pageframe4, #pageframe5 {
	width:99.7%;
	_width:100%;
	height:660px;
}

#addAction {
	color:#fff;
	text-align:right;
	padding:10px 0;
}

#signinpage {
	margin:0px auto;
	width:80%;
}

#SignInForm {
	margin:0px auto;
}

#SignInForm table {
	border:1px solid #ccc;
}

#errorMsg2 {
	margin:10px 0px;
	font:normal 70% Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#710100;
	padding:10px;
	text-align:center;
	border:1px solid #ccc;	
}

#adSpace img, #adSpace1 img, #adSpace3 img, #adSpace5 img {
	border:1px solid #ccc;
	margin:0px 5px;
}

.frameNav {
	clear:both;
	background:#000 url(../images/secTitleBkgd.jpg) repeat-x;
	padding:5px 5px 0 5px;
	margin:0;
}

.FavBox {
	padding:10px;
	margin-bottom:10px;
	width:46%;
	float:left;
}

.iconText {
  font:normal 70% Verdana, Arial, Helvetica, sans-serif;
  color:#fff;
  text-align:center;
}

.msg {
	color:#fff;
	padding:10px;
}

.errorMsg {
	text-align:right;
	float:right;
	margin-top:30px;
	margin-right:20px;
	font:normal 70% Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#710100;
}



/* Begin Popup Window */
.popupOBJ {
	position: absolute;
	overflow:hidden;
	color: inherit;
	background-color:#fff;
	border: 3px solid #333;
	margin-left: 5px;
	margin-top: 5px;
	padding: 0px;
	width: 500px;
	z-index:100;	
}
.popupOBJ h1 {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #c00;
	margin-top: 0;
	padding: 5px;
	font:bold 100% Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/home/section_bkgrd.jpg) top left repeat-x;
	color: #c00;
}

.popupOBJ h1 a:link,
.popupOBJ h1 a:active,
.popupOBJ h1 a:visited {
	color:#fff;
}
.popupOBJ h1 a:hover {
	text-decoration:underline;
}

.popupOBJ p {
	margin: 10px 7px;
	color:#333;
}

.popupOBJ p a:link,
.popupOBJ p a:active,
.popupOBJ p a:visited {
	color:#006;
}
.popupOBJ p a:hover {
	text-decoration:underline;
}

.popupOBJ p.userform {
	text-align:right;	
}	
.popupOBJ p.userform span {
	float:left;
	margin-left:40px;
}
.popupOBJ p.userform input {
	margin-right:70px;	
	font:normal 100% Verdana, Arial, Helvetica, sans-serif;
}

.bkgrd_layer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 3600px;
	background-color: #333;
	opacity: 0.6;
	filter: alpha(opacity=60); /* IE's opacity*/
}
/* End Popup */

#footer {
	text-align:center;
	font-size:80%;
	border-top:1px solid #ccc;
	padding-top:10px;
	margin-top:10px;
}

#footer ol {
	list-style:none;
	margin:0px;
	padding:0px;
}

#footer ol li {
	display:inline;
	margin:0px 5px 0px 0px;
	padding:0px 5px 0px 5px;
	border-right:1px solid #fff;
}

#footer ol li.last {
	border-right:none;
}

#footer ol li.current {
	font-weight:bold;
}

#footer a.selected {
	font-weight:bold;
	text-decoration:none;
}

#footer a.selected:hover {
	color:#fff;
}

#footer p {
	margin:7px 0px;
	font-size:80%;
}