/*---------------------------------------------------------/
|	
|	Author: Copyright (c) 2009 Acro Media Inc. 
|	Purpose: CSS For MemberSuite
| Info: Site is Center Aligned, Max Width: 960px;
|  
+---------------------------------------------------------*/

/*---------------------------------------------------------/
|	Global Elements 
+---------------------------------------------------------*/

html
{
	margin: 0;
	padding: 0;
	border: none;
	background: #fff;
}
html *
{
	outline: none;
}

body
{
	margin: 0;
	padding: 0;
	border: 0;
	font: 13px arial, helvetica;
	color: #4f4f4f;
	background: #fff;
}
input[type=submit],input[type=button] {
    width:160px;
    padding: 2px;
}
a
{
	text-decoration: none;
	font-weight: normal;
	color: #3366cc;
	text-decoration: underline;
	outline: none;
}
a:hover
{
	text-decoration: underline;
	color: #000;
}

p
{
	margin: 0 0 17px 0;
	padding: 0;
}
p.noMarg
{
	margin: 0;
	padding: 0;
}

img
{
	border: 0px;
}

form, sup
{
	margin: 0;
	padding: 0;
}

/*ul
{
	padding: 0;
	margin: 0 0 17px 8px;
	list-style: none;
}
ul li
{
	padding: 0 0 0 11px;
	margin: 0;
	
}

ol
{
	margin: 0 0 17px 24px;
	padding: 0;
	list-style-type: none;
	 
}
ol li
{
	padding: 0;
	margin: 0;
	background: none;
}
ol li ol
{
	list-style: lower-alpha;
}*/

h1
{
	font-family: arial,sans-serif;
	font-size: 22px;
	line-height: 25px;
	
	color: #000;
	padding: 0;
	margin: 0 0 0px 0;
}
h2
{
	font: bold 15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 21px;
	color: #000;
	padding: 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid;
	padding-top: 10px;
	border-bottom-color: #808080;
}
h3
{
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #000;
	padding: 0;
	margin: 0 0 6px 0;
}
h4
{
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #000;
	padding: 0;
	margin: 0 0 6px 0;
}
h5
{
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #000;
	padding: 0;
	margin: 0;
}
h6
{
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #000;
	padding: 0;
	margin: 0;
}

