/*------------- Copyright 2005-2006, Moopic Ltd, All rights reserved. ---------------*/


/* ::::: ptm Example notes styles ::::: */

div#content ul
{
  padding-left: 1em;
  margin-top: .1em;
  margin-bottom: .5em;
  list-style-type: none;
}

div#content div#overview
{
	margin-bottom: 1em;
	margin-left: 0;
	width: 100%;
	
  background-color: #d9e4ec;
}

div#content div#overview img
{
	border-right: 1px solid #D2CDC5;
	border-bottom: 1px solid #D2CDC5;
	border-left: 1px solid #fefefe;
	border-top: 1px solid #fefefe;
}
div#content div#overview dl
{
	margin: 5px;
}
div#content div#overview dt
{
	float:left;
	width: 14em;
	text-align: right;
}

div#content div#overview dd
{
	margin-left: 15em;
}



div#content div#showInstructions
{
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em;
  width: 100%;
  background-color: #d9e4ec;
}


a.button, a.buttonDis {
display: block;
float: left;
background-color: transparent;
background-image: url(resources/buttonBackground2.gif);
background-repeat: no-repeat;
width: 150px;
height: 29px;
margin: 5px;
padding: 5px 0 0 0;
text-align: center;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}
a.button:link, a.button:visited {
color: #002577;
}
a.button:hover, a.button:active {
background-position: 0 -33px;
color: #002577;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -72px;
color: #5F5F5F !important;
cursor: default;
}
.icon {
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.button:hover .icon, a.button:active .icon {
background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 -56px;
}
/* list of button icons */
#buttonOK .icon {
background-image: url(resources/ok.gif);
}
#buttonCancel .icon {
background-image: url(resources/cancel.gif);
}
#buttonImport .icon {
background-image: url(resources/import.gif);
}


/****************************************************/
/* Fix for divs with floating content that don't size correctly*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */