.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25%;
	margin-left: -25%;
	background-color: red;
	color: white;
}


body
{
/*--RB 20111125 add FRB background */
   	background: url('../images/content-bg.jpg') #231f20 no-repeat;
	background-position: center top;
	background-attachment: fixed;
	color: #666666;
	line-height: 1.6em;
	width:  100%;
	margin:0;
	padding:0;
/*RB 20111125 Ends*/    
	margin: 0px 0px 0px 0px;
	padding-top: 2px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial;
}

body a:link
{
	color: silver;
	text-decoration: none;
}

body a:visited
{
	color: silver;
	text-decoration: none;
}

body a:hover
{
	color: silver;
	text-decoration: none;
}

.mainTable
{
	background: url(   '../images/header.jpg' ) no-repeat;
	width: 1000px;
	height: 740px;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

.footer
{
	background: url(   '../images/footer.jpg' ) no-repeat;
}

.loginText1
{
	border: 0;
	margin-left: 8px;
	width: 135px;
	margin-top:4px;
}

.loginText2
{
	border: 0;
	width: 135px;
	margin-top:4px;
}

.loginButton
{
	text-align: center;
	width: 90px;
	height: 40px;
	background: url(   '../images/login_button.png' ) no-repeat 0 0;
}

.loginButton:hover
{
	background: url(   '../images/Login_button_CLICKED.png' ) no-repeat 0 0;
}

.loginTable
{
	border-collapse: collapse;
	padding-top: 0px;
	vertical-align: top;
	text-align: left;
}

.logoutTable
{
	border-collapse: collapse;
	padding-top: 20px;
	vertical-align: top;
	text-align: left;
	background: url(   '../images/Top_LogOut_area.png' ) no-repeat 0 0;
}

.buttonTable
{
	border-collapse: collapse;
	padding-top: 0px;
	vertical-align: top;
	text-align: left;
	height: 35px;
}

.cmdJoin
{
	height: 30px;
	text-align: center;
	background: url(   '../images/Top_Botton_Join.gif' ) no-repeat 0 0;
}

.cmdJoin:hover
{
	height: 30px;
	cursor: hand;
	text-align: center;
	background: url(   '../images/Top_Button_join_CLICKED.png' ) no-repeat 0 0;
}
.cmdAbout
{
	height: 30px;
	text-align: center;
	background: url(   '../images/Top_Botton_about.gif' ) no-repeat 0 0;
}

.cmdAbout:hover
{
	height: 30px;
	cursor: hand;
	text-align: center;
	background: url(   '../images/Top_Button_about_CLICKED.png' ) no-repeat 0 0;
}

.cmdHome
{
	height: 30px;
	text-align: left;
	padding-left: 20px;
	background: url(   '../images/Top_Botton_Home.gif' ) no-repeat 0 0;
}

.cmdHome:hover
{
	height: 30px;
	cursor: hand;
	text-align: left;
	background: url(   '../images/Top_Button_home_CLICKED.png' ) no-repeat 0 0;
}

.cmdcmdContentJoin
{
	background-color: black;
	background: url(   '../images/Type_Join_Button.png' ) no-repeat 0 0;
}

.cmdcmdContentJoin:hover
{
	background-color: White;
	cursor: hand;
	background: url(   '../images/Type_Join_Button_CLICKED.png' ) no-repeat 0 0;
}


/* Master 2 */

.mainTable2
{
	background: url(   '../images/Background_2.jpg' ) no-repeat;
	width: 1000px;
	height: 740px;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

.logoutTable
{
	border-collapse: collapse;
	padding-top: 20px;
	vertical-align: top;
	text-align: left;
	background: url(   '../images/Top_LogOut_area.png' ) no-repeat 0 0;
}

.cmdLogout
{
	height: 30px;
	text-align: center;
	background: url(   '../images/login_button.png' ) no-repeat 0 0;
}

.cmdLogout:hover
{
	height: 30px;
	background: url(   '../images/Login_button_CLICKED.png' ) no-repeat 0 0;
}

.sideButton
{
	height: 60px;
	width: 137px;
	text-align: center;
	padding-left: 8px;
	background: url(   '../images/Side_button.png' ) no-repeat 0 0;
}

.sideButton:hover
{
	height: 60px;
	width: 137px;
	cursor: hand;
	text-align: center;
	padding-left: 8px;
	background: url(   '../images/Side_button_CLICKED.png' ) no-repeat 0 0;
}

.sideButtonClicked
{
	height: 60px;
	width: 137px;
	cursor: hand;
	text-align: center;
	color:White;
	padding-left: 8px;
	background: url(   '../images/Side_button_CLICKED.png' ) no-repeat 0 0;
}

.contentButton
{
	height: 30px;
	width: 90px;
	text-align: left;
	padding-left: 25px;
	background: url(   '../images/Type_Join_Button.png' ) no-repeat 0 0;
}

.contentButton:hover
{
	height: 30px;
	width: 90px;
	cursor: hand;
	text-align: left;
	padding-left: 25px;
	background: url(   '../images/Type_Join_Button_CLICKED.png' ) no-repeat 0 0;
}

.txtBox
{
	font-family: Arial;
	border-style: ridge;
	border-width: 1px;
	border-color: Brown;
	background-color: #fff;
	padding: 1px;
	font-size: 14px;
}



#contentdiv
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.productImage
{
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

.imgProduct
{
	max-height: 320px;
	max-width: 500px;
}

.ScrollBars
{
	scrollbar-face-color: brown;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-shadow-color: white;
	scrollbar-arrow-color: white;
	scrollbar-track-color: white;
}


.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.50;
}

.updateProgress
{
	border-width: 1px;
	border-style: solid;
	background-color: #FFFFFF;
	position: absolute;
	width: 220px;
	height: 75px;
	visibility:hidden;
}

.formTableCell
{
	padding-bottom:5px;
	padding-top:5px;
}

.formLabel
{
	font-size: 14px; 
	font-family: Arial;
}

.formTextTableCell
{
	width: 350px;
}

.formTextBoxLong
{
	width: 30em;
}

.contentText
{
	text-align: justify; 
	font-family: Arial; 
	font-size: large;	
}

.normalText
{
	font-family: Arial; 
	font-size: large;	
}

.finePrint
{
	text-align: justify;
	font-family: Arial; 
	font-size: small;
}

.mainContentDiv
{
	text-align:left;
	padding-left:50px; 
	padding-top:30px;
	min-height:439px;
}

.uList
{
	text-align: left; 
	font-family: Arial; 
	font-size: large; 
	padding-left: 30px;	
}

.strongHeading
{
	font-family: Arial; 
	font-size: large;
	color: #B92227;
}

.requiredText
{
	color: red; 
	font-size: small; 
	font-weight:bold;
}

.errorMsg
{
	color: Red;
	Font-Size:Small;
	font-weight: bold;
}

.mainDivForms
{
	text-align: left; 
	padding-left: 50px; 
	padding-right: 70px; 
	padding-top:20px;
}

.mainDivTemplate2
{
	margin-left: 10px; 
	margin-right: 50px; 
	padding-top: 30px;
}

.iFrame
{
	text-align: justify; 
	font-family: Arial; 
	padding:0px 10px 0px 10px;
}

.contentLinks
{
	text-decoration:underline;
	color:Red;
}

.successMsg
{
	color: MediumSeaGreen;
    font-weight: bold;
    Font-Size:small;
}

.loginBoxLink
{
	font-size: x-small; 
	text-align: right; 
	color: Silver; 
	font-weight: bold;
	padding-top: 5px; 
	padding-right: 3px; 
}

.loginBoxLabel{
	font-size: x-small; 
	text-align: center; 
	color: Silver; 
	font-weight: bold;
	padding-top: 3px;
}

.footerLinks
{
	
}

#wrapper
{
    width:1000px;
    margin:auto;
    min-height:750px;
    padding-top:20px;
}

#header
{
    height:149px;
    background:url('../images/header.jpg') no-repeat;
}

#headerLinks
{
    height:64px;
    background:url('../images/headerLinks.jpg') no-repeat;
}

#contentWrapper
{
    min-height:439px;
    background:url('../images/borders.jpg') repeat-y;
}

#contentdiv
{
    background:url('../images/contentbackground.jpg') no-repeat;
}

#footer
{
    height: 73px;
    background:url('../images/footer.jpg') top left no-repeat;
}

#footerLogos
{
    width:549px;
    float:left;
    padding: 40px 0 0 20px;
}

#footerLinks
{
    float:right;
    padding: 40px 20px 0 0;
    font-family: Arial; 
	font-weight: bold; 
	color: Silver; 
	text-align: right;
}

#login
{
    width:450px;
    height:157px;
    float:right;
}

#logout
{
    width:450px;
    height:157px;
    float:right;
}

#headerButtons
{
    width:450px;
    float:right;
}


.triangle-border {
	position:relative;
	left:300px;
	top:-50px;
	padding:10px;
	/*margin:1em 0 3em;*/
	border:5px solid #A52A2A;
	color:#333;
	background:#fff;
	font-size:10px;
	width:400px;
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

/* creates the larger triangle */
.triangle-border:before {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-40px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
	width:0;
	height:0;
	border:20px solid transparent;
	border-top-color:#A52A2A;
}

/* creates the smaller  triangle */
.triangle-border:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-26px; /* value = - border-top-width - border-bottom-width */
	left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#fff;
}

.triangle-border.left {
	margin-left:30px;
}

/* creates the larger triangle */
.triangle-border.left:before {
	top:10px; /* controls vertical position */
	left:-60px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:15px 30px;
	border-style:solid;
	border-color:transparent #A52A2A transparent transparent;
}

/* creates the smaller  triangle */
.triangle-border.left:after {
	top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	left:-42px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:9px 21px;
	border-style:solid;
	border-color:transparent #fff transparent transparent;
}

