/*** common ***/
* {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #4F4E4E;
}
html {overflow-y:scroll;}

img {
  border: 0;
}

.startHidden {
	display:none;
}
body {
  margin: 20px 0px 0px 0px;
  padding: 0;
  text-align: center;
}

div#container {
  width: 780px;
  margin:0px auto;
  text-align:left;
  padding:0px;
  border:0px dashed #333;
}

H4 {
  text-decoration: underline;
}

a {
  text-decoration: underline;
  color: #555555;
}
.noMargin {
	margin: 0px;
}
a.darkBg {
  text-decoration: underline;
  color: #EEEEEE;
}
a.darkBg:hover {
  color: #CCCCCC;
}


a:hover {
  color: #777777;
}

a:hover {
  color: #333333;
}
a.nav {
  text-decoration: underline;
  color: #CCCCCC;
  font-weight: bold;
  padding: 1px 10px 2px 10px;
  position: relative;
  top: -1px;
}

a.nav:hover {
  color: #EEEEEE;
  font-weight: bold;
}

a.nav:visited {
  color: #AAAAAA;
  font-weight: bold;
}

a.active {
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
  margin: 0px 10px 0px 10px;
  position: relative;
  top: -1px;
}

table {
  border-collapse: collapse;
}

td, div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

td {
  padding: 0px;
  margin:  0px
}

td.content {
  padding: 10px;
	vertical-align: top;
}

td.celPad {
	padding: 3px;
}
td.headerPad {
	padding: 3px;
}


td.input { 
  padding: 2px;
	vertical-align: top;
}

td.attributeAlignLeft {
	text-align: left;
	background-color: #EEDDDD;
	border:solid;
	border-width: thick;
	border-color: #FFFFFF;
}

td.attributeAlignRight {
	text-align: right;
	background-color: #DDDDDD;
	border:solid;
	border-width: thick;
	border-color: #FFFFFF;
}

td.alignLeft {
	text-align: left;
}

td.alignRight {
	text-align: right;
}

td.alignCenter {
	text-align: center;
}

.alignCenter{
	text-align: center;
}
td.collectionImageDisplay {
	padding:10px;
}
td.sidePad {
	padding-right:5px;
}
td.sidePadRight {
	padding-right:5px;
}
td.sidePadLeft {
	padding-left:5px;
}
td.portfolioList {
	text-align: center;
	padding: 10px;
	width: 220px;
	border: solid;
	border-width: 1px;
}

td.imageDetailsLeft {
	text-align: left;
	padding: 10px;
	width: 100%;
	border: solid;
	border-width: 1px;
}

li {
	margin-left: -15px;
}
.border {
	border: solid;
	border-width: 1px;
}
td.imageDetailsCenter {
	text-align: center;
	padding: 10px;
	width: 100%;
	border: solid;
	border-width: 1px;
}
td.profileImage {
	vertical-align:top;
	text-align: left;
	padding: 10px;
}
td.profileDetails {
	text-align: left;
	padding: 10px;
	width: 600px;
	vertical-align:top;
}
td.row1{
  background: #DDDDDD;
}
td.row2{
  background: #EEEEEE;
}
td.row3{
  background: #662222;
	color:#FFFFFF;
}
img.bordered {
	border: solid;
	border-width: 1px;
	padding: 5px;
}
h3.userName {
	color: #880000;
	font-size:110%;
	font-weight:700;
	margin-bottom: 0px;
}
.statsBox {
	background-Color: #EEEEEE;
	padding: 3px;
}
strong {
  color:#FF9600;
}

input {
  border: 1px solid #949494;
  height: 20px;
	padding-left: 2px;
}

.main_nav {
  border:1px;
  background-image: url("../images/layout/main_nav.jpg");
  background-repeat: no-repeat;
  height: 20px;
  width: 780px;
  padding-top: 0px;
  margin: 0px;
}

.main_footer {
  background-image: url("../images/layout/main_footer.jpg");
  background-repeat: no-repeat;
  height: 10px;
  width: 780px;
}

.main_side {
  background-image: url("../images/layout/main_side.jpg");
  background-repeat: repeat-y;
  width: 10px;
}

.line_v {
  background-image: url("../images/layout/all_line_v.gif");
  background-repeat: repeat-y;
  width: 1px;
}

.line_h {
  background-image: url("../images/layout/all_line_h.gif");
  background-repeat: repeat-x;
  height: 1px;
}

table.istockphoto {
	text-align:center;
	width: 220px;
}
td.istockphoto {
	padding: 5px 0px 5px 0px;
}

.errorBox {
	border:solid;
	border-width: thin;
	border-color: #FF3333;
	background-color: #FFAAAA;
	padding: 3px;
	width: 100%;
}

.goodNewsBox {
	border:solid;
	border-width: thin;
	border-color: #33FF33;
	background-color: #AAFFAA;
	padding: 3px;
	width: 100%;
}

.messageBox {
	border:solid;
	border-width: thin;
	border-color: #3333FF;
	background-color: #AAAAFF;
	padding: 3px;
	width: 100%;
}

.checkBox {
	width:13px;
	height:13px;
	margin:0px;
	border:none;
	position:relative;
	top:-1px;
}

.headerBox {
	border:solid;
	border-width: 1px;;
	border-color: #000000;
	background-color: #DDDDDD;
	padding: 3px;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#DDDDDD;
    color:#000;
    text-decoration:none;
}

a.info:hover{
	z-index:25; background-color:#DDDDDD;
}

a.info span{
	display: none;
}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;
}