.center
{
	text-align: center;
}
.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}
.clearBoth
{
	clear: both;
}
.clearBothNoSPC
{
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0;
	height: 0;
	line-height: 0;
	float: none;
}
.HR
{
	padding: 0;
	margin: 4px 0 10px 0;
	border-top: 1px solid #e0e0e0;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}
.indent
{
	padding-left: 20px;
}
.imgLT
{
	margin-right: 10px;
	margin-bottom: 4px;
}
.imgRT
{
	margin-left: 30px;
	margin-bottom: 4px;
}
.imgBLK
{
	display: block;
	position: relative;
}
.imgBrdr
{
	border: 1px solid #8c8c8c;
}
.footnote
{
	font-size: 9px;
	color: #3366cc;
}
.callOut
{
	font: normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.hlte {
    color: green;
}
.hlteMon {
    color: green;
}
.hlteWarn {
    color: red;
}
.disabledInput {
    background-color: rgb(235, 235, 228);
    padding: 2px;
    border: 1px solid #999;
}
table
{
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	border-collapse: collapse;
	width: 100%;
}
table thead
{
}
table tbody
{
}
table tr
{
}
table tr.even td
{
	background: #f0f5f6;
}
table tr.odd td
{
	background: #fff;
}
table tr td.rowHead
{
	color: #666;
	font-weight: bold;
}
table tr td.colEven
{
	color: #669999;
}
table tr td.colOdd
{
	color: #336666;
}
 
/*---------------------------------------------------------/
|	Site Container / Wrapper 
+---------------------------------------------------------*/

#siteWrapper
{
	background: #e9e9e9 url(/images/bg_site_body_tile.gif) 50% 0 repeat-y;
}
#siteWrapperTop
{
	background: url(/images/skins/red/bg_site_top_tile.gif) repeat-x;
}
#siteWrapperBottom
{
	background: url(/images/bg_site_bottom_tile.gif) 0 100% repeat-x;
}
#siteWrapperMiddle
{
	background: url(/images/bg_site_bottom_gradient.gif) 50% 100% no-repeat;
}
#siteWrapperTopMiddle
{
	background: url(/images/skins/red/bg_site_side_gradient.gif) 50% 0 no-repeat;
}
#siteContainer
{
	margin: 0 auto;
	width: 940px;
}

#siteContentContWrapper
{
	
}
#siteContentCont
{
	padding: 0 10px 0 10px;
	
}

/* -- 1 Column Site Style -- */

.site1Column #colLeftSml
{
	display: none !important;
}
.site1Column #colRightLrg
{
	float: left !important;
	width: 860px !important;
}
.site1Column #colRightLrg .sectContLrg
{
	background: transparent url(/images/bg_section_1col_dtop_fade.gif) no-repeat !important;
}
#SkinBodyContent
{
    width: 940px;
}
#siteContentHeader
{
	clear: both;
}
#pageTitleCont
{
	float: left;
	margin: 0 0 20px 0;
}
#pageTitleCont h1
{
	
}
#topRightUserNavCont
{
	float: right;
	margin: 0 0 20px 0;
	width: 420px;
}

/* -- User Login Container - Top Right-- */

#userLoginBtnCont
{
	float: left;
	margin-right: 20px !important;
	margin-right: 10px;
}
#userLoginBtnCont a
{
	float: right;
}
#topRightUserNavCont .buttonList
{
	float: left;
	margin: 7px 0 0 0;
	border: none;
}
#topRightUserNavCont .buttonList li
{
	padding: 0 18px 0 0;
}

#topRightUserNavCont .iconBtn span
{
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
#topRightUserNavCont .iconBtn:hover
{
	text-decoration: none;
}
#topRightUserNavCont .iconBtn:hover span
{
	color: #cc0000;
	text-decoration: none;
}

/*---------------------------------------------------------/
|	Site Header
+---------------------------------------------------------*/

#siteHeader
{
	clear: both;
}
#siteHeaderContent
{
	padding: 15px 10px 9px 10px;
}
#siteHeaderContent img
{
	display: block;
}

/*---------------------------------------------------------/
|	Site Content
+---------------------------------------------------------*/

#colLeft
{
	float: left;
	width: 430px;
}
.sectCont
{
	height: 100%;
	background: url(/images/bg_section_top_fade.gif) no-repeat;
	padding: 13px 0 19px 21px;
}

#colRight
{
	float: right;
	width: 430px;
	background: url(/images/bg_section_top_fade.gif) no-repeat;
}

/*---------------------------------------------------------/
|	Primary Navigation
+---------------------------------------------------------*/

#priNavCont
{
	clear: both;
	height: 31px;
}
#priNavContent
{
	float: right;
}
#priNav
{
	margin: 0 50px 0 0;
	padding: 0;
	list-style: none;
}
#priNav li
{
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
	background: none;
}
#priNav li.last
{
	margin: 0 !important;
}
#priNav li a
{
	float: left;
	display: block;
	font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 31px;
	background: url(/images/navigation/bg_pri_nav_tab.gif) top left no-repeat;
	text-decoration: none;
	color: #fff;
}
#priNav li a:hover
{
	text-decoration: none;
	color: #333;
}
#priNav li a span
{
	display: block;
	margin: 0 0 0 5px;
	padding: 7px 18px 0 15px;
	background: url(/images/navigation/bg_pri_nav_tab.gif) top right no-repeat;
}
#priNav li a.active
{
	background: url(/images/navigation/bg_pri_nav_tab.gif) bottom left no-repeat;
	color: #333;
}
#priNav li a.active span
{
	background: url(/images/navigation/bg_pri_nav_tab.gif) right -31px no-repeat;
}

/*---------------------------------------------------------/
|	Side Navigation
+---------------------------------------------------------*/

#sideNavWrap
{
	background: url(/images/bg_side_nav_tile.gif) repeat-y;
	margin: 0 0 10px 0;
	height: 100%;
}
#sideNavCont
{
	background: url(/images/bg_side_nav_bottom.gif) bottom left no-repeat;
}
#sideNavContent
{
	background: url(/images/bg_side_nav_top.gif) top left no-repeat;
	padding: 0 0 25px 0;
}

#sideNavHeader
{
	padding: 15px 0 0 22px;
	height: 45px;
}

#sideNavList ul
{
	margin: 8px 0 0 10px;
	padding: 0;
	list-style: none;
}
#sideNavList li
{
	margin: 0;
	padding: 0;
	background: none;
}
#sideNavList  li a
{
	display: block;
	width: 185px;
	padding: 4px 0 5px 10px;
	color: #000;
	text-decoration: none;
	font: bold 11px Verdana;
}
#sideNavList  li a:hover
{
	color: #cc0000;
	text-decoration: none;
}
#sideNavList  li a.active
{
	background: #999;
	text-decoration: none;
	color: #fff !important;
}

/*---------------------------------------------------------/
|	Site Footer
+---------------------------------------------------------*/


#siteFooterContent
{
	padding: 32px 10px 18px 51px;
}
#siteFooterTitle
{
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 7px 0;
}
#footerLinks
{
	clear: both;
	padding: 0 0 0 13px;
}
#siteFooterContent ul
{
	float: left;
	display: block;
	width: 210px;
	margin: 0;
	padding: 0;
}
#siteFooterContent ul li
{
	padding: 0 12px 0 12px;
	margin: 0 0 2px 0;
	
}
#siteFooterContent ul li a
{
	color: #fff;
	text-decoration: none;
}
#siteFooterContent ul li a:hover
{
	color: #fff;
	text-decoration: underline;
}

#siteFooterLogoCont
{
	height: 80px;
}
#siteFooterLogo
{
	float: right;
	display: block;
}

/*---------------------------------------------------------/
|	Content Specific
+---------------------------------------------------------*/

.redHighlight
{
	color: #cc0000;
}
.subHeading
{
	font-weight: bold;
	padding: 2px 0 6px 0;
}
.noBottomPad
{
	padding-bottom: 0 !important;
}

.simpleList
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.simpleList li
{
	clear: both;
	margin: 0;
	padding: 0;
	background: none;
}

.buttonList
{
	margin: 0;
	padding: 0;
	list-style: none;
	height: 100%;
	border-top: 1px solid #fff; /* Fixes bottom margin in IE8 */
}
.buttonList li
{
	float: left;
	margin: 0;
	padding: 0 24px 0 0;
	background: none;
}
.buttonList li.last
{
	padding: 0 !important;
}
.buttonList.vertical li
{
	clear: both;
	margin: 0;
	padding: 0 0 5px 0;
	background: none;
}
.buttonList a
{
	float: left;
	display: block;
	padding-bottom: 5px;
	padding-top: 2px;
	
}

.iconBtn
{
	display: block;
	width: auto;
	padding: 0 0 0 21px;
	text-decoration: none;
}
.iconBtn span
{
	color: #3366cc;
	text-decoration: underline;
}
.iconBtn:hover
{
	text-decoration: none;
}
.iconBtn:hover span
{
	color: #cc0000;
	text-decoration: underline;
}

.sBtn
{
	display: block;
	background: url(/images/bg_tab_red.gif) top left no-repeat;
	text-decoration: none;
	font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	width: auto !important;
	width: 1px;
}
.sBtn:hover
{
	color: #fff;
	text-decoration: none;
	background: url(/images/bg_tab_red.gif) bottom left no-repeat;
}
.sBtn span
{
	display: block;
	margin: 0 0 0 5px;
	padding: 8px 20px 0 15px;
	height: 23px;
	width: auto !important;
	width: 1px;
	text-decoration: none;
	cursor: pointer;
	background: url(/images/bg_tab_red.gif) top right no-repeat;
}
.sBtn:hover span
{
	background: url(/images/bg_tab_red.gif) right -31px no-repeat;
}

.uBtn
{
	display: block;
	background: url(/images/bg_tab_blue.gif) top left no-repeat;
	text-decoration: none;
	font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
}
.uBtn:hover
{
	color: #fff;
	text-decoration: none;
	background: url(/images/bg_tab_blue.gif) bottom left no-repeat;
}
.uBtn span
{
	display: block;
	margin: 0 0 0 5px;
	padding: 6px 18px 0 14px;
	height: 22px;
	float: left;
	cursor: pointer;
	text-decoration: none;
	background: url(/images/bg_tab_blue.gif) top right no-repeat;
}
.uBtn:hover span
{
	background: url(/images/bg_tab_blue.gif) right -28px no-repeat;
}

.sectTable
{
	margin: 0 0 29px 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	background: none;
}
.sectTable tr td
{
	margin: 0;
	padding: 0 7px 0 0 !important;
	border: none;
	background: none;
}
.sectTable tr.sectTableHeaders td
{
	font-weight: bold;
	padding: 0 0 4px 0 !important;
}
.sectTable tr td.firstCol
{
	width: 192px;
}

/* -- Header Icons -- */

.sectHeaderTitle
{
	padding-top: 4px;
	height: 28px;
}
.sectHeaderTitle h2, .sectHeaderTitle a
{
	margin: 0;
	padding: 0;
	font: bold 15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}

/* -- Form Elements -- */

select
{
	
	color: #000;
	background: #fff;
	padding: 0;
	z-index: 1;
}

input, select, textarea {
	font-weight: normal;
	color:#333333;
	 
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;

	
	font-variant: normal;
	font-style: normal;
	 
}

 

.formElementCol
{
	float: left;
	width: 268px;
	margin: 0 24px 0 0;
}
.formElementCol.last
{
	margin: 0 !important;
}
.formElementItem
{
	clear: both;
	margin: 0 0 4px 0;
}
.formElementLabel
{
	float: left;
	width: 120px;
}
.formElementContent
{
	float: left;
	width: 148px;
}
.formElementContent input
{
	width: 95% !important;
	width: 93%;
}
.formElementContent select
{
	width: 100%;
}

.formCheckList
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.formCheckList li
{
	margin: 0;
	padding: 0 0 3px 0;
	background: none;
}
.formCheckList li label
{
	position: relative;
	top: -2px;
}

.formElementTextareaCont
{
	margin: 0 0 10px 0;
}
.formElementTextareaCont textarea
{
	width: 95%;
	margin: 0 !important;
	height: 121px;
}

.redLink
{
	color: #cc0000;
	text-decoration: underline;
}
.redLink:hover
{
	color: #000;
	text-decoration: underline;
}

.dropMenuCont
{
	clear: both;
}
.dropMenuItems
{
	float: left;
	margin: 0 0 10px 0;
}
.dropMenuItems select
{
	margin: 0 0 0 5px;
}
.dropMenuIcons
{
	float: left;
	margin: 0 0 10px 7px;
}
.dropMenuIcons a
{
	float: left;
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
}
.dropMenuIcons a.last
{
	margin: 0 !important;
}

.textInputCont
{
	clear: both;
}
.textInputCont input
{
	margin: 0 0 0 5px;
}

.radioInputCont
{
	clear: both;
}
.radioInputCont label
{
	position: relative;
	top: -2px;
}

.checkboxInputCont
{
	clear: both;
	position: relative;
}
.checkboxInputCont label
{
	position: relative;
	top: -2px;
}

.labelCheckbox
{
	position: relative;
	top: -2px;
}

.textareaCont
{
	clear: both;
	width: 410px;
}
.textareaCont textarea
{
	width: 400px;
	height: 120px;
}
.textareaCont a
{
	float: right;
}

.formElements
{
	width: 100% !important;
}
.formElements tr td
{
	padding: 0;
	margin: 0;
}

.columnHeader
{
	font-weight: bold;
}

.helpText
{
	font-weight: normal;
	font-size: 10px;
	font-style: italic;
	color: #666666;
	 
}

.requiredField
{
	color: Red;
}

.iconBtnCheck_hover
{
	background: url(/check_lrg.gif) 0 -82px no-repeat;
}

.productListHeader
{
	border-bottom: 1px solid black;
}

.addressValidate
{
	font-size: 10px;
}

.timeout
{
    visibility: hidden;
    z-index: 999;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    border-style: solid;
    border-width: 1px;
    border-color: Red;
}

.bottomButtonContainer {
    margin-top: 10px;
}

.communicationPreferencesWrapper, .customFieldsWrapper {
    margin-bottom: 10px;
}

.tick {
    position: relative;
    top: -18px;
    float: right;
    left: -3px;
}

/*---------------------------------------------------------/
|	Portal 5
+---------------------------------------------------------*/
.btnHandover {
    background: linear-gradient(white, #3366aa, #3366cc);
    border: 0; 
    height: 34px; 
    width: 150px !important; 
    color: white; 
    font-family: sans-serif; 
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
/*---------------------------------------------------------/
|	Password Restrictions
+---------------------------------------------------------*/
.invalid {
    background: no-repeat 0 50%;
    padding-left:22px;
    line-height:24px;
    color:#ec3f41;
}

.valid {
    background: no-repeat 0 50%;
    padding-left:22px;
    line-height:24px;
    color:#3a7d34;
}