/* main.css
 *
 * Styles for pages on the VeriFone DevNet web site.
 *
 */
 
body {
	margin: 0 10px 10px 10px;
	font-family: /*"Lucida Grande", "Lucida Sans Unicode", "Gill Sans",*/ "Trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	background: #eee;
	line-height: 150%;
}

	/* Anchor tag styles */

a			{	text-decoration: none; font-weight: normal; outline: none; }
a:link		{	color: #a00; }
a:visited	{	color: #815151; }
a:active	{	color: red; }
a:hover		{	color:red; text-decoration:underline; }

	/* Default styles */
	
img			{	border: 0; }
p 			{	font-size: 12px; }
strong		{	font-weight: bold; }
b			{	font-weight: bold; }
em			{	font-style: italic; }
i			{	font-style: italic; }
h1			{	font-size: 18px; }
h2			{	font-size: 16px; }
h3			{	font-size: 14px; }
h4			{	font-size: 12px; }
h5			{	font-size: 11px; }
h6			{	font-size: 10px; }

	/* ccsa-content - box containing the contents of the web page */

#ccsa-content {
	position: relative;
	margin: auto;
	width: 800px;
	border: 0px solid #999;
}

	/* This style is only for IE5 browsers */

#ccsa-content {
	background: url(/images/background.gif) repeat-y #fff;
}

/* IE5 hack \*/
#ccsa-content {
	background: url(/images/background.gif) repeat-y #fff;
}
/* end hack */

	/* header - This contains the VeriFone DevNet logo and the VeriFone logo */
	
#ccsa-content #ccsa-header h1 a {
	display: block;
	width: 545px;
	height: 80px;
}

#ccsa-content #ccsa-header h1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 800px;
	height: 80px;
	background: #5e715e;
}


	/* ccsa-search - Styles for the search bar at the top of every page */

#ccsa-search {
	position: absolute;
	top: 40px;
	left: 668px;
}

#ccsa-search form input {
	font-size: 10px;
	color: #000;
}

#ccsa-search p {
	font-size: 9px;
	white-space: nowrap;
	color: #fff;
	padding: 0;
	margin: 0;
	display: inline;
}



	/*  ccsa-menu - This is the web site's main navigation bar (Home, Download, Learn, Connect) */

#ccsa-menu {
	clear: both;
	margin: 0;
	padding: 0;
	height: 2em;
	width: 800px;
	border-top: 1px solid #ffffff;
	background: #8EA48E;
}

#ccsa-menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

#ccsa-menu ul li {
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	position: relative;
}

#ccsa-menu ul li a {
	height: 2em;
	padding: 0 10px 0 10px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size: 12px;
}

#ccsa-menu ul li { width: 100px; }


#ccsa-menu ul li a:hover {
	background: #768176;
}

#ccsa-menu ul li a:active	{
	background: #768176;
}

#ccsa-menu ul li a.current	{
	background: #fff;
	color: #768176;
}

#ccsa-menu ul li a.current:hover	{
	background: #fff;
	color: #768176;
}



/* the width of the main div is defined in either the sidebar.css or nosidebar.css stylesheets */

#ccsa-main h1 {
	margin: 10px 0 0 0 !important;
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
}


	/* ccsa-footer - This is the footer on every page */

#ccsa-footer {
	clear: both;
	color: #000;
	margin: auto;
	padding: 10px 0 0 0;
}

#ccsa-footer a {
	color: #728371;
}

#ccsa-footer p {
	font-size: 9px;
	text-align: center;
	margin: 0 0 2px 0;
	padding: 0;
}

#ccsa-footer ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

#ccsa-footer ul li {
	float: left;
	text-align: center;
	padding: 0 5px 0 0;
	margin: 0;
	position: relative;
}

	/* ccsa-sidebar - The secondary navigation bar, located on the left-hand side of
	   every page except the home page */

#ccsa-sidebar {
	margin: 22px 0 5px 3px;
	color: #728371;
	float: left;
	width: 160px;
}

* html #ccsa-sidebar {
\width: 160px;
w\idth: 150px;
}


#ccsa-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;	
}

#ccsa-sidebar ul li {
	margin: 0;
	padding: 0;
	font-size: 14px;
	padding: 0 0 5px 5px;
	color: #728371;
}

#ccsa-sidebar ul li a {
	display: block;
	text-decoration: underline;
	font-size: 14px;
	color: #728371;
	font-weight: normal;
	
}

#ccsa-sidebar ul li ul li a {
	display: block;
	padding: 0px 0px 5px 15px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #728371;
}

#ccsa-sidebar ul li ul li a:hover {
	text-decoration: underline;
}

html>body #ccsa-sidebar li a {
	width: auto;
}

	/* ccsa-breadcrumbs - This displays where the user is located in the site map */

#ccsa-breadcrumbs {
	margin: 0;
	padding: 2px 0 10px 0px !important;
	padding: 2px 0 20px 3px;
	border: 1px solid #fff;
}

#ccsa-breadcrumbs ul {
	font-size: 10px;
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	display: inline;
}

#ccsa-breadcrumbs ul li {
	display: block;
	float: left;
	padding: 0 5px 0 0;
	margin: 0;
}

#ccsa-breadcrumbs ul li.last-item {
	clear: right;
}

html>body #ccsa-breadcrumbs ul li a {
	width: auto;
}


	/* links - styles for the links section in the South African Copyright page */

#ccsa-links ul {
	margin-top: 5px;
	padding-top: 0;
}

#ccsa-links ul li {
	padding-bottom: 5px;
}

#ccsa-links ul li ul li {
	
}

	/* Suggestions Form */

#ccsa-suggestions, #ccsa-license {
	width: 500px;
	background-color: #f1f1de;
	border: 1px solid #cccc99;
	padding: 5px;
	margin: 0px auto;
}

#ccsa-suggestions label, #ccsa-license label{
	display: block;
	font-weight: bold;
	vertical-align: top;
}

#ccsa-suggestions div.row, #ccsa-license div.row {
  clear: right;
  padding-top: 5px;
}

#ccsa-suggestions div.row span.label {
  float: left;
  width: 125px;
  text-align: right;
  font-weight: bold;
  padding: 4px 4px 0 0;
  
}

#ccsa-license div.row span.label {
  float: left;
  width: 160px;
  text-align: right;
  font-weight: bold;
  padding: 4px 4px 0 0;
  
}

#ccsa-getcontent {
	width: 550px;
	background-color: #f1f1de;
	border: 1px solid #cccc99;
	padding: 5px;
	margin: 0px auto;
}

#ccsa-getcontent h2 {
	padding: 0 0 0 20px;
}

#ccsa-getcontent form {
	padding: 0 20px 0 20px;
}

#ccsa-getcontent label {
	display: block;
}

#ccsa-getcontent fieldset {
	border: 1px solid #666;
}

.ccsa-box {
	width: 500px;
	background-color: #f1f1de;
	border: 1px solid #cccc99;
	padding: 10px;
	margin: 10px auto 10px auto;
	text-align: center;
}


ul#ccsa-partners {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#ccsa-partners li a {
	font-size: 11px;
}

#ccsa-partners li a:link { color: #a00; text-decoration: none; font-size: 11px; }
#ccsa-partners li a:visited { color: #815151; font-size: 11px; }
#ccsa-partners li a:active { color: #red; font-size: 11px; }