/* This style sheet overrides /~common/~commmon.css */

/* global container ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#page {
	width: 768px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	}

	
	
div#header {
	float: none;
	clear: both;
	}


div#main {
	float: none;
	clear: both;
	
	}	

div#accessibility	{
	float: left;
	clear: none;
	}
	
/* PrimePay logo ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#logo {
	float: left;
	clear: left;
	display: block;
	padding-bottom: 5px;
	margin-left: 10px;
	border: 0;
	}

/* hot menu links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#menu_hot {
	float: right;
	margin: 0 8px 0 0;
	padding-top: 10px;
	
	}
	
div#menu_hot li {
	float: left; 
	clear: none;
	position: relative;
	padding: 0;
	margin-left: 1.5em;
	list-style-type: none;
	}
	
div#menu_hot li a {
	font-size: 75%;
	color: gray;
	}


/* main menu bar, sub menu bar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#menu_bar, div#sub_menu_barStr, div#sub_menu_barEnr, div#sub_menu_barSrv {
	float: left;
	width: 768px;
	clear: both;
	background: RGB(255, 255, 0); /* #FFFF00 bright yellow for debug visibility only; always superceded by a specific style color*/
	}

div#menu_bar ul, div#sub_menu_barStr ul, div#sub_menu_barEnr ul, div#sub_menu_barSrv ul	{
	margin: 0;
	padding: 0;
	}

div#menu_bar li, div#sub_menu_barStr li, div#sub_menu_barEnr li, div#sub_menu_barSrv li {
	float: left;
	position: relative;
	display: block;
	list-style-type: none;
	border: 0;
	}

div#menu_bar li a {
	display: block;
	padding-top: 8px;
	padding-bottom: 11px;
	padding-left: 8px;
	font-weight: bold;
	font-size: 75%;
	color: white;
	text-decoration: none;
	}

div#sub_menu_barStr li a, div#sub_menu_barEnr li a, div#sub_menu_barSrv li a {
	display: block;
	padding-top: 8px;
	padding-bottom: 11px;
	padding-left: 8px;
	font-weight: normal;
	font-size: 75%;
	color: white;
	text-decoration: none;
	padding-left: 8px;
	}

div#menu_bar li a:hover, div#sub_menu_barStr li a:hover, div#sub_menu_barEnr li a:hover, div#sub_menu_barSrv li a:hover {
	font-weight: bold;
	text-decoration: none;
	}

/* main menu bar item specific overrides: Getting Started */
div#menu_bar li.str a, div#menu_bar li.strSelected a {
	width: 196px;
	}

/* main menu bar item specific overrides: Frequently Asked Questions */
div#menu_bar li.faq a, div#menu_bar li.faqSelected a {
	width: 230px;
	}

/* main menu bar item specific overrides: Enrollment Forms */
div#menu_bar li.enr a, div#menu_bar li.enrSelected a {
	width: 156px;
	}

/* main menu bar item specific overrides: Client Services */
div#menu_bar li.srv a, div#menu_bar li.srvSelected a {
	width: 154px;
	}


/* left side bar~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#leftSideBar_photo {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	clear: both;
	}
	
div#leftSideBar {
	float: left;
	position: relative;
	margin: 50px 0 0 0px;
	padding: 0;
	clear: both;
	}
	
div#leftSideBar_GettingStarted {
	width: 202px;
	margin: 0;
	padding: 0;
	clear: both;
	}
	
	
/* general content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



div#content { 
	padding: 0;
	margin-bottom: 20px;
	font-size: 85%;
	line-height: 130%;
	
	}
	


/* Holly hack: eliminate the Win/IE 3px text jog.
This backslash is an excape cahracter to hide the hac from from IE5-mac \*/
* html div#content {height: 1%;}
/* End hide from IE5-mac */ 

div#content p {
	margin-top: 4px;
	}
div#content a:link, a:visited, a:active, a:hover 
	{
	color: gray;
	}
	
/* non-specific heads */
div#content h1, div#content h2, div#content h3 { 
	color: RGB(12, 25, 117); /* #0C1975 PrimePay logo blue */
	}

div#content ul, div#content li {
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0;
	}

div#content li { 
	list-style-type: none;
	}
	
div.scroll {
	height: 400px;	
	width: 450px;	
	overflow: auto;	
	border: 1px solid #666;	
	background-color: #ccc;
	padding: 8px;	
	}	


/* footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#footer {
	clear: both;
	margin: 0;
	padding: 15px 0 15px 0;
	border-top: 1px solid gray;
	font-size: 75%;
	color: gray;
	}
	
div#content ul.ppAddress {
	margin-bottom: 20px;
	}

div#content ul.ppAddress li.ppAddress {
	list-style-type: none;
	}

div#loginForm .btnLogin {
	position: relative;
	float:right;
	margin: 0px 0 0 0;
	clear: both;
	}

div#loginForm .btnRegister {
	position: relative;
	float:right;
	margin: 20px 0 0 0;
	clear: both;
	}
	
a.anchor:link, a.anchor:visited, a.anchor:hover, a.anchor:active{
	color: #6D87A8;
	}
	
a.splash:link, a.splash:visited, a.splash:hover, a.splash:active{
	color: #ffffff;
	}

/* end of CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/