@charset "utf-8";
/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* PAYPERCALL */

body {background:#b2b2b2 url(../images/header_bg.jpg) repeat-x top;}
#pageWrapper {background:url(../images/page_bottom.jpg) no-repeat bottom;margin:0 auto;width:990px;padding-bottom:25px;}
#appPageWrapper {padding:0 2em;} 


/* LOGIN SLIDER */
/* Panel Tab/button */
.tab {
  	background: url(../images/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: left;
  	clear: left;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	left: 0px;
  	color: white;
  	font-size: 80%;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(../images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(../images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(../images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #15ADFF;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(../images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;}


/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	font-family:Arial, Helvetica, sans-serif;
}

#panel {
	width: 100%;
	height: 270px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right {
	border-right: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(../images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(../images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}



.sitePage #header {height:64px;}
#branding {float:left;}
	#branding a {background:url(../images/logo3.png) no-repeat top; display:block; height:64px; text-indent:-9999em;width:323px;}
	#branding a:hover {background-position:0 -64px;}
	#branding a:active {background-position:0 -128px;}

#userContainer {float:right; font-size:11px; font-family:Arial, Helvetica, sans-serif;padding-top:.5em;}
p.user {color:#FFF;}
p.user a {color:#FFF;}
p.user a:hover {color:#6dc3ff;}
p.user a:active {color:#fffc98;}


#nav {float:right; clear:right;margin-top:1.5em;}
#nav ul {list-style-type:none; font-family:Arial, Helvetica, sans-serif;}
#nav ul li {float:left; margin-left:1em;}
#nav ul li a {color:#FFF;text-decoration:none;font-size:14px;text-transform:uppercase;}
#nav ul li a:hover {color:#6dc3ff;}
#nav ul li a:active {color:#000}

#content {clear:both; background:url(../images/content_bg.jpg) repeat-y top;position:relative;}

#mainPromo {background:#000 url(../images/promo_bg.jpg) no-repeat top;width:382px;height:350px;padding:100px 570px 0 38px;}
#mainPromo h1 {font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; font-size:36px; font-weight:normal;text-transform:uppercase;color:#FFF;line-height:1.2em;margin-bottom:.5em;}
#mainPromo p {font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif; font-size:16px;color:#FFF;line-height:1.4em;padding-bottom:1em;}

.loginContainer {}
a.loginBtn { background:url(../images/login_btn.png) no-repeat; height:80px; width:246px; display:block; text-indent:-9999px;}
a.loginBtn:hover {background-position:0 -80px;}
a.loginBtn:active {background-position:0 -160px;}

.column {float:left;width:40%;}
h2 {
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; 
	font-size:20px;
	text-transform:uppercase;
	color:#333;
	font-weight:normal;
	text-align:center;
	margin:1em 0 .75em 0;
	}
.subpromoContainer {border-top:1px solid #666; border-bottom:1px solid #666;padding-bottom:1em;}
#subPromo1 {padding-left:4em;}
#subPromo2 {padding-right:2em;margin-left:3.5em;}
#subPromo1 p, #subPromo2 p {
	color:#333;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif; 
	font-size:14px;
	color:#000;
	line-height:1.4em; 
	text-align:justify;
	padding:1em 0;
	}
#subPromo1 p.first {padding:1em 0 0 0}
.subpromoContainer h3 {
	color:#0c89e0;
	font-family:Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	font-size:14px;
	font-weight:bold;
	margin:.5em 0;
	text-transform:uppercase;
	}
.subpromoContainer ul {
	color:#333;
	font-family:Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	font-size:12px;
	margin:0 auto;
	width:90%;
	}
	.subpromoContainer ul li {
		line-height:1.6em;
		margin-bottom:.4em;
		}
a.readMore {color:#333;}
a.readMore:hover {color:#0c89e0;}
a.readMore:active {color:#000;}
	
#staticContentContainer {width:770px;margin:0 auto;padding:20px 0;}
#staticContentContainer h3 {
	color:#0c89e0;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
	font-size:18px;
	margin:1em 0;
	}
#staticContentContainer p {
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
	font-size:16px;
	line-height:1.2em;
	margin-bottom:1em;
	}
#staticContentContainer h2 {border-bottom:1px solid #666;padding-bottom:10px;}
#staticContentContainer p.small {color:#666; font-size:12px;}
img.pageIllus {border:1px solid #b2b2b2; padding:10px;}

.address, .address2 {text-align:center; line-height:1.6em !important; font-size:16px !important;}
.address2 a {color:#000;}
.address2 a:hover {color:#0c89e0;}
.address2 a:active {color:#000;}

.contactForm {
	border-top:1px solid #b1b1b1;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
	padding-top:1em;
}
.contactForm .formRow {padding-bottom:2em; clear:both;}
.contactForm label {	
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
	color:#333;
	font-size:14px;
	font-weight:bold;
	float:left;
	display:block;
	width:12em;
	}
.contactForm input[type=text] {float:left;}
.contactForm a.submitBtn {margin-left:10em; color:#333; background:#f1f1f1; border:1px solid #CCC; padding:4px 6px; text-decoration:none;}
.contactForm a.submitBtn:hover {background:#666; color:#FFF;}
.contactForm a.submitBtn:active {background:#000; color:#FFF;}
	


#homePageFooter {color:#666;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:center;clear:both; background:url(../images/content_bg.jpg) repeat-y center top;height:50px;padding-top:20px;}
#homePageFooter ul {list-style-type:none;width:235px;margin:.5em auto 0 auto;}
#homePageFooter ul li {float:left;padding:.5em;}
#homePageFooter ul li a {color:#666;font-size:12px;text-decoration:none;}
#homePageFooter ul li a:hover {color:#000;}



/* APP PAGE */
.appPage #header {height:70px;}

#appContent {clear:both; background:#FFF;padding:1em;}

#appNav {margin-bottom:1em; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#appNav ul {list-style-type:none;}
#appNav ul li {float:left;display:inline;}
#appNav ul li a {display:block;height:28px;background:#DDD url(../images/app_nav_bg.png) repeat-x top; border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; padding:0 .75em;margin-right:2px;border:1px solid #b9b9b9; line-height:28px; text-align:center; text-decoration:none; color:#333;}
#appNav ul li a:hover {background-position:0 -28px;}
#appNav ul li a:active {background-position:0 -56px;}


#appTable {}

#paging {clear:both; margin-bottom:1em; font-family:Arial, Helvetica, sans-serif;font-size:10px;}
#paging ul {list-style-type:none;}
#paging ul li {float:left; display:inline;}
#paging ul li a {color:#666;display:block; padding:2px 4px; border:1px solid #DDD; margin-right:1px; text-decoration:none;}
#paging ul li a:hover {color:#FFF;background:#6dc3ff;border:1px solid #6dc3ff;}
#paging ul li a:active {color:#FFF;background:#333;border:1px solid #333;}
#paging ul li a.disabled {color:#ccc;border:none;cursor:default;border:1px solid #FFF;}
#paging ul li a.disabled:hover {background:#FFF;color:#ccc;border:1px solid #FFF;cursor:default;}
#paging ul li a.current {color:#333;border:none;cursor:default;font-weight:bold;border:1px solid #FFF;}
#paging ul li a.current:hover {background:#FFF;color:#333;border:none;cursor:default;font-weight:bold;border:1px solid #FFF;}


#tableContainer {clear:both; font-family:Arial, Helvetica, sans-serif;overflow-x:auto;overflow-y:hidden;}
table.appTableMain {clear:both; border-collapse:collapse;}
table.appTableMain thead.sections {}
table.appTableMain thead.sections th {background:#CCC url(../images/header_bg.png) repeat-x top left;padding:.25em 0; border-radius:12px 12px 0px 0px;-moz-border-radius:12px 12px 0px 0px;-webkit-border-radius:12px 12px 0px 0px;font-size:22px;font-weight:normal; color:#666;}
table.appTableMain thead.sections th:first-child {border-right:1px solid #FFF;}
table.appTableMain thead.columns th {background:#a7a6a7 url(../images/th_bg.png) repeat-x top left;padding:.75em; color:#FFF; font-size:11px;}
table.appTableMain thead.columns th a {color:#FFF;text-decoration:none; background:url(../images/arrow.png) no-repeat right 2px; padding-right:12px;}
table.appTableMain thead.columns th a:hover {color:#fffc98;}
table.appTableMain tbody tr.odd td {background:#FFF;}
table.appTableMain tbody tr.even td {background:#F1F1F1;}
table.appTableMain tbody td {border-bottom:1px dashed #cbcbcb;vertical-align:center; text-align:center; white-space:nowrap; color:#333; padding:.5em;font-size:11px; line-height:1.4em;}
table.appTableMain thead.columns th.indexNum, table.appTableMain tbody td.indexNum {border-right:1px solid #FFF;}
a.listenLink {background:url(../images/listen.png) no-repeat; display:block; height:16px; width:16px; text-indent:-9999px;}
a.listenLink:hover {background-position:0 -16px;}
a.listenLink:active {background-position:0 -32px;}
a.deleteLink {background:url(../images/delete.png) no-repeat; display:block; height:16px; width:16px; text-indent:-9999px;}
a.deleteLink:hover {background-position:0 -16px;}
a.deleteLink:active {background-position:0 -32px;}
/*
td.hover, tr.hover
{
	background-color: #6995ad; color:#FFF;
}
th.hover, tfoot td.hover
{
	background-color: ivory;
}
td.hovercell, th.hovercell
{
	background-color: #6995ad; color:#FFF;
}
td.hoverrow, th.hoverrow
{
	background-color: #6995ad; color:#FFF;
}
*/

#appPageFooter {color:#666;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:center;clear:both; background:#FFF;height:50px;padding-top:20px;}
#appPageFooter ul {list-style-type:none;width:235px;margin:.5em auto 0 auto;}
#appPageFooter ul li {float:left;padding:.5em;}
#appPageFooter ul li a {color:#666;font-size:12px;text-decoration:none;}
#appPageFooter ul li a:hover {color:#000;}