@charset "utf-8";

/* SubscriptionBridge Hosted Checkout - 2010 Design */

	html, body {
		padding: 0;
		margin: 0;
		background-color: #FFF;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 14px;
	}
	
	#sbCC2 {
		margin: 0 auto 20px auto;
		width: 942px;
	}
	
		#sbCC2 img {
			border: none;
		}
		
		#sbCC2 a:link {
			color: #39F;
			text-decoration: none;
		}
		
		#sbCC2 a:visited {
			color: #39F;
            text-decoration: none;
		}
		
		#sbCC2 a:hover {
			color: #39F;
            text-decoration: underline;
		}
	
		#sbCC2logo {
			padding: 10px;
			text-align: left;
			z-index:100;
		}	



	/* Main content area */

		#sbCC2mainShadow {
			background-color: #F1F1F1;
			padding: 10px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}

		#sbCC2main {
			width: 890px;
			background-color: #FFF;
			border: 1px solid #CCC;
			padding: 15px;
			min-height: 400px;
			color:#666;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}



	/* Modal Styles */
	.modalPopup
	{
		background-color: #ffffff;
		border-width: 1px;
		border-style: solid;
		border-color: Gray;
		padding: 3px;
		width: 500px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}



	/* CART Styles */
	
	.LargeText 
	{
		font-size: 20px;
		font-weight: 600;
	}
	
    span 
    {
		padding: 0px;
		margin: 0px;   
    }
    
	.PanelInfo {
		border: 1px #ccc dashed;
		background-color: #fff;
		color: #666; 
		padding: 5px;
		margin: 8px 5px; 
		font-size: 15px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		width: 94%;
	}
        
	.TextRed
	{
		color: red;
	}	 
  
	.PanelLeft
	{
		border-right: 1px #ccc dashed;
		padding: 4px;
	}
	.PanelRight
	{
		padding: 4px;
	}
	.PanelOpen
	{
	    padding: 4px;
	}	
	
	.PanelClosed
	{
	    padding: 4px;
	}
	
	.PanelClosed h4
	{
		color: #f1f1f1;
		font-size: 20px;
		font-weight:500;
		
		background-color: #ccc;		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		
	    padding: 4px; 
	}
	
	.PanelOpen h4
	{
		color: #FFF;
		font-size: 20px;
		font-weight:500;
		
		background-color: #555;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		
		padding: 4px; 
	}

	#sbCCnewCustomer {
    	margin: 8px 0;
        padding: 0 5px 8px 5px;
        border-bottom: 1px dashed #CCC;
    }
    
	#sbCCalreadyCustomer {
    	margin: 0;
        padding: 0;
    } 
    
    	#sbCCalreadyCustomer table {
        	/* width: 100%; */
        }
        
    	#sbCCalreadyCustomer table td {
        	/* border-spacing: 0; 
            padding: 5px; */
        }
        
    /* Features table on Cart page */
	#sbCartFeatures {
	    width: 100%;
        margin-top: 8px !important;
	}
        #sbCartFeatures td, #sbCartFeatures th
        {
            border-top: 1px dashed #CCC;
            padding: 4px;
            border-spacing: 0;
            font-size: 13px;
        }

	
	/* Features Styles */
	
    #TermsContainer {
        width: 450px;
    }

    #TermsContainer .FloatLeft {
        float: left;
        height: 50px;
        text-align: left;
        padding: 0px;
        width: 250px;
        border-right: 1px dashed #CCC;
    }

    #TermsContainer .FloatRight {
        float: right; 
        width: 150px; 
        text-align:right;
    }

    #TermsDisplay {
		margin: 0 0 10px 0; 
		border: 1px solid #CCC;
		background-color: #F1F1F1;
		padding: 10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

    #TermsDiv {
		width: 90%; 
		height: 100px; 
		padding: 5px;  
		border-color: #CCC; 
		border-width: 1px; 
		border-style: solid; 
		overflow: auto;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		font-size: 11px;
		background-color: #f1f1f1;
        margin: 0 10px 10px 10px;
	}
	
    .AgreeToLegalDisclaimer input {
		font-size: 11px;
		margin-bottom: 4px;
	}

    #PriceBar {
		height: 40px;
		vertical-align: middle;
		padding-left: 10px;
		padding-right: 10px;
		background-color: #F1F1F1;
		color: #000000;
		font-size: 28px;
		font-weight: normal;
		margin: 0 0 20px 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		text-align:right;
	}	


    /* Select Feature Tables */
	.selectfeature tr 
	{
		cursor: pointer;
	}
	.selectfeature2 tr 
	{
		cursor: pointer;
	}

    /* Striped Tables */
	#stripes {
	    padding: 2px;
	    margin: 2px;
	    width: 100%;
	}
	#stripes tr 
	{
		cursor: pointer;
	}
	#stripes td
	{
		padding: 4px;
        border-spacing: 0;
	}
	#stripes th
	{
		border-bottom: 1px dashed #CCC;
		padding: 4px;
        border-spacing: 0;
	}
	#stripes td
	{
    	padding-top: 6px;
	}
	#stripes tr.over td
	{
		background-color: #F1F1F1;
	}	


	
    /* Styling generic tags */
	
	#sbCC2main h1 {
	    height: 40px;
		vertical-align: middle;
		padding-left: 10px;
		background-color: #555;
		color: #FFF;
		font-size: 28px;
		font-weight: normal;
		margin: 0 0 20px 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
		
	/*
	#sbCC2main h2 {
		margin: 0 10px 15px 0px;
		padding-bottom: 5px;
		border-bottom: 1px dashed #CCC;
		color: #777;
		font-size: 20px;
		font-weight: normal;
	}
	*/
	
	#sbCC2main h2 {
		background-color: #F1F1F1;
		padding: 5px 5px 5px 10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		color: #777;
		font-size: 18px;
		font-weight: normal;
	}
	
	#sbCC2main h3 {
		margin: 0 10px 15px 10px;
		padding-bottom: 5px;
		color: #777;
		font-size: 16px;
		font-weight:500;
		font-weight: normal;
	}
	
	#sbCC2main h4 {
		margin: 0 2px 4px 2px;
	}
	
	#sbCC2main p {
		margin: 0 0 10px 0;
		padding: 0px;
	}
	
	.Paragraph {
		margin: 0 0 0 10px;
		padding: 0px;
	}
	
	.ParagraphButton {
		margin: 5px 0 0 10px;
		padding: 0px;
	}

	/* Spacing for generic DIVs */
	#sbCC2main .sbSpacer {
		margin-top: 6px;
	}

	/* Style for HR */
	#sbCC2main .sbHR {
		margin: 15px 10px 15px 10px;
		padding: 0;
		border: none;
		border-bottom: 1px dashed #CCC;
	}
	
	#sbCC2main .sbHR2 {
		margin: 10px 0px;
		padding: 0;
		border: none;
		border-bottom: 1px dashed #CCC;
	}



	/* Call Outs */	
	
	.CustomValidatorCalloutStyle div, .CustomValidatorCalloutStyle td
	{
		border: solid 1px #333;
		background-color: #f1f1f1;
		color: #666;
		font-size: 10pt;
	}



	/* Forms */
	
	#sbCC2main .sbForms {
		margin: 10px;
	}
	
		#sbCC2main table {
			margin: 0px;
			padding: 0px;
		}
		
		#sbCC2main table td.leftCell {
			padding-bottom: 10px;
			text-align: right;
			width: 20%;
			font-size: 14px;
		}
		
		#sbCC2main table td.rightCell {
			padding-bottom: 10px;
			text-align: left;
			width: 80%;
			font-size: 14px;
		}
	
		#sbCC2main .sbInputField {

		}
		
		#sbCC2main .sbTextField {

		}
		
		#sbCC2main .sbSelectField {

		}
		
		#sbCC2main .sbFormButton {
			border: 1px #ccc solid;
			background-color: #FFF;
			color: #777; 
			padding: 5px; 
			font-size: 15px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
		
		#sbCC2main .sbSubmitButton {
			border: 1px #ccc solid;
			background-color: #f1f1f1;
			padding: 5px; 
			font-size: 15px;
			color: #333;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
		
		#sbCC2main .sbSubmitButtonLarge {
			border: 1px #ccc solid;
			background-color: #FF9;
			padding: 10px; 
			font-size: 20px;
			color: #333;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			margin-bottom: 5px;
		}



	/* Footer */
	
	#sbCC2footer {
		padding: 10px;
		text-align: center;
		font-size: 11px;
		color:#999;
	}
	
		#sbCC2footer a {
			color: #999;
		}
        
	#sbFooterTable {
		width: 100%;
	}
		
		#sbFooterTable td {
			padding: 5px;
			border-spacing: 0;
		}
		
		#sbFooterTable .sbFooterTableL {
			width: 5%;
		}
		
		#sbFooterTable .sbFooterTableR {
			width: 95%;
		}
        
        #sbFooterTable .sbFooterSBLinks {
        	margin-top: 5px;
        }
		
		
	/* Required or Asterisk */
	
	.sbRequired {
		padding: 2px;
		text-align: center;
		font-size: 14px;
		color:red;
	}	
	
	.sbRequiredText {
		border: 1px #ccc solid;
		background-color: #f1f1f1;
		padding: 5px;
		margin: 10px 6px 6px 0px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		text-align: center;
		font-size: 12px;
		color:#999;
	}	



	/* Messages */
	div#container {
		width: 90%;
		margin:20px;
		font-size: 14px;
	}
	div#container p {
		padding: 5px 10px 5px 50px;
		margin: 0;
	}
	div.message.success{
		padding: 10px;
		border: 2px solid #ADDAB5;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #C6FFA4 url(../img/sbCCicon_success.png) no-repeat 15px 10px;
		font-weight: bold;
	}
	div.message.info{
		padding: 10px;
		border: 2px solid #D9E1FD;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #E7ECFE url(../img/sbCCicon_question.png) no-repeat 15px 10px;
		font-weight: bold;
	}
	div.message.question{
		padding: 10px;
		border: 2px solid #D9E1FD;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #E7ECFE url(../img/sbCCicon_question.png) no-repeat 15px 10px;
		font-weight: bold;
	}
	div.message.warning{
		padding: 10px;
		border: 2px solid #DDD;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #f1f1f1 url(../img/sbCCicon_warning.png) no-repeat 15px 10px;
		font-weight: bold;
	}
	div.message.error{
		padding: 10px;
		border: 2px solid #DDD;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #f1f1f1 url(../img/sbCCicon_error.png) no-repeat 15px 10px;
		font-weight: bold;
	}
	
	
	/* Menu */
	#menuContainer { 
		display:inline-block; 
		float: right; 
		z-index: 1000;
	}
	#menu {
		font-size: 12px;
            padding: 12px 20px 0 0;
	}
	
	
	/* Sub Totals */
	.featureContainer { 
		width: 100%; 
        font-size: 12px;
        padding: 4px;
	}
	.featureContainer th { 
		background-color: #EEEEEE;
        text-align: left;
        padding: 2px;
	}
	.featureContainer td { 
        text-align: left;
        padding: 6px;
	}
    .divider {
        border-bottom: 1px dashed #CCC;
        margin-top: 10px; 
        margin-bottom: 10px; 
    }