﻿/********** Universal (common) styles **********/

body {
	margin:0;
	font-size:11px;
	font-family:Arial;
    color:#000000;
	background-color:#f6f4e8;
    padding:0px;
   	width:100%;
   	min-height:100%;
	height:100%;
	background-repeat:no-repeat;
}

img 
{
    padding:0px;
    margin:0px;
    border-collapse:collapse;
}



     
.Maintable
{
    margin-left: auto;
    margin-right: auto;
    width:800px;
    margin-top:0px;
    padding:0px;
    border-collapse:collapse;
    
    
}
.Maintable2
{
    margin-left: auto;
    margin-right: auto;
    width:900px;
    
    margin-top:0px;
    padding:0px;
    border-collapse:collapse;
    
    
}
.Maintable2 .td1
{
    padding:0px;
    border-collapse:collapse;
}


.Maintable .td
{
    padding:0px;
    border-collapse:collapse;
}


.Smalltable
{
    width:100%;
    height:100%;
    border-collapse:collapse;
}



.logo 
{
    background-image:url('header_2.png');
    background-repeat:no-repeat;
    width:100px;
    height:110px;
    padding:0px;
    margin:0px;
    border-collapse:collapse;
}



.item, .alternatingItem
{
    float: left;
    padding: 15px;
    margin: 5px;
    width: 200px;
    height: 100px;
    border: 1px solid threedshadow;
}

.item
{
    background: whitesmoke !important;	
}
.alternatingItem
{
    background: window !important;	
}

.item:hover, .alternatingItem:hover
{
    background: silver !important;	
}


/********** Wrapper Cells **********/
.WPleftnav { /* = | - | - */
	padding: 2px 3px 2px 0px;
	vertical-align:top;
	width:30%;
	margin-top:7px;
	
	
}

.WPrightNav { /* - | - | = */
	padding:0px 0px 0px 6px;
	border-left:solid 1px #f;
	vertical-align:top;
	width:30%;
}

.WPcontentFull { /* =  =  = */
	padding:0px 0px 0px 0px;
	vertical-align:top;
	width:100%;
	
}
.WPcontentNoRN { /* - | =  = */
	padding: 2px 0px 2px 0px;
	vertical-align:top;
	width:67%;
	margin-top:7px;
	
	
}
.MenuFlow { /* =  =  = */
	padding:0px 0px 0px 0px;
	vertical-align:top;
	width:30%;
	margin-top:0px;
	
}
.WPcontentMiddle { /* - | = | - */
	padding:0px 7px 0px 7px;
	vertical-align:top;
	width:3%;
}



        
/******************Menu*****************************/

div.MGSMenu
{
	padding:2px 0px 2px 10px;
	border-collapse:collapse;
	width:100%;
	text-decoration:none;
	font-family: Arial;
    font-weight:bold;
    font-size:12px;
    background-color:#d7c9b7;
    border:solid 1px #ffffff;
    margin-top:5px;
    
    
}

div.MGSMenu .rmItem .rmLink .rmText
{
    padding:2px 0px 2px 10px;
    margin:0px 0px 0px 0px;
}

div.MGSMenu .rmItem .rmLink .rmText:hover
{
    padding:2px 0px 2px 10px;
    margin:0px 0px 0px 0px;
    cursor:pointer;
	color:#df8223;
    
}

div.MGSMenu .rmLink:focused,
div.MGSMenu .rmFocused
{
	border:0px;
	text-decoration: none;
	padding:2px 0px 2px 10px;
	margin:0px 0px 0px 0px;
    border-collapse:collapse;   
}


 div.MGSMenu .rmItem .rmLink .rmLeftImage,
 div.MGSMenu .rmItem .rmLink

 {
    padding:2px 0px 2px 10px;
    background-image:url('icon.png');
	background-repeat:no-repeat;
    cursor:pointer;
    color:#525252;
    text-decoration:none;
    
   
}


div.MGSMenu .rmItem .rmLink .rmLeftImage:hover,
div.MGSMenu .rmItem .rmFocused,
div.MGSMenu .rmItem .rmExpanded
{
    margin:0px 0px 0px 0px;
    padding:2px 0px 2px 10px;
	border-collapse:collapse;
	cursor:pointer;
	color:#df8223;
}

div.MGSMenu .rmRootGroup .rmLink
{
    overflow: visible;
}

/* adjustment of item in menu bar drop down list*/
div.MGSMenu .rmGroup
{
    padding:0px 0px 0px 0px;
    margin :0px 0px 0px 0px;
    background-color: #f6f4e8;
	border: solid 1px #b6ae6b;
	font-size:11px;
	border-collapse:collapse;
	background-image:none;
}

div.MGSMenu .rmGroup .rmLink
{
    text-decoration: none;
	color:#525252;
	text-align:left;
	background-image:none;
	
}
div.MGSMenu .rmGroup .rmLink .rmText
{
    padding:0px 0px 0px 0px;	
    margin :0px 0px 0px 0px;
    background-image:none;	
}

div.MGSMenu .rmGroup .rmLink:hover .rmText,
div.MGSMenu .rmGroup .rmFocused .rmText,
div.MGSMenu .rmGroup .rmExpanded .rmText
{
    padding:0px 0px 0px 0px;
 	cursor:pointer;
	color:#df8223;
	background-image:none;
}
/*end*/

/* adjustment of menu bar slide*/
div.MGSMenu .rmSlide
{
   text-decoration:none;
   padding:0px 0px 0px 0px;
   
}

div.MGSMenu .rmSlide .rmLink .rmText,
div.MGSMenu .rmSlide .rmLink .rmText:hover
{
   text-decoration:none;
   padding:0px 0px 0px 0px;
   background-image:url('none');
}

div.MGSMenu .rmLevel1 .rmSlide
{
    text-decoration:none;
    padding:0px 0px 0px 0px;
    margin:-1px 0px 0px 0px;
}

