/*
    Document   : css
    Created on : 28 April 2006
    Author     : Peter Fradley
    Description: Style sheet for ibusinesscardz.com
*/

body
{
 margin-top: 5px;
 min-width: 675px;
 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 
 padding: 0px;
 margin: 0px;
}

#wrap {
 margin: 10px auto 0px;
 padding: 10px 9px 10px 10px;
 width: 730px;

}

#pagebox {
overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 9px;
	width: 721px;
	border: none;
}

#pagebox .boxtop {
  padding: 0px;
  margin: 0px;
  background: url(http://www.ibusinesscardz.com/view/images/boxtop.gif) no-repeat bottom right;
  
}
#pagebox .boxbody {
  
  padding: 0px 0px 0px 0px;
  margin: 0px;
  background: url(http://www.ibusinesscardz.com/view/images/boxbody.gif) repeat top right;
  
}
#pagebox .boxfoot {
  padding: 0px;
  margin: 0px;
  background: url(http://www.ibusinesscardz.com/view/images/boxfoot.gif) no-repeat bottom right;
}

#heading {
	padding: 0px 0px 0px 15px;
    color: blue;
    font-style: bold;
    font-size: 20px;
    }

#body {
 	border: thin solid black;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	background-color: white;
	
}
.prop {
    height:185px;
    float:right;
    width:1px;
    overflow: hidden;
}
  
#siteheader {
 overflow: none; 
 padding: 0px;
 height: 200px;
}

#siteheader .userinfo {
 background-color:#FFFFFF;
 float: right;
 border: thin solid grey;
 width: 180px;
 padding: 5px;
 margin: 5px 5px 0px 0px;
}

#siteheader .userinfo h1 {
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}
#siteheader .userinfo hr {
	height: 1px;
}

.logo {
margin: 0px 0px 0px 0px;
 float: left; 
}

#pagedata {

  margin: 0px 0px auto;
  padding: 0px 14px 0px 5px;
  }


#footer {
 margin: 0px auto;
 padding: 10px;
 width: 729px;
 background-color: white;
}

#pageHeading {
    margin: 0px 0px 0px 0px;
    padding:0px auto;
    padding-top: 3em;  
    padding-bottom: 2.5em;    
    background-color: #112288;

}


#pageHeading p {
   padding: 0px;
   margin: 0px 108px;
   font-size: 2em;
   font-weight: bold;
   dcolor: #146969;
   /* color: #805680; */
   color: #FFFFFF;
   text-align: center;
    vertical-align: bottom;
    }

#viewBusinessCard
{
background-color: red;
 margin: 50px auto;
 width: 600px;
 height: 250px;
}

#businessCardbox {
	padding: 0px 0px 0px 0px;
	margin: 50px 0px 0px 39px;
	width: 651px;
	border: none;
}

#businessCardbox .boxtop {
  height: 9px;
  padding: 0px;
  margin: 0px;
  background: url(http://www.ibusinesscardz.com/view/images/businessCardboxtop-test.gif) no-repeat bottom right;
  
}
#businessCardbox .boxbody {
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  background: url(http://www.ibusinesscardz.com/view/images/businessCardboxbody-test.gif) no-repeat top right;
  
}
#businessCardbox .boxfoot {
  height: 9px;
  padding: 0px 0px 10px 0px;
  margin: 0px;
  background: url(http://www.ibusinesscardz.com/view/images/businessCardboxfoot-test.gif) no-repeat top right;
}

#businessCardBoxInner {
  padding: 10px; 
  margin: 0px 9px 0px 0px;
  border: thin solid black;
}

#businessCardboxSmall {
	padding: 0px 0px 0px 0px;
	margin: 50px 0px 0px 103px; /* 39px; */
	width: 525px;
	border: none;
}

#businessCardboxSmall .boxbodySmall {
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  background: url(http://www.ibusinesscardz.com/view/images/businessCardboxbody-test.gif) no-repeat top right;
  
}
#businessCardboxSmall .boxfootSmall {
  height: 9px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  background: url(http://www.ibusinesscardz.com/view/images/businessCardboxfoot-test.gif) no-repeat top right;
}

#businessCardBoxInnerSmall {
  padding: 0px; 
  height:310px;
  overflow: hidden;
  margin: 0px 9px 0px 0px;
  border: thin solid black;
}

#datatable {
    margin: 0px 0px 0px 0px;
    padding:10px;
    width: 99%;
    vertical-align:middle;
}
#datatable th {
  border: thin solid black; 
  background-color: #666666;
  vertical-align:middle;
  color: #FFFFFF;
}
#datatable tr.itemRow0 {
  /* background-color: #A4BFAE; */
  background-color: #BBBBBB;
}
#datatable tr.itemRow1 {
/*   background-color: #C6E1D0; */
  background-color: #EEEEEE;
}
#datatable td {
  border: thin solid black;
  vertical-align:middle;
}
#datatable td.name {
 width: 200px;
}
#datatable td.icon {
 width: 43px;
 text-align: center;
 vertical-align:middle;
}
#datatable td.footer {
 border: 0px;
}
#datatable a { color: blue; }
#datatable a:hover { color: #E2144A; } /* Hover Styles */
 
 
#editlist li {
	position: relative;
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
    vertical-align:middle;
}
#datatable img {
	border: 0px;
}
#datatable .link {
    display: inline;
	text-decoration: none;
	padding: 0px 0px 0px 0px;  
	margin: 0px 0px 0px 0px;  
}


/* Pull down menus */
#nav {
    list-style: none;
    margin: 1px 0px 0px 0px;
    padding:0px;
    padding-top: 1em;  
    padding-bottom: 1em;    
    background-color: #666666;
    height: 1.2em;
}
    
#nav li.menuitem {
    position: relative;
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
}

#nav li.menuitem a {
    display: inline;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px 0px 0px 0px;  
	margin: 0px 0px 0px 0px;  
}

#nav ul.submenu {
	position: absolute;
	list-style: none;
	left: 0px; /* Set 1px less than menu width */
	margin: 10px 0px 0px 0px;
	padding: 15px 10px 0px 10px;
	display: none;
}

#nav li.submenuitem {
  position: relative;
  display: inline;
  }

#nav li.submenuitem a {
    display: block;
	text-decoration: none;
	color: #000000;
	padding: 0px 0px 0px 0px;  
	margin: 0px;  
}

  
/* Styles for Menu Items */


#nav li.menuitem a:hover { text-decoration: underline; } /* Hover Styles */
				
#nav li.menuitem:hover ul.submenu, #nav li.over ul.submenu { display: inline; } /* The magic */
