html
{
	background-color: #fff;
	margin: 0;
	padding: 0;
}

body
{
	background-color: #fff; /*color: #333;*/
	font-size: .85em;
	font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
}

#banner
{
	width: 100%;
	height: 125px;
	background-image: url("../../Images/Banner.png");
	margin: 0;
	padding: 0;
	background-position: bottom;
}

#banner .bar
{
	width: 100%;
	height: 25px;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

#banner .bar .logo
{
	background-image: url("../../Images/FFXEXSmall.gif");
	background-repeat: no-repeat;
	height: 25px;
	width: 50px;
	float: right;
}

#banner .bar a
{
	float: left;
	background-color: #fff;
	margin: 0;
	color: #005F96;
	outline: none;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
	font: normal .8em Arial,Helvetica,sans-serif;
	vertical-align: middle;
}

#banner .bar a:hover
{
	float: left;
	background-color: #fff;
	margin: 0;
	color: #005F96;
	outline: none;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: underline;
	font: normal .8em Arial,Helvetica,sans-serif;
	vertical-align: middle;
}

#Menu
{
	background-color: #095081; /* #007CC3;*/
	font: bold .9em Arial,Helvetica,sans-serif;
	width: 100%;
	height: 25px;
	color: White;
	vertical-align: middle;
}

#Menu .menuItem
{
	float: left;
	padding-top: 5px;
}

#Menu a
{
	color: #EBAF23;
	padding: 3px 5px 0px 5px;
}

#Menu a:link, a:visited, a:active, a:hover
{
	color: #EBAF23;
	text-decoration: none;
	padding: 3px 5px 0px 5px;
}

#Menu a:hover
{
	padding: 3px 5px 0px 5px;
	background-color: #095081;
}



a
{
	color: #333;
	outline: none;
	padding: 3px 5px 0px 5px;
	text-decoration: underline;
}

a:link, a:visited, a:active
{
	color: #333;
	outline: none;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: underline;
}

a:hover
{
	background-color: #B2D7F7;
}



.content-wrapper
{
	margin: 0 auto;
	max-width: 960px;
	width: 960px;
	border: 1px solid #DBDBDB;
}

.main-content
{
	padding-left: 10px; /*padding-top: 30px;*/
	background-color: #FFFFFF;
	min-height: 700px;
}

.shadow
{
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000; /* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#body
{
	background-color: #fff; /* #efeeef;*/
	clear: both; /*padding-bottom: 35px;*/
}



.float-left
{
	float: left;
}

.float-right
{
	float: right;
}


#pageTitle
{
	font: 1.75em Georgia, "Times New Roman" ,Times,serif;
	font-weight: bold; /*font-size: 1.75em; 	border-bottom: 2px solid #1E4A89;*/
	color: #005F96; /* #1E4A89;*/
	margin: 5px 0px 5px 0px;
}

#pageTitle a
{
	font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
	font-size: 0.5em;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6
{
	color: #000;
	margin-bottom: 0;
	padding-bottom: 0;
}

h1
{
	font-size: 2em;
}

h2
{
	font-size: 1.75em;
	border-bottom: 2px solid #1E4A89;
	color: #1E4A89;
}

h3
{
	font-size: 1.2em;
}

h4
{
	font-size: 1.1em;
}

h5, h6
{
	font-size: 1em;
}





/* info and errors */
.message-info
{
	border: 1px solid;
	clear: both;
	padding: 10px 20px;
}

.message-error
{
	clear: both;
	color: #e80c4d;
	font-size: .8em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}


.message-success
{
	color: #279C00;
	font-size: .8em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.error
{
	color: #e80c4d;
}


.tips
{
	color: #666666;
	font-size: .8em;
	padding: 0px 3px 0px 5px;
	font-weight: normal;
	font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
}



.groupHeader
{
	font: 1.2em Georgia, "Times New Roman" ,Times,serif;
	font-weight: bold;
	color: #005F96; /*#1E4A89;*/
	margin: 2px 0px 2px 0px;
}

.groupHeader a
{
	font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
	font-size: .8em;
	font-weight: normal;
}

.loginRbCaption
{
	/*	font-size: 1.2em; 	padding: 0px 3px 0px 5px; 	font-weight: bold;*/
	font: 1.2em Georgia, "Times New Roman" ,Times,serif;
	font-weight: bold;
	color: #005F96; /*#1E4A89;*/
	margin: 2px 0px 2px 0px;
	background-image: url("../../Images/arrow-light-blue-5x10.gif");
	background-repeat: repeat-x;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 10px;
}



.required:before
{
	content: "*";
	font-weight: bold;
}

/* forms */
fieldset
{
	border: none;
	margin: 0;
	padding: 0;
}

fieldset legend
{
	display: none;
}

fieldset ol
{
	padding: 0;
	list-style: none;
}

fieldset ol li
{
	padding-bottom: 5px;
}

fieldset label
{
	display: block;
	font-size: .8 em;
	font-weight: 600;
}


fieldset label.checkbox
{
	display: inline;
}

fieldset input[type="text"], fieldset input[type="password"]
{
	border: 1px solid #e2e2e2;
	color: #333;
	font-size: .8 em;
	margin: 5px 0 6px 0;
	padding: 3px; /*width: 300px;*/
	width: 100%;
}

fieldset input[type="text"]:focus, fieldset input[type="password"]:focus
{
	border: 1px solid #7ac0da;
}

fieldset input[type="submit"]
{
	background-color: #005F96; /* green;*/
	border: 1px solid #787878;
	cursor: pointer;
	font-size: .9em;
	font-weight: 600;
	padding: 3px 7px 3px 7px;
	color: White;
	width: 100px;
}
/*
fieldset input[type="submit"]:hover
{
	background-color: #87C7FF;
	color: #005F96;
}
*/
.button
{
	background-color: #005F96; /* green;*/
	border: 1px solid #787878;
	cursor: pointer;
	font-size: .9em;
	font-weight: 600;
	padding: 3px 7px 3px 7px;
	color: White;
	width: 100px;
}
.readonly
{
	background-color: #D6D6D6;
}




.display-label
{
	display: block;
	font-size: .8 em;
	font-weight: 600;
}

.display-label-bigger
{
	display: block;
	font-size: .8 em;
	font-weight: 600;
	
}

fieldset select
{
	width: 100%;
}






.td-label
{
	width: 20%;
	text-align: right;
}

.td-textbox
{
	width: 30%;
}

.td-textLine
{
	width: 30%;
}
.td-thereeCol
{
	width: 80%;
}



.OfferDetails
{
	width: 98%;
	border: 1px solid #E8E3E5;
	float: left;
}

.OfferDetails .GroupTitle
{
	width: 100%;
	clear: both;
	font-weight: bold;
	border-bottom: 1px dotted #E8E3E5;
	padding-top: 25px;
	float: left;
}

.OfferDetails .PaymentTitle
{
	width: 100%;
	clear: both;
	font-weight: bold;
	border-bottom: 1px dotted #E8E3E5;
	padding-top: 10px;
	float: left;
}

.OfferDetailsItem
{
	width: 25%;
	float: left;
	padding-top: 5px;
}


.OfferDetailsItem label
{
	background-color: #E8E8E8;
}

.OfferDetailsItem input[type="text"]
{
	border: 1px solid #e2e2e2;
	color: #333;
	font-size: .8 em;
	margin: 5px 0 6px 0;
	padding: 3px; /*width: 300px;*/
	width: 95%;
}

.subsDetails
{
	width: 98%;
	border: 1px solid #E8E3E5;
	float: left;
}

.subsDetails .GroupTitle
{
	width: 100%;
	clear: both;
	font-weight: bold;
	border-bottom: 1px dotted #E8E3E5;
	padding-top: 25px;
	float: left;
}

.subsDetails .PaymentTitle
{
	width: 100%;
	clear: both;
	font-weight: bold;
	border-bottom: 1px dotted #E8E3E5;
	padding-top: 10px;
	float: left;
}

.subsDetailsItem
{
	width: 25%;
	float: left;
	padding-top: 5px;
}


.subsDetailsItem label
{
	background-color: #E8E8E8;
}

.subsDetailsItem input[type="text"]
{
	border: 1px solid #e2e2e2;
	color: #333;
	font-size: .8 em;
	margin: 5px 0 6px 0;
	padding: 3px; /*width: 300px;*/
	width: 95%;
}

.date
{
	/*readonly: true;*/
}

/*Grid*/
.grid
{
	width: 100%;
}

.grid table
{
	width: 100%;
}

.grid thead
{
	background-color: #66A3D9; /* Gray;*/
	color: White;
}

.grid .date
{
	text-align: right;
}

.grid .numeric
{
	text-align: right;
}

.grid .recordNotFound
{
	width: 100%;
	clear: both;
	font-weight: normal;
	background-color: #E8E3E5;
	padding-top: 5px;
	float: left;
	text-align: center;
}

.SubscriberServices
{
}



.SubscriberServices .header
{
	font: 1.75em Georgia, "Times New Roman" ,Times,serif;
	font-weight: bold;
	color: #005F96; /*#1E4A89;*/
	margin: 2px 0px 2px 0px;
}

.SubscriberServices ul
{
	list-style: none;
}
.SubscriberServices ul li
{
	font: 1.3em Georgia, "Times New Roman" ,Times,serif;
	line-height: 1.3em;
	list-style-image: none;
}



#footer
{
	background-color: #095081; /* #007CC3;*/
	font: normal .8em Arial,Helvetica,sans-serif;
	width: 100%;
	height: 50px;
	color: White;
	vertical-align: middle;
}

#footer a
{
	background-color: #095081; /* #007CC3;*/
	width: 100%;
	height: 30px;
	color: White;
	vertical-align: middle;
	text-decoration: underline;
}



.login
{
	width: 100%;
	background-image: url("../../Images/Iphone.jpg");
	margin: 0;
	padding: 0;
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 700px;
	display: table;
}


.productList
{
	width: 100%;
	display: table;
	text-align: center;
	display: block;
}

.productList .groupHeader
{
	width: 100%;
	display: table;
	font: bold 1.2em Georgia, "Times New Roman" ,Times,serif;
	border-bottom: 1px dotted #E8E3E5;
	margin-bottom: 10px;
}

.productList .ProductItem
{
	width: 100%;
	float: left;
	/*height: 60px;  Khalid 11/Apr/2013 */
	padding-top: 5px;
	display: block;
}

.productList .Logo
{
	border: 0 none;
	height: 50px;
}

.productList .name
{
	/*font: 1.0em Georgia, "Times New Roman" ,Times,serif;*/
	font-size: .8 em;
	font-weight: 600;
	color: #005F96;
}

.productList .name a
{
	
	text-decoration: none;
	
}

.productList .name a:hover
{
	text-decoration: underline;
}

.productList .Link
{
}

/*
.productList
{
	width: 100%;
	display: table;
	text-align: center;
}

.productList .groupHeader
{
	width: 100%;
	display: table;
	font: bold 1.2em Georgia, "Times New Roman" ,Times,serif;
	border-bottom: 1px dotted #E8E3E5;
	margin-bottom: 10px;
}

.productList .ProductItem
{
	width: 33%;
	float: left;
	height: 100px;
	padding-top: 5px;
}

.productList .Logo
{
	border: 0 none;
	height: 30px;
}

.productList .name
{
	font: 1.0em Georgia, "Times New Roman" ,Times,serif;
	font-weight: bold; 
	color: #005F96; 
}

.productList .Link
{
}

*/

/*Client side offers*/

.rateList
{
	width: 100%;
	display: table;
	margin-top: 30px;
}

.rateList .rateItem
{
	width: 100%;
	float: left;
	padding-top: 5px;
	display: table;
	margin-bottom: 10px;
}


.rateList .logo
{
	width: 15%;
	float: left;
	padding-top: 5px;
	display: table;
}
.rateList .description
{
	width: 60%;
	display: table;
	text-align: justify;
	float: left;
}
.rateList .rateItem .title
{
	width: 100%;
	display: table;
	font: bold 1.2em Georgia, "Times New Roman" ,Times,serif;
	margin-bottom: 5px;
	float: left;
}



.rateList .price
{
	width: 20%;
	display: table;
	float: left;
	text-align: right;
	margin-left: 10px;
}

.rateList .amount
{
	width: 100%;
	display: table;
	font: bold 3.0em Georgia, "Times New Roman" ,Times,serif;
	font-weight: bold;
	text-align: right;
	color: #005F96;
}

.rateList .gst
{
	font-weight: normal;
	font-size: .7em;
}

.rateList .Link
{
	width: 20%;
	float: left;
}

.rateList .button
{
	background-color: #EBAF23; /* green;*/
	border: 1px solid #787878;
	cursor: pointer;
	font-size: .9em;
	font-weight: 600;
	padding: 3px 7px 3px 7px;
	color: #005F96;
	width: 100%;
}

.rateList .promotion
{
	width: 100%;
	display: table;
	margin: 5px 0px 5px 0px;
	float: left;
	color: #E08300; /*#005F96;*/
	font-weight: bold;
}

.rateList .promotion .option
{
	font-weight: normal;
	color: Black;
}


rateList .offerImage
{
	background-color: transparent;
}

.rateList .priceDesc
{
	font-size: .85em;
	font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
}



.productSearchMenu
{
	width: 100%;
	clear: both;
	margin-bottom: 30px;
	display: table;
}

.division
{
	width: 100%;
	clear: both;
}


.productSearchMenu .divisionName a
{
	float: left;
	background-color: #fff;
	margin: 0;
	color: #005F96;
	outline: none;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
	font: bold 1em Arial,Helvetica,sans-serif;
	vertical-align: middle;
}

.productSearchMenu .divisionName a:hover
{
	float: left;
	background-color: #fff;
	margin: 0;
	color: #005F96;
	outline: none;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: underline;
	font: bold 1em Arial,Helvetica,sans-serif;
	vertical-align: middle;
}


.productSearchMenu .state a
{
	float: left;
	background-color: #fff;
	margin: 0;
	color: #EBAF23;
	outline: none;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
	font: bold .8em Arial,Helvetica,sans-serif;
	vertical-align: middle;
}

.productSearchMenu .state a:hover
{
	float: left;
	background-color: #fff;
	margin: 0;
	color: #EBAF23;
	outline: none;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: underline;
	font: bold .8em Arial,Helvetica,sans-serif;
	vertical-align: middle;
}



.productSearchMenu .town a
{
	float: left;
	background-color: #fff;
	margin: 0;
	outline: none;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: underline;
	font: normal .8em Arial,Helvetica,sans-serif;
	vertical-align: middle;
}

.productSearchMenu .town a:hover
{
	float: left;
	background-color: #fff;
	margin: 0;
	outline: none;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: underline;
	font: normal .8em Arial,Helvetica,sans-serif;
	vertical-align: middle;
}

.MemberRegistrationTips
{
	background-color: #FFFEE6;
}

.MemberRegistrationTips a
{
	background-color: #EBAF23; /* green;*/
	cursor: pointer;
	font-size: 0.8em;
	font-weight: 600;
	padding: 3px 3px 3px 3px;
	color: #005F96;
	text-decoration: underline;
}

.MemberRegistrationTips a:hover
{
	background-color: #EBAF23; /* green;*/
	cursor: pointer;
	font-size: 0.8em;
	font-weight: 600;
	padding: 3px 3px 3px 3px;
	color: #005F96;
	text-decoration: none;
}

.PaymentConfirmation
{
	text-align: center;
	width: 100%;
	margin-top: 30px;
}

.PaymentConfirmation .title
{
	color: #0E7A00;
	text-align: center;
	font: bold 1em Arial,Helvetica,sans-serif;
}

.PaymentConfirmation .note
{
	color: #0E7A00;
	text-align: center;
	font: bold 1em Arial,Helvetica,sans-serif;
	margin: 5px 0px 5px 0px;
}



.numeric
{
}

.viewAll
{
	width: 100%;
	font: bold 1.0em Arial,Helvetica,sans-serif;
	color: #005F96;
	text-align: right;
	padding-top: 5px;
}


.viewAll a
{
	font: bold 1.0em Arial,Helvetica,sans-serif;
	color: #005F96;
	margin: 0;
	outline: none;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: underline;
	background-color: transparent;
	padding-top: 5px;
}

.viewAll a:hover
{
	font: bold 1.0em Arial,Helvetica,sans-serif;
	color: #005F96;
	margin: 0;
	outline: none;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: underline;
	background-color: transparent;
	padding-top: 5px;
}


.clickToSubs
{
	float: right;
	margin: 3px 3px 3px 3px;
}

.clickToSubs a
{
	background-color: #EBAF23; /* green;*/
	cursor: pointer;
	font-size: 1.0em;
	font-weight: 600;
	padding: 3px 7px 3px 7px;
	color: #005F96;
	text-decoration: underline;
}

.clickToSubs a:hover
{
	background-color: #EBAF23; /* green;*/
	cursor: pointer;
	font-size: 1.0em;
	font-weight: 600;
	padding: 3px 7px 3px 7px;
	color: #005F96;
	text-decoration: none;
}



#faqs
{
	position: relative;
}
#faqs h3
{
	cursor: pointer;
}
#faqs h3.active
{
	color: #EBAF23;
}
#faqs div
{
	position: relative;
}
#faqs div p
{
	padding: 0;
	margin-bottom: 15px;
	text-align: justify;
	padding-right: 10px;
}






.adminRichText
{
	width: 95%;
	height: 300px;
}

.offerRichText
{
	width: 95%;
	height: 100px;
}

.termsandcon
{
	text-align: justify;
	padding-right: 10px;
}



.TCLink
{
	width: 100%;
	font: bold 1.0em Arial,Helvetica,sans-serif;
	color: #005F96;
	text-align: left;
	float: left;
	clear: both;
	padding: 5px 3px 3px 0px;
}


.TCLink a
{
	font: bold 1.0em Arial,Helvetica,sans-serif;
	color: #005F96;
	margin: 0;
	outline: none;
	text-decoration: underline;
	background-color: transparent;
	padding-top: 5px;
	float: left;
	clear: both;
	padding: 5px 3px 3px 0px;
}

.TCLink a:hover
{
	font: bold 1.0em Arial,Helvetica,sans-serif;
	color: #005F96;
	margin: 0;
	outline: none;
	text-decoration: underline;
	background-color: transparent;
	float: left;
	clear: both;
	padding: 5px 3px 3px 0px;
}




.productState
{
}

.productTown
{
}


.reportContainer
{
	width: 950px;
}

.reportData
{
	width: 950px;
	font: normal 1.0em Arial,Helvetica,sans-serif;
}



.reportContainer .reportTitle
{
	color: #095081; /* #007CC3;*/
	font: bold 1.0em Arial,Helvetica,sans-serif;
	width: 100%;
	height: 40px;
	vertical-align: bottom;
	padding-top: 40px; /*border:1px solid gray;*/
}





.subsFoundMsg
{
	font: 1.2em Tahoma;
	color: #279C00;
	margin: 2px 0px 2px 0px;
	text-align: center;
	background-color: #FFFEE6;
	height: 100px;
}

.subsFoundMsg .subsId
{
	font: 1.2em Tahoma;
	font-weight: bold;
	color: #279C00;
	margin: 2px 0px 2px 0px;
	text-align: center;
	vertical-align: middle;
}


.subsFoundMsg a
{
	font: bold 0.8em Arial,Helvetica,sans-serif;
	color: #333;
	margin: 0;
	outline: none;
	text-decoration: underline;
	background-color: transparent;
	padding-top: 5px;
	padding: 5px 3px 3px 0px;
}

.subsFoundMsg a:hover
{
	background-color: #B2D7F7;
	font: bold 0.8em Arial,Helvetica,sans-serif;
	color: #333;
	margin: 0;
	outline: none;
	text-decoration: none;
	background-color: transparent;
	padding: 5px 3px 3px 0px;
}

.subsNotFoundMsg
{
	font: 1.0em Tahoma;
	margin: 2px 0px 2px 0px;
	text-align: center;
	background-color: #FFFEE6;
	height: 100px;
}



.renewalConfirmation
{
	font: 1.2em Tahoma;
	color: #279C00;
	margin: 2px 0px 2px 0px;
	text-align: center;
	background-color: #FFFEE6;
	height: 100px;
}



.productAddress
{
	font-size: .8em;
	padding: 0px 3px 0px 5px;
	font-weight: normal;
	font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
}

.loginTextBox
{
	width: 150px;
}





/*Login Page eedition link*/
.eEditionLinkBlock
{
	border: 0px solid;
	width: 50%;
	float: right;
}

.eEditionLinkBlock .imageBlock
{
	border: 0px solid red;
	float: left;
	display: block;
	clear: both;
	width: 100%;
}
.eEditionLinkBlock .eimage
{
	width: 400px;
	height: 80px;
}

.eEditionLinkBlock .eeblock
{
border:0px solid green; display:block;clear:both;
}
.eEditionLinkBlock .eeText
{
font:bold 1.75em Georgia, Times New Roman ,Times,serif;color:#005F96; padding:0 0 0 15px;
}

.eEditionLinkBlock .link
{
font: bold .9em Arial,Helvetica,sans-serif; color:#005F96;
}




#regOption
{
	font: 1.75em Georgia, "Times New Roman" ,Times,serif;
	font-weight: bold; /*font-size: 1.75em; 	border-bottom: 2px solid #1E4A89;*/
	color: #005F96; /* #1E4A89;*/
	margin: 5px 0px 5px 0px;
	padding:20px 0 0 0;
}



/*Landing Page*/

#LandingBlock
{
	width:600px;
	border:0px solid black;
	margin: 50px 0 0 200px;
    
}

#LandingBlock .Link
{
	width:195px;
	border:0px solid green;
	float:right;
}

#LandingBlock .header
{
	font: 1.2em Georgia, "Times New Roman" ,Times,serif;
	font-weight: bold;
	color: #005F96; /*#1E4A89;*/
	margin: 2px 0px 2px 0px;
	border:0px solid black;
	width:100%;
	clear:both;
	
}
	
#LandingBlock .details
{
	border:0px solid green;
	
	margin:0 0 20px 0;
	width:400px;
	float:left;
}	



#LandingBlock a
{
	background-color: #005F96; /* green;*/
	border: 1px solid #787878;
	cursor: pointer;
	font-size: 1.0em;
	font-weight: 600;
	padding: 3px 7px 3px 7px;
	color: White;
	float:right;
	
}

#LandingBlock .Landinglogo
{
	border:0px solid black;
}

#LandingBlock .Landinglogo .landingImage
{
	text-align:center;
	border:0px solid red;
	
}