/*
// CSS for member pages only //
*/

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);

body {font-family: 'Roboto Condensed', sans-serif; color:#000; background-color:#FFF;}

#bodyLogin
{
background: url('images/login-bg.jpg') top left repeat;	
}

.inputA {border:2px solid #508ce1; padding:5px; font-size:18px; width:300px;}
 

a {color:#508ce1;}

img {border:none;}

/* font styles */

.h2Headers {font-size:18px; color: #508ce1; margin-right:5px; border-bottom:0px solid #CCC; margin-bottom:20px; text-transform:none;}
.h2HeadersDownload {font-size:24px; color: #508ce1; margin-right:5px; margin-bottom:20px; text-transform:none;}
h3 {font-size:18px; }

/* end font styles */

/* stylistics */
.divLine {border-top:1px solid #CCC; margin:5px 5px 2px 0; }

#memberTop {padding-top:10px; color:#CCCCCC; font-size:14px; background-color:#000; left:0; width:100%; height:30px;}
#memberTop p{padding-left:20px;}
.adminInfo {padding-right:20px; text-align:right;}
/* wrapper for whole page */
#wrapper {
}

#wrapper {width:900px;margin:0 auto; background-color:#FFFFFF; margin-top:0;}

/* member menu */
#menuWrap {width:100%; left:0; background-color:#333;}
#menu {width:900px;margin:0 auto;padding-left:20px;height:45px;}
#menu p {margin:10px 0 0 10px; color:#FFFFFF;}
#menu a {color:#FFF; text-decoration:none; font-size:14px; margin-top:10px; padding:5px; font-weight:normal;}
#menu a:hover {background-color:#000;}

#navlist li {display: inline;list-style-type: none;padding-right: 10px; padding-left:10px;}

#navlist a {color:#508ce1;}

#active {background-color:#508ce1; border-bottom:3px solid #508ce1;}
/* main content area */
#page{
}
#page {padding:0;}

.helpInfo {border-bottom:1px dotted #CCC;}

/* left content column */
#left-column { }
#left-column p {font-size:14px; color: #000; line-height:20px;}
#left-column {float:right; width:700px; margin-top:20px;margin-bottom:10px; padding-right:12px; font-size:13px;}
#left-column a {font-weight:100; text-decoration:none;}
#left-column a:hover {text-decoration:underline;}
#left-column .helpInfoMail {background-color:#F6E7DB; padding:0 0 0 5px; border:1px solid #508ce1;}
#left-column .helpInfoMail p {font-size:12px; background:url('images/info_icon.png') no-repeat left center; padding-left:30px;}

#left-column .inputBox {border:1px solid #508ce1; padding:5px; font-size:16px; color:#333333; width:90%;}
#left-column .inputBoxIPN {border:1px solid #508ce1; padding:5px; font-size:16px; color:#000000; background-color:#CCCCCC;}
#left-column .textAreaBox {border:1px solid #508ce1; padding:5px;}
#left-column span {color:#508ce1; font-weight:bold;}
#left-column .smallSpan {color:#333333; font-size:12px;}
#left-column .formLabel {font-size:16px; color: #508ce1;}
#left-column .memberContentSummary {color:#CCC;	}

/* wide column for full page editing */
#wide-column { }
#wide-column p {font-family: 'PT Sans Narrow', sans-serif;font-size:16px; color: #000; line-height:20px;}
#wide-column {width:850px; margin:0 auto;margin-top:20px;margin-bottom:10px; padding-right:12px;}
#wide-column a {font-weight:bold; text-decoration:underline;}
#wide-column .revertLink {text-decoration:underline; font-size:14px;}
#wide-column .inputBox {border:1px solid #508ce1; padding:5px; font-size:16px; color:#333333; width:90%;}
#wide-column .textAreaBox {border:1px solid #508ce1; padding:5px;}
#wide-column span {color:#333333; font-weight:bold; font-size:14px;}
#wide-column .formLabel {font-family: 'PT Sans Narrow', sans-serif;font-size:20px; color: #3266ae;}
.update {background-color:#e5effe; padding:10px;font-size:14px; background:url('images/green-tick.png') no-repeat left center; padding-left:25px;}


.contentBox {background-color:#e7edf7; border:1px solid #CCCCCC;padding:5px; margin-right:10px; -moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	}

/* right content column (navigation)*/
#right-column {
}
#right-column {float:left; width:160px; margin-top:20px;margin-bottom:10px; font-size:16px;}

#navBox {margin-bottom:10px; border-bottom:1px dotted #CCC; line-height:14px;}

.navHeaders{ font-size:16px; color:#508ce1; padding-left:5px; margin-top:10px; text-align:left;}

#navBox .navLink {color:#3266ae; font-weight:normal; text-decoration:none;}

#navBox p {padding-left:5px; font-size:12px;}

#navBox a{font-weight:normal; font-size:12px;}

#navBox a:hover{text-decoration:underline;}

/* footers */
#footer {width:100%; position:fixed;left:0px;bottom:0px; height:50px;margin:0 auto;background-color:#000000;}
#footerInner {width:900px; margin:0 auto;}
#footer p {font-size:12px; color:#FFFFFF; padding:10px 10px 5px 10px; text-align:right;}
#footer a{color:#508ce1; text-decoration:none;}

/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}


#regFooter p {font-size:12px; color:#FFFFFF; padding:0px 10px 5px 10px; text-align:right;}
#regFooter a{text-decoration:none;}

.paginate {
font-family:Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 3px;
}

.paginate a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #999;
	text-decoration:none;
	color: #666;
}
.paginate a:hover, .paginate a:active {
	border: 1px solid #999;
	color: #000;
}
.paginate span.current {
    margin: 2px;
	padding: 2px 5px 2px 5px;
		border: 1px solid #508ce1;
		
		font-weight: bold;
		background-color:#D0E4E4;
		color: #FFF;
	}
	.paginate span.disabled {
		padding:2px 5px 2px 5px;
		margin:2px;
		border:1px solid #eee;
		color:#DDD;
	}
	
	.paginate li{
		padding:4px;
		margin-bottom:3px;
		background-color:#FCC;
		list-style:none;}
		
	.paginate ul{margin:6px;
	padding:0px;}
	
	.memberDetail {
	border:1px solid #508ce1;
	padding:10px;
	background-color:#e5effe;
	}
	
	.memberDetailFlip {
	border-bottom:1px dotted #CCC;
	padding-bottom:15px;
	}
	
	
	.detailsHeader {
	font-size:14px;
	color: #508ce1;
	}
	
	/* maintenance notification styling */
	#note {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    background: #fde073;
    text-align: center;
    line-height: 2.5;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
}

@-webkit-keyframes slideDown {
    0%, 100% { -webkit-transform: translateY(-50px); }
    10%, 90% { -webkit-transform: translateY(0px); }
}
@-moz-keyframes slideDown {
    0%, 100% { -moz-transform: translateY(-50px); }
    10%, 90% { -moz-transform: translateY(0px); }
}

.cssanimations.csstransforms #note {
    -webkit-transform: translateY(-50px);
    -webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
    -moz-transform:    translateY(-50px);
    -moz-animation:    slideDown 2.5s 1.0s 1 ease forwards;
}

/* tab styling */
body.home  #navlist a.home, 
body.settings  #navlist a.settings,
body.emarketing  #navlist a.emarketing,
body.squeezepage  #navlist a.squeezepage,
body.salespage  #navlist a.salespage,
body.members  #navlist a.members,
body.content  #navlist a.content
{ /*currently selected tab*/
color:#508ce1;
font-weight:bold;
background-color:#FFF;
padding:12px;

}

#loggedOutForm
{
background-color:#FFF;
width:400px;
margin:0 auto;
padding:15px;
margin-top:50px;
}

#jvForm
{
background-color:#FFF;
width:550px;
margin:0 auto;
padding:15px;
margin-top:50px;
}

#jvForm span
{
font-size:14px;
color:#333;
font-weight:normal;
}

#downloadForm
{
background-color:#FFF;
width:750px;
margin:0 auto;
padding:20px;
margin-top:20px;
}

#trafficBox
{
background-color:#FFF;
width:900px;
margin:0 auto;
padding:20px;
margin-top:20px;
}

#trafficBox small
{
color:#000;	
}

#trafficBox
{
color:#000;	
}

#trafficBox .h2Headers
{
color:#00C;	
}

#trafficBox a
{
color:#F00;
text-decoration:underline;
}


#registerForm
{
background-color:#FFF;
width:600px;
margin:0 auto;
padding:15px;
margin-top:50px;
}

#loggedOutFooter
{
width:400px;
margin:0 auto;
padding-top:10px;
}

#loggedOutFooter p
{
font-size:12px;
text-align:right;	
}

#mmpBranding
{
width:100%;
height:70px;
background-color:#000;
left:0;
margin-bottom:50px;
}

#mmpBranding p
{
margin-left:20px;
color:#FFF;	
}

.btn a
{
text-decoration:none;	
}

#member-form .error {
    color: #AD7375;
    padding: 0;
    text-align: left;
}

.backgroundLogin {
background-color:#000;	
}

.bar p {
    color: white;
    font-size: 12px;
    text-align: center;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
}

#beforeDownload
{
background-color:#000000; color:#FFF; padding:5px; margin-bottom:10px;
-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

.boldRed {color:#C20029; font-weight:bold;}
.boldRedCheckout {color:#E01205; font-size:40px;font-weight:bold;}
.boldRedFly {color:#EF1300; font-weight:bold;}
.boldBlue {color:#0033CC; font-weight:bold;}
.boldLightBlue {color:#4DD8EC; font-weight:bold;}