/*
  page.css, sPOSC v1.2 2/20/2006
  Copyright (c) 2005 PostOSC.com
  http://www.postosc.com
  sPOSC is NOT Open Source Software and may not be redistributed
  Read the "license.txt" file for license information
*/


table {
	width: 100%;
}

table td {
	vertical-align: top;
}

img {
	border-width: 0; 
	vertical-align: top; 
}

div.main {
	width: 760px;
	height: 100%;
	background-color: #ffffff;
	padding: 10px;
}

.itemName {
	font-size: 12px;
	font-weight: bold;	
}

.itemNumber {
	font-size: 11 px;
	font-style: italic;	
	padding-top:5px;
	padding-bottom:5px;	
}

.itemDesc {
	border:1px dotted #ffb062;
	padding:5px;
	font-size: 11 px;
	color:#ffb062;
}

.itemPrice {
	font-size: 11 px;
}

.heading {
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}

.label {
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

.text {
	text-align: left;
	vertical-align: top;
	width: 100%;
}

.textfield { 
	font-size: 11px;
	color: #2F5376; 
	border: 1px solid #284279; 
} 

.select { 
	font-size: 11px;
	color: #2F5376; 
	border: 1px solid #284279; 
}

table.confirm {
	border: 1px solid #284279;
	border-collapse: collapse;
	padding: 10px;
}

.cartText {
	text-align: left;
	color:#ffb062;	
	border: 1px dotted #ffb062;
}	

.button { 
	font-size: 11px;
	background-color: #D7E5F2; 
	color: #2F5376; 
}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.declineMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

/****************************************End of sPOSC*********************************************/

body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #F0F0F0;
	text-align: center;
	padding: 3px 0 10px 0;
	margin: 0px;
}

a {
	color: #003399;
}

a:hover {
	color: #CC0000;
}

#fadeinbox {
	color: #990000;
	font-size: 1.4em;
	font-weight: bold;
	position:absolute;
	width: 254px;
	left: 0;
	top: -400px;
	z-index: 100;
	visibility:hidden;
}
#layout {
	margin: 0 auto;
	text-align: left;
	width: 750px;
	position: relative;
}

#footer {
	color: #7D7D7D;
	text-align: center;
	position: relative;
	font-size: 1.1em;
	top: -12px;
}

#footer a {
	color: #7D7D7D;
}

#page_table {
	border: 1px solid #D6D6D6;
	background: #FFFFFF;
	width: 750px;
}

#topbar {
	font-size: 1.1em;
	color: #5F5F5F;
	text-align: right;
	padding-bottom: 1px;
}
#topbar a {
	color: #5F5F5F;
}
#navigation {
	padding: 0px 7px 10px 0px;
	border-right: 1px solid #D6D6D6;
	vertical-align: top;
	width: 190px;
}

.navigationsection {
	padding: 5px 0 5px 6px;
}

#navigationusername {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 3px;
}

#navigationusernumber {
	font-size: 1.1em;
	padding-bottom: 3px;
}

.navigationheader {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 1px;
	border-bottom: 1px dotted #dcdcdc;
	margin-bottom: 3px;
}

.navigationlink {
	font-size: 1.1em;
	padding: 0 0 2px 5px;	
}

.navigationlink a {
	color: #003399;
}

.navigationlink a:hover {
	color: #CC0000;
}

.navigationlogoutlink {
	font-weight: normal;
}

.navigationlogoutlink a {
	color: #000;
}

.navigationlogoutlink a:hover {
	color: #CC0000;
}

#page_contents {
	font-size: 1.4em;
	padding: 4px 4px 10px 4px;
	<?php if($navigation) { ?>
	width: 544px;
	<?php } else { ?>
	width: 100%;
	<?php } ?>
	vertical-align: top;
}
	
.contentheader {
	/*arial, 1.3em */
	font-family: tahoma, verdana;
	font-style: italic;
	text-decoration: underline;
	font-size: 1.5em;
	font-weight: bold;
	margin-left: 25px;
	margin-bottom: 6px;
	/*color: #517E41, 71321F;*/
	color: #1C3A84;
}

.formlabel {
	font-size: .92em;
	font-weight: bold;
	text-align: right;
	padding-right: 4px;
	white-space: nowrap;
}

.formfield {
	font-size: .92em;
	width: 100%;
}

.formcomment {
	font-size: .84em;
	color: #5F5F5F;
}

