/* $Header: /home/cvs/repository/userland/share/sscss/common/secure_base_DEVELOPMENT.css,v 1.2 2009/10/24 06:08:52 aa Exp $ */

/* This CSS is common to many SiteSell admin pages */

/**
 * workaround1: centering wrapper in IE < 6 and correction for Firefox < 9
 *              see http://locusmeus.com/html-css/centeringpage.html
 *
 * workaround2: self-clearing float elements with class="clearfix"
 *              see http://www.positioniseverything.net/easyclearing.html
 */

@import url("/sscss/securebase.css");

body {
margin:0;
}



#wrapper {
  width: 720px;

}


/* h2 is styled inside sections lower in this file */
/* h2 {padding: 4px;} */

h1 {
margin:0 0 18px 0;
border-bottom:1px solid #ddd;
}

h3 {
	color:#666;
	margin:0 0 6px 0;
}	

h4 {
	color: #333;
	padding: 2px;
	margin: 0;
	border: 0 dotted #000;
	border-top-width: 1px; 
	border-bottom-width: 1px;
}	

h5 {
	color:#000;
	margin:18px 0 12px 0;
}


img {
  border: 0;
}

a, a:visited {
  color: blue;
}

a:hover {
  color: red;
}

/* buttonTrays, buttons and links masquerading as buttons --------- */

p.buttonTray {
  text-align: center;
  margin: 2em 0.5em;
  font-size:95%;
  white-space: nowrap; /* doesn't work in IE5 */

}
p.buttonTray a, a.button {
  text-decoration: none;
  padding: 3px 4px;
  white-space: nowrap; /* doesn't work in IE5 */
}
p.buttonTray a, a.button, p.buttonTray button {
  margin: 0 8px 0 0;
}
button, p.buttonTray a, a.button {
  color: #000; 
  background: #eee; /* bbf */
  border: 2px solid #999; /* 002 */
  border-left-color: #fbfbfb; /* ddf */
  border-top-color: #fbfbfb;
}
button:hover, p.buttonTray a:hover, a.button:hover {
  color: black;
  background: #fff; /* eee */
  border: 2px solid #aaa; /* aaa */
  border-left-color: #fff; /* fff */
  border-top-color: #fff;
}

/* header ----------------------------------- */
#header {
margin-top:0px;
/*background:url(https://secure.sitesell.com/img/solobuildit-prod.png); */
background:url(/img/solobuildit-prod.png);
background-repeat:no-repeat;
}

#header ul {
margin-top:0;
padding-top:0;
}

.domain {
float:none;
padding:0;
margin:8px;
}

/* content ---------------------------------- */

h1 a {
margin-top:-2px;
}
h2 a {
margin-top:-2px;
}

#content {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.section {
  border: 1px solid #ddd;  
  background: #fff;
  margin-bottom: 1em;
  padding: 0 10px 10px 10px; /* match h2 */
  position: relative;
}

.section h2, .section .footer {
  padding: 4px;
  background: #ddd;
}
.section h2 {
  margin: 0 -10px 10px -10px; /* match h2 */
  font-size: 115%;
}

h2 {
margin-bottom:12px;
}

.section .footer {
  margin:10px -10px -10px;
}
.section h3 {
  font-size: 115%;
  margin: 1em 0 0.5em 0;
}

.section table {
  width: 100%;
  /*border-bottom: 1px solid #ccc;*/ /* match td border */
  margin: 0;
}

.section table .col1 {
  width:30%;
}

.section table td {
  border-top: 1px solid #ccc; /* match td border */
  padding: 5px;
  padding-right: 5px;
  vertical-align:top;
}

.section table tr.firstRow td {
  border-top:0;  
}

.section table.noDividers {
  border-bottom:0;
}
.section table.noDividers td, .section table tr.noDivider td {
  border-top: 0;
}

table .colGroups td, table .colGroups th {
  text-align: center;
}

/* sbiadds --- used for indicating what we add into users pages --- */
.sbiAdds {
  color:#666; 
  background:#fff;
  font-size:95%;
  font-style:italic;
  margin:4px 40px; 
  padding:10px 8px 0 8px; 
  border:1px dotted #666; 
  text-align:left; 
}

/* throbber --- used for ajax interaction that involves user --- */

.throbber {
  display:none;
  background-image:url(/ssimgs/common/throbber.gif);
  background-repeat:no-repeat;
  font-weight: bold;
  color:#006;
  margin:0 240px;
  padding:4px;
}

/* footer ----------------------------------- */
#footer {
  position: relative;
  font-size: 85%;
  text-align: center;
  margin:3em 2em 0em 2em;
  padding-top:8px;
  border-top:1px solid #ddd;
}

#copyright {
  margin-bottom: 0;
}

#validate {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 0;
}

#validate a {
  color: #ffc; /* match content background */
}