div.MGSMenu .rmLevel1 .rmSlide .rmLink .rmText,
div.MGSMenu .rmLevel1 .rmSlide .rmLink .rmText:hover
{
    text-decoration:none;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

div.MGSMenu .rmLevel2 .rmSlide
{
    text-decoration:none;
     padding:0px 0px 0px 0px;
     margin:-1px 0px 0px 0px;
}

div.MGSMenu .rmLevel2 .rmSlide .rmLink .rmText,
div.MGSMenu .rmLevel2 .rmSlide .rmLink .rmText:hover
{
    text-decoration:none;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

div.MGSMenu .rmLevel3 .rmSlide
{
    text-decoration:none;
    padding:0px 0px 0px 0px;
    margin:-1px 0px 0px 0px;
}
div.MGSMenu .rmLevel3 .rmSlide .rmLink .rmText,
div.MGSMenu .rmLevel3 .rmSlide .rmLink .rmText:hover
{
    text-decoration:none;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}
/*end*/


.ContainerTable
{
    padding:0px;
	margin-bottom:2px;
	border-collapse:collapse;
    
}

.Header
{
    padding:0px;
}

.HeaderPadding
{
    background-image:url('contentheaderpadding.png');
	background-repeat:repeat-x;
	color:#ffffff;
	font-family:Trajan Pro;
	font-size:14px;
	font-weight:bold;
	padding: 3px 7px 3px 7px;
	height:56px;
	
}

.Content { /* the padding for the cell under the red bar (insert another table in this cell to format text style) */
	padding:7px;
	vertical-align:top;
	border:none;
	background-image:url('bodyimage.png');
	background-repeat: repeat-x;
	font-family:Arial;
	color:#000000;
	font-size:12px;
	height:100%;
	
	
}

.CtrlWrapper
{
    width:100%;
    padding:7px;
}

.CtrlHeader
{
    width:20%;
    color:#000000;
	font-size:12px;
	font-family: "Segoe UI", "Myriad Pro", Arial;
	font-weight:bold;
	padding:3px;
	text-align:right;
}

.CtrlInput
{
    width:80%;
    color:#000000;
	font-size:12px;
	font-family: "Segoe UI", "Myriad Pro", Arial;
	padding:3px;
}

.CtrlTerms
{
    padding:3px;
    border:solid 1px #000000;
}

.EpayLogin
{
     width:100%;
     border: none;
     padding:0px 0px 0px 30px;
     background-color:transparent;
     color:#000000;
     text-decoration:none;
     font-size:12px;
}

.EpayLoginSubTable1
{
    width:100%;
  padding:0px 0px 0px 2px;
    border-right: solid 2px #f0c126;
    color:#000000;
    text-decoration:none;
}

.EpayLoginSubTable2
{
    width:100%;
  padding:0px 0px 0px 2px;
    vertical-align:top; 
    color:#000000;
    text-decoration:none;
}

.EpayLoginTitle
{
    color:#000000;
	font-size:12px;
	font-family: Arial;
	padding:0px 0px 0px 2px;
	font-weight:normal;
	text-decoration:none;

}

.EpayLoginTitleInput
{
    color:#000000;
	font-size:12px;
	font-family:  Arial;
	padding:0px 0px 0px 2px;
	text-decoration:none;
}
.EpayLoginInput
{
    padding:0px 0px 0px 2px;
    color:#000000;
    text-decoration:none;
}

.EpayLoginCommand
{
    padding:0px 5px 0px 5px;
    color:#000000;
    text-decoration:none;
}

.EpayLoginCommand:link , .EpayLoginCommand:visited
{
    padding:0px 5px 0px 5px;
    color:#000000;
    text-decoration:none;
}

.EpayLoginCommand:hover , .EpayLoginCommand:active
{
    padding:0px 5px 0px 5px;
    color:#df8223;
    text-decoration:none;
}

.EpayLoginButton
{
	background:#64462e;
	color:#ffffff;
	border:solid 1px #ffffff;
	
}


.EpayRegister
{
    width:100%;
    padding:7px;
    background-color:#ffffff;
}

.EpayRegisterHeader
{
    color:#000000;
	font-size:14px;
	font-family: "Segoe UI", "Myriad Pro", Arial;
	padding:7px;
	font-weight:bold;
	background-color:#d1c98a;
}
.WrapperBodyHeaderLeft
{
    background-image:url('body_round_cor_top_left.png');
    background-repeat:no-repeat;
    width:17px;
    height:28px;
}
.WrapperBodyHeader
{
    background-image:url('body_header.png');
    background-repeat:repeat-x;
    height:28px;
}
.WrapperBodyHeaderRight
{
    background-image:url('body_round_cor_top_right.png');
    background-repeat:no-repeat;
    width:17px;
    height:28px;
}
.WrapperBodyLeft
{
    background-image:url('body_repeat_left.png');
    background-repeat:repeat-y;
}
.WrapperBodyRight
{
    background-image:url('body_repeat_right.png');
    background-repeat:repeat-y;

}
.WrapperBodyFooter
{
    background-image:url('body_footer.png');
    background-repeat:repeat-x;
    height:28px;
    
}
.WrapperBodyBottomLeft
{
    background-image:url('body_round_cor_bottom_left.png');
    background-repeat:no-repeat;
    width:17px;
    height:28px;
}
.WrapperBodyBottomRight
{
    background-image:url('body_round_cor_bottom_right.png');
    background-repeat:no-repeat;
    width:17px;
    height:28px;
}
a.text:link
{
    color:#000000;
    text-decoration:none;
    font-size:10pt;
}
a.text:visited
{
    color:#000000;
    text-decoration:none;
    font-size:10pt;
}

a.text:hover
{
color:#df8223;   
text-decoration:none;
font-size:10pt;

}

a.text:active
{
    color:#ffffff;
    text-decoration:none;
    font-size:10pt;
}

a.menu_bar:link
{
    font-size:12px;
    font-weight:bold;
    color:#525252;
    text-decoration:none;
}
a.menu_bar:Visited
{
    font-size:12px;
    font-weight:bold;
    color:#525252;
    text-decoration:none;
}
a.menu_bar:Hover
{
    font-size:12px;
    font-weight:bold;
    color:#df8223;
    text-decoration:none;
}
a.menu_bar:active
{
    font-size:12px;
    font-weight:bold;
    color:#525252;
    text-decoration:none;
}




      
      
   