.formcomment a {
	color: #5F5F5F;
}

.formcomment a:hover {
	color: #CC0000;
}

#footerimagecontainer {
	position: relative;
	height: 14px;
	margin-right: -2px;
}
#footerimage {
	position: absolute;
	top: -14px;
}
						/*  This smallertext is used for the paragraph at top of the box */
.smallertext {
	width: 90%;
	font-size: 10pt;
	margin-left: 45px;
}

#loginbox {
	margin-top: 10px;
	padding: 8px;
	background-color: #F0F0F0;
	border: 1px solid #999999;
}

#customloginpage {
	border-right: 1px solid #003399;
	width: 365px;
}
.button {
	font-size: 12px;
	font-weight: bold;
	background-color: #003399;
	color: #FFFFFF;
	border-top-color: #1B50BC;
	border-left-color: #1B50BC;	
	border-right-color: #00256E;
	border-bottom-color: #00256E;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.errormessage {
	color: #CC0000;
	font-weight: bold;
	border: 1px solid #CC0000;
	padding: 6px;
	margin: 6px 0 6px 0;
	background-color: #F7E5E5;
}

.successmessage {
	color: #003399;
	font-weight: bold;
	border: 1px solid #003399;
	padding: 6px;
	margin: 6px 0 6px 0;
	background-color: #E5ECF7;
}

.billingtable {
	border-left: 1px solid #D6D6D6;
	border-top: 1px solid #D6D6D6;
	font-size: .85em;
}
.billingtable td {
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;

}
.billingheader {
	background-color: #D6D6D6;
	text-align: center;
	font-weight: bold;
	font-size: 1.16em;
}

.billinghistoryheader {
	background-color: #FFF;
}


.billingsubheader {
	background-color: #D6D6D6;
	text-align: center;
	font-weight: bold;
}

#billingsidebar {
	padding: 0px 5px 10px 5px;
	font-size: .85em;
}

.billingdescriptionodd {
	font-size: .91em;
}

.billingdescriptioneven {
	font-size: .91em;
	background-color: #F6F6F6;
}

.transactiondetailtable {
	border-left: 1px solid #D6D6D6;
}

.transactiondetail td {
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;

}
.transactiondetailheader {
	background-color: #D6D6D6;
	text-align: center;
	font-weight: bold;
}

.transactiondetailsubheader {
	background-color: #D6D6D6;
	text-align: center;
	font-weight: bold;
}

.transactiondetaildescriptionodd {
	background-color: #FFFFFF;
}

.transactiondetaildescriptioneven {
	background-color: #F6F6F6;
}

.transactiondetailtime {
	font-style: italic;
}

.checkpaymenttable {
	border-left: 1px solid #D6D6D6;
	border-top: 1px solid #D6D6D6;
	font-size: .85em;
}

.checkpaymenttable td {
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	text-align: center;

}
.checkpaymentheader {
	background-color: #D6D6D6;
	text-align: center;
	font-weight: bold;
}

.checkpaymenttext {
	font-weight: bold;
	font-size: .85em;
}

.upgradingservicestd {
	font-size: .85em;
}
.upgradingservicesheader {
	font-weight: bold;
	font-size: 1.16em;
}

.upgradeservicescandelete {
	color: #CC0000;
}

.upgradeservicescandeletebutton {
	font-size: 10px;
	font-weight: bold;
	background-color: #CC0000;
	color: #FFFFFF;
	border-top-color: #DD0202;
	border-left-color: #DD0202;	
	border-right-color: #950202;
	border-bottom-color: #950202;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.upgradeservicescanaddbutton {
	font-size: 10px;
}

body {
	background-color: #FFF;
	color: #132759;
}

a {
	color: #1C2B59;
}

a:hover {
	color: #1C2B59;
}

#footer {
color: #6A7B8F;
/*color: #9C9C9C;*/
}

#topbar, #topbar a {
color: #9C9C9C;
}

#footerimage {
	top: -11px;
}


#page_table {
	border: 0px;
}

#navigation {
	border-style: none;
}

#navigationusername { 
	color: #1C2B59;
}

#navigationusernumber { 
	color: #1C2B59;
}

.navigationheader {
	color: #1C2B59;
	border-bottom: 1px solid #fff;
}

.navigationlink a {
	color: #1C2B59;
}

.navigationlink a:hover {
	color: #1C2B59;
}

#content_table {
	border-right: 1px solid #1C2B59;
	border-left: 1px solid #1C2B59;
/*	border-bottom: 1px solid #1C2B59; */
}


.formcomment a:hover {
	color: #1C2B59;
}

#loginbox {
	background-color: #EDECF3;
	border: 1px solid #1C2B59;
}



.successmessage {
	color: #1C2B59;
	border: 1px solid #1C2B59;
	background-color: #EDECF3;
}

/****************************** Content specific for main.php */
/**************************************************************/

table {
	font-family: verdana;
	font-size: 12px;
}

.item{
	float: left;
	width: 320px;
	padding: 0px;
	font-family: verdana;
	font-size: 12px;
}

.price{
	padding: 0px;
	vertical-align: sub;
	align: left;
	font-family: verdana;
	font-size: 12px;
}

img {
	border-width: 0; 
	vertical-align: top; 
}

div.main {
	width: 760px;
	height: 100%;
	background-color: #ffffff;
	padding: 10px;
}

.itemName {
	font-size: 12px;
	font-weight: bold;	
}

.itemNumber {
	font-size: 11 px;
	font-style: italic;	
	padding-top:5px;
	padding-bottom:5px;	
}

.itemDesc {
	border:1px dotted #ffb062;
	padding:5px;
	font-size: 11 px;
	color:#ffb062;
}

.itemPrice {
	font-size: 11 px;
}

.heading {
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}

.label {
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

.text {
	text-align: left;
	vertical-align: top;
	width: 100%;
}

.textfield { 
	font-size: 11px;
	color: #2F5376; 
	border: 1px solid #284279; 
} 

.select { 
	font-size: 11px;
	color: #2F5376; 
	border: 1px solid #284279; 
}

table.confirm {
	border: 1px solid #284279;
	border-collapse: collapse;
	padding: 10px;
}

.cartText {
	text-align: left;
	color:#ffb062;	
	border: 1px dotted #ffb062;
}	

.obit{
	width: 90%;
}

.wrap{
	width: 88%
}


					/* mediumtext used to size the "Please select the duration. . .  */
.mediumtext {
	width: 80%;
	font-size: 11pt;
	margin-left: 75px;
	}
.mediumtextarea {
	width: 80%;
	font-size: 10pt;
	margin-left: 75px;
	}
.mediumtext1{
	width: 80%;
	font-size: 12pt;
	}
	
.contentheader {
	/*arial, 1.3em */
	font-family: tahoma, verdana;
	font-style: italic;
	text-decoration: underline;
	font-size: 1.75em;
	font-weight: bold;
	margin-left: 25px;
	margin-bottom: 6px;
	/*color: #517E41, 71321F;*/
	color: #1C3A84;
}
	

					/* id used to indent the radio buttons and Submit/Reset buttons  */
.id{
	margin-left: 95px;
	}
					/* id1 used to indent obit_info and close_info */
.id1{
	margin-left: 75px;

	}
					/* id2 used to indent event date on close_info */
.id2{
	margin-left: 20px;
	}
.required { color: red }

.redcenter {
	color: red;
	text-align: center;
	text-weight: bolder;
	}

div.note {text-align: left;
        margin-top: 1em;
        margin-below: 1em;
        color: #ff0000;
	}
						/* span.sm used for dd/mm/yy  */
span.sm{
	color: #CC0000;
	font-family: arial;
	font-size: 10;
	}  

.confirm{
	width: 85%;
	}
	
.confirm1{
	width: 80%;
}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.declineMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

/*  coding from CSS PLAY for rounded corner box    */

/*.xtop, .xbottom {display:block; background:transparent; font-size:1px;}*/
.xtop, .xbottom {display:block; width:751px; background:transparent; font-size:1px;}
/*xbottom {display:block; background:#1c2b59; font-size:1px} 3gray lines across bottom*/
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
/*.xb2, .xb3, .xb4 {background:#d4d4d4; border-left:1px solid #08c; border-right:1px solid #08c;}*/
.xb2, .xb3, .xb4 {background:#ffffff; border-left:1px solid #1c2b59; border-right:1px solid #1c2b59;}
/*.xb1 {margin:0 5px; background:#08c;}*/
.xb1 {margin:0 5px; background:#1c2b59;} 
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#d4d4d4; border:0 solid #08c; border-width:0 1px;}