/* light gold 3: #F8FAAD  light grey 1: #E9E9E9 or really light grey #F7F7F7 */
* {padding:0; margin:0; height:auto; color:#000000;}
body {font-family: Arial, Helvetica, sans-serif; font-size:12pt; background:#4E4E4F;}

#divCar{background:url(../images/Car_bg.png) fixed 0% 0% no-repeat; width:100%; height:100%; margin:0 auto; padding:0; border:none;}
.HeaderAll {width:96%; max-width:1200px; margin:0 auto; padding:1% 0 0 0;}
.HeaderLeft {float:left; width:35%; overflow:hidden;}
.HeaderRight {float:right; width:65%; min-height:300px; text-align:right; background:url(../images/LookingBack.jpg) top right no-repeat; background-size:cover; position:relative;}
.Tag {width:auto; max-width:90%; position:absolute; bottom:5%; right:5%;}
.ScrollContainer {width:98%; height:400px; margin:0 auto; overflow:hidden; position:relative; z-index:2; cursor:pointer;}
.ScrollItem {display:block; width:96%; height:90px; padding:1% 5px 1% 5px; position:absolute; left:1%; z-index:1; overflow:hidden; background:#E2E2E2; font-size:11pt;}
.cat {display:block; height:auto; width:98%; color:#282425; margin:0 auto; padding:0; }


.MainContent {width:96%; max-width:1200px; min-height:500px; margin:0 auto;}
.MainContent ul {margin:0 10% 0 10%; text-align:left;}
.MainContent ul li {list-style-image:url(../images/ListMarker_YellowDot.gif); padding:3px 0 3px 0;}
.ContentLeft {float:left; width:68%; min-height:500px; background:#F7F7F7; margin:10px auto 0 auto; padding:1%; text-align:left;}
.ContentRight {float:right; width:27.9%; min-height:500px; background:#F7F7F7; margin:10px 0 0 1%; padding:0.5%;}
.ContentRightShort {float:left; width:100%; min-height:256px; margin:0 auto; overflow:hidden;}
.ContentRightLong {float:left; width:100%; min-height:300px; background:#F7F7F7; margin:0 0 0 0; padding:0 0 3% 0; overflow:hidden;}
.ContentRightExtra {float:right; width:286px; min-height:240px; height:auto; border:solid 2px #000000; margin:10px auto 0 auto; overflow:hidden; 
					background:#F7F7F7}
.InnerDiv {margin:190px 0 15px 0; padding:0; height:auto; width:286px;}

p {padding:10px 30px 0 40px; text-align:left;}
p.CenterP {padding:10px 0 0 0; text-align:center;}

ol {margin:0 30px 0 50px; text-align:left;}
ol li { padding:3px 0 3px 0;}

h1 {font-size:18px; font-weight:bold; padding:15px; /*color:#282425;*/}
h3 {font-size:16px; font-weight:bold; padding:15px; /*color:#282425;*/}
h4 {font-size:14px; font-weight:bold; padding:5px; /*color:#282425;*/}
h5 {font-size:12px; font-weight:bold; padding:2px; /*color:#282425;*/}

.ImgLogo {width:94%; margin:3% auto;}
.ImgJoin {display:inline-block; width:98%; margin:0 auto; border:solid 2pt #4E4E4F;}
.ImgMenuIcon {display:none; width:36pt; height:32pt; position:absolute; right:0; top:0;}
.ImgMenuIcon:hover {cursor:pointer;}

.ClearAll100 {width:100%; height:0; clear:both;}
.TextRight {text-align:right;}
.TextCenter {text-align:center;}

.FauxHeaderW {display:block; color:#F7F7F7; font-size:14px; font-weight:bold; padding:5px 0 5px 0;}
.FauxHeaderD {display:block; /*color:#282425;*/ font-size:14px; font-weight:bold; padding:5px 0 5px 0;}
.FauxHeaderG {display:block; color:#4C4D4F; font-size:16px; font-weight:bold; padding:15px;}
.FauxHeaderLinks {display:inline; font-size:14px; font-weight:bold; padding:5px;}

.MainContent a {text-decoration:underline; /*color:#282425;*/ color:#000000; display:inline; padding:0; margin:0;}
.MainContent a:visited {text-decoration:underline; /*color:#282425;*/ color:#000000; display:inline; padding:0; margin:0;}
.MainContent a:hover {cursor:pointer; text-decoration:none; color:#000000;}

#divSignIn a, a:visited {text-decoration:underline; color:#F7F7F7; padding:0; margin:0;}
#divSignIn a:hover {color:#999999;}

.TextBox200 {width:200px; height:17px; padding:2px 3px 2px 4px; margin:0;}
.TextBoxNormal {display:block; width:50%; margin:1% auto; padding:1%;}
.TextBoxLarge {display:block; width:80%; margin:1% auto; padding:1%;}

.Left {text-align:left; padding:10px 30px 0 30px;}
.WhiteFont {color:#F7F7F7;}
.WhiteFont:hover {color:#F7F7F7; cursor:pointer;}
.GreyFont {/*color:#282425;*/ color:#000000; font-size:14px; font-weight:bold;}
strong {/*color:#282425;*/ color:#000000; font-size:14px; font-weight:bold;}
.Notification {color:#FF0000; font-weight:bold; display:inline; line-height:16px;}
.NotificationBold {color:#FF0000; font-weight:bold; display:block;}
.FloatLeft {float:left;}
.FloatRight {float:right; z-index:80;}
.Margin5 {margin:5px; max-width:98%;}
.Font14 { font-size:14px;}
.Indent200 {display:block; float:left; width:70%; padding:10px 30px 0 20%; text-align:left;}
.ButtonNormal {width:auto; height:auto; padding:1% 2% 1% 2%; color:#F7F7F7; background:#282425;}
.ButtonNormal:hover {background:#000000; cursor:pointer;}
.ButtonConform {width:auto; background:#282425; padding:1%; margin:1%; border:none; color:#F7F7F7;}
.ButtonConform:hover {background:#000000; cursor:pointer;}
.ButtonNewNormal {display:inline-block; width:52.3%; height:auto; margin:2% 1% 2% 1%; padding:2% 1% 2% 1%; background:#282425; color:#FFFFFF; border:none;}
.ButtonNewNormal:hover {cursor:pointer; background:#999999; color:#000000;}
.NewsLink {font-size:14px; font-weight:bold;}
.GreyFont {color:#4E4E4F;}
.LinkFeature {background:#F8FAAD;}


/* slider menu */
.SlideS {width:auto; height:auto; position:fixed; bottom:0px; right:-300px; text-align:left; overflow:hidden;}
.SlideSHeader {width:40px; height:220px; position:fixed; bottom:150px; right:0; z-index:1001; cursor:pointer; background:#282425 url(../images/SignInTab.png) no-repeat center left;}
.SlideSBody {display:none; width:84%; height:auto; padding:2% 0 2% 0; position:fixed; top:8%; left:8%; z-index:2000; text-align:center; background:#282425 /*url(images/SignInBody.png) no-repeat top left*/; overflow:hidden;}
.MembersTab {width:40px; height:130px; position:fixed; bottom:10px; right:0px; background:url(../images/MembersHome.png) no-repeat top left #282425; }
.MembersTab:hover {cursor:pointer;}

/* ================= password bar =======*/
.Password1 {font-size:14px; font-weight:bold; color:#FF0000;}
.Password2 {font-size:14px; font-weight:bold; color: #FF3300;}
.Password3 {font-size:14px; font-weight:bold; color: #FF9999;}
.Password4 {font-size:14px; font-weight:bold; color:#00A600;}
.PasswordBarBorder {border:#000000 solid 1px; width:150px; height:30px;}
.PasswordBarInner { color:#000000;}
.PasswordBarRed { background-color: #FF0000; }
.PasswordBarPink { background-color: #FF9999;}
.PasswordBarYellow { background-color: #FFFF00;}
.PasswordBarGreen { background-color:#00A600;}

/* ===================== panels ==================*/
.NotificationPanel {width:100%; height:100%; margin:0 auto; /*position:fixed; top:0; left:0; z-index:150;*/}
.pnlEmailError { position:fixed; top:25%; left:40%; z-index:350;}
.divNotificationInner {margin:50px 0 0 0; padding:0 0 15px 0; width:500px; min-height:300px; height:auto; border:#000000 solid 6px; background-color:#F7F7F7;}
.divNewsArticle {/*margin:50px 0 0 0;*/ padding:1%; width:80%; height:80%; position:fixed; top:5%; left:6%; z-index:1000; border:#000000 solid 6px; background-color:#F7F7F7; overflow:scroll;}
.CloseX {display:block; width:40px; height:40px; padding:10px 0 0 0 !important; color:#FFFFFF !important; font-weight:bold; text-align:center; position:absolute; top:0; right:0; z-index:2001; text-decoration:none !important; background:#FF0000;}

/* main menu */
.MM_MainMenu {width:96%; max-width:1200px; height:32pt; margin:10px auto 0 auto; padding:0; text-align:center; background:#282425; overflow:visible; position:relative;}
.MM_MainMenu ul {display:block; width:100%; position:relative;}
.MM_MainMenu ul li {float:left; display:block; width:14%; margin:0 0.2% 0 0; padding:0; list-style:none; position:relative;}
.MM_MainMenu ul li.Last {width:14.8%; margin:0 0 0 0;}
.MM_MainMenu ul li a {display:block; width:98%; margin:0 auto; padding:8pt 0 10pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:9pt; }
.MM_MainMenu ul li span {display:block; width:98%; margin:0 auto; padding:8pt 0 10pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:9pt; }
.MM_MainMenu ul li a:hover {background:#000000; cursor:pointer;}
.MM_MainMenu ul li span:hover {background:#000000; cursor:pointer;}

/* sub menu */
.MM_MainMenu ul li ul {display:none; width:98%; position:absolute; top:100%; left:1%; background:#282425}
.MM_MainMenu ul li ul  li {float:none; display:block; width:100%; margin:0 auto; padding:0; list-style:none;}
.MM_MainMenu ul li ul  li a {display:block; width:100%; margin:0 auto; padding:16pt 0 16pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:10pt;}
.MM_MainMenu ul li ul  li a:hover {background:#000000; cursor:pointer;}
/*
.MM_MainMenu ul li ul {display:none;}
.MM_MainMenu ul li ul li {float:none; display:block; width:100%; margin:0 0 0 0; padding:0; list-style:none;}
.MM_MainMenu ul li ul li a {display:block; width:100%; margin:0 auto; padding:10pt 0 10pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:9pt;}
.MM_MainMenu ul li ul li a:hover {background:#000000; cursor:pointer;}
*/
/*.MM_MainMenu ul li:hover > ul {display:block; width:98%; position:absolute; top:100%; left:1%; background:#282425}*/

/* mobile */
.ImgMenuIcon {width:36pt; height:32pt; position:absolute; right:0; top:0;}

/* footer */
.FooterWrapper {width:90%; min-height:90px; text-align:center; margin:3% auto 0 auto; clear:both;}
.FooterMenu1 {margin:0 auto; width:100%;}
.FooterMenu1 a, a:visited {display:inline-block; width:auto; padding:2%; text-decoration:none; color:#F7F7F7;}
.FooterMenu1 a:hover {text-decoration:underline;}
.FooterMenu2 {margin:0 auto; width:100%;}
.FooterMenu2 a, a:visited {display:inline-block; width:auto; padding:2%; text-decoration:none; color:#F7F7F7;}
.FooterMenu2 a:hover {text-decoration:underline;}
.FooterMenu3 {margin:0 auto; padding:5% 0 4% 0; width:auto; color:#F7F7F7;}

.BottomWrapper {width:90%; margin:1% auto; padding:2% 5% 2% 5%; text-align:right; clear:both;}
.WTC {font-size:8pt; color:#999999 !important;}

.gvBasic {width:90%; padding:0; margin:10px auto 10px auto;}
.gvBasic td {width:auto;}
.gvBasicFooter {text-align:right;}
.gvPaging {width:50%; height:auto; font-size:14pt; font-weight:bold; background:#EFEFEF; padding:0; margin:0;}
.gvPaging table {width:50%; text-align:center;}
.gvPaging table td {width:auto; }
.gvPaging table td a, a:visited {padding:0;}
.gvPaging table td a:hover {cursor:pointer;}
.gvPaging span {padding:0;}
.PageViewing {display:inline;}


@media only screen and (min-width : 100px) {
.HeaderAll {width:90%; max-width:1200px; margin:0 auto; padding:1% 0 0 0;}
.HeaderLeft {float:none; width:85%; margin:0 auto; overflow:hidden; text-align:center;}
.HeaderRight {float:none; width:85%; margin:0 auto; min-height:200px; text-align:right; background:url(../images/LookingBack.jpg) top right no-repeat; background-size:cover; position:relative;}

.ImgLogo {width:100%; margin:3% auto;}

.MainContent {width:90%; max-width:1200px; min-height:500px; margin:0 auto;}
.ContentLeft {float:none; width:83%; min-height:500px; background:#F7F7F7; margin:10px auto 0 auto; padding:1%;}
.ContentRight {float:none; width:83%; min-height:500px; background:#F7F7F7; margin:10px auto 0 auto; padding:1%;}
.ContentRightShort {float:none; width:83%; margin:0 auto 3% auto; 
						overflow:hidden;}
.ContentRightLong {float:none; width:100%; min-height:300px; background:#F7F7F7; margin:0 0 0 0; padding:0 0 3% 0; overflow:hidden;}
.Indent200 {display:block; float:left; width:80%; padding:10px 0 0 10%; text-align:left;}

/* footer */
.FooterWrapper {width:90%; min-height:90px; text-align:center; margin:3% auto 0 auto; clear:both;}
.FooterMenu1 {margin:0 auto; width:100%;}
.FooterMenu1 a, a:visited {display:inline-block; width:auto; padding:2%; text-decoration:none; color:#F7F7F7;}
.FooterMenu1 a:hover {text-decoration:underline;}
.FooterMenu2 {margin:0 auto; width:100%;}
.FooterMenu2 a, a:visited {display:inline-block; width:auto; padding:2%; text-decoration:none; color:#F7F7F7;}
.FooterMenu2 a:hover {text-decoration:underline;}
.FooterMenu3 {margin:0 auto; padding:5% 0 4% 0; width:auto; color:#F7F7F7;}
.BottomWrapper {width:100%; margin:1% auto; padding:0; text-align:center; clear:both;}

.ButtonConform {width:auto; background:#282425; padding:3%; margin:3% 3% 1% 3%; border:none; color:#F7F7F7;}
.ButtonConform:hover {background:#000000; cursor:pointer;}
.PageViewing {display:block;}

/* main menu */
.MM_MainMenu {width:77%; max-width:1200px; height:31pt; margin:10px auto 0 auto; padding:0; text-align:center; background:#282425; overflow:visible; position:relative;}
.MM_MainMenu ul {display:none; width:50%; position:fixed; top:10%; left:0; z-index:100; background:#4E4E4F;}
.MM_MainMenu ul li {float:none; display:block; width:100%; margin:0 0 0 0; padding:0; list-style:none; position:relative;}
.MM_MainMenu ul li.Last {width:100%; margin:0 0 0 0;}
.MM_MainMenu ul li a {display:block; width:98%; margin:0 auto; padding:16pt 0 16pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:9pt; }
.MM_MainMenu ul li span {display:block; width:98%; margin:0 auto; padding:16pt 0 16pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:9pt; }
.MM_MainMenu ul li a:hover {background:#000000; cursor:pointer;}
.MM_MainMenu ul li span:hover {background:#000000; cursor:pointer;}
/* sub menu */
.MM_MainMenu ul li ul {display:none; width:98%; position:relative; top:0%; left:1%; background:#282425}
.ImgMenuIcon {display:block; width:36pt; height:31pt; position:absolute; right:0; top:0;}

/* mobile menu */
.MM_MobileMenu {display:none; width:50%; height:90%; min-height:600px; position:absolute; top:5%; left:0; background:#282425;}
.MM_MobileMenu ul {display:block; width:100%; position:relative;}
.MM_MobileMenu ul li {float:none; display:block; width:100%; margin:0 0 0 0; padding:0; list-style:none; position:relative;}
.MM_MobileMenu ul li.Last {width:100%; margin:0 0 0 0;}
.MM_MobileMenu ul li a {display:block; width:100%; margin:0 auto; padding:16pt 0 16pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:10pt; }
.MM_MobileMenu ul li span {display:block; width:100%; margin:0 auto; padding:16pt 0 16pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:10pt; }
.MM_MobileMenu ul li a:hover {background:#000000; cursor:pointer;}
.MM_MobileMenu ul li span:hover {background:#000000; cursor:pointer;}
/* mobile sub menu */
.MM_MobileMenu ul li ul {display:none; width:98%; position:relative; top:0%; left:1%; background:#4E4E4F}
.MM_MobileMenu ul li ul  li {float:none; display:block; width:100%; margin:0 auto; padding:0; list-style:none;}
.MM_MobileMenu ul li ul  li a {display:block; width:100%; margin:0 auto; padding:16pt 0 16pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:10pt;}
.MM_MobileMenu ul li ul  li a:hover {background:#000000; cursor:pointer;}

}

@media only screen and (min-width : 700px) {
.HeaderAll {width:86%; max-width:1200px; margin:0 auto; padding:1% 0 0 0;}
.HeaderLeft {float:left; width:40%; margin:0 auto; overflow:hidden; text-align:left;}
.HeaderRight {float:right; width:60%; margin:0 auto; min-height:230px; text-align:right; background:url(../images/LookingBack.jpg) top right no-repeat; background-size:cover; position:relative;}

.ImgLogo {width:90%; margin:3% auto;}

.MainContent {width:86%; max-width:1200px; min-height:500px; margin:0 auto;}
.ContentLeft {float:none; width:98%; min-height:500px; background:#F7F7F7; margin:10px auto 0 auto; padding:1%;}
.ContentRight {float:none; width:99%; min-height:500px; background:#F7F7F7; margin:10px auto 0 auto; padding:0.5%;}
.ContentRightShort {float:none; width:50%; min-height:256px; margin:0 auto 3% auto; 
						overflow:hidden;}
.ContentRightLong {float:none; width:100%; min-height:300px; background:#F7F7F7; margin:0 0 0 0; padding:0 0 3% 0; overflow:hidden;}
.Indent200 {display:block; float:left; width:70%; padding:10px 0 0 20%; text-align:left;}

/* footer */
.FooterWrapper {width:90%; min-height:90px; text-align:center; margin:3% auto 0 auto; clear:both;}
.FooterMenu1 {margin:0 auto; width:100%;}
.FooterMenu1 a, a:visited {display:inline-block; width:auto; padding:2%; text-decoration:none; color:#F7F7F7;}
.FooterMenu1 a:hover {text-decoration:underline;}
.FooterMenu2 {margin:0 auto; width:100%;}
.FooterMenu2 a, a:visited {display:inline-block; width:auto; padding:2%; text-decoration:none; color:#F7F7F7;}
.FooterMenu2 a:hover {text-decoration:underline;}
.FooterMenu3 {margin:0 auto; padding:5% 0 4% 0; width:auto; color:#F7F7F7;}
.BottomWrapper {width:85%; margin:1% auto; padding:2% 10% 2% 5%; text-align:right; clear:both;}

.ButtonConform {width:auto; background:#282425; padding:1%; margin:1%; border:none; color:#F7F7F7;}
.ButtonConform:hover {background:#000000; cursor:pointer;}
.PageViewing {display:inline;}

/* main menu */
.MM_MainMenu {width:86%; max-width:1200px; height:31pt; margin:10px auto 0 auto; padding:0; text-align:center; background:#282425; overflow:visible; position:relative;}
.MM_MainMenu ul {display:none; width:100%; position:relative; top:0; left:0;}
.MM_MainMenu ul li {float:none; display:block; width:100%; margin:0 0 0 0; padding:0; list-style:none; position:relative;}
.MM_MainMenu ul li.Last {width:100%; margin:0 0 0 0;}
.MM_MainMenu ul li a {display:block; width:100%; margin:0 auto; padding:16pt 0 16pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:10pt; }
.MM_MainMenu ul li span {display:block; width:100%; margin:0 auto; padding:16pt 0 16pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:10pt; }
.MM_MainMenu ul li a:hover {background:#000000; cursor:pointer;}
.MM_MainMenu ul li span:hover {background:#000000; cursor:pointer;}
/* sub menu */
.MM_MainMenu ul li ul {display:none; width:98%; position:relative; top:0%; left:1%; background:#282425}
.ImgMenuIcon {display:block; width:36pt; height:31pt; position:absolute; right:0; top:0;}

/* mobile menu */
.MM_MobileMenu {display:none; width:50%; height:90%; min-height:600px; position:absolute; top:5%; left:0; background:#282425;}
.MM_MobileMenu ul {display:block; width:100%; position:relative;}
.MM_MobileMenu ul li {float:none; display:block; width:100%; margin:0 0 0 0; padding:0; list-style:none; position:relative;}
.MM_MobileMenu ul li.Last {width:100%; margin:0 0 0 0;}
.MM_MobileMenu ul li a {display:block; width:100%; margin:0 auto; padding:16pt 0 16pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:10pt; }
.MM_MobileMenu ul li span {display:block; width:100%; margin:0 auto; padding:16pt 0 16pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:10pt; }
.MM_MobileMenu ul li a:hover {background:#000000; cursor:pointer;}
.MM_MobileMenu ul li span:hover {background:#000000; cursor:pointer;}
/* mobile sub menu */
.MM_MobileMenu ul li ul {display:none; width:98%; position:relative; top:0%; left:1%; background:#4E4E4F}
.MM_MobileMenu ul li ul li {float:none; display:block; width:100%; margin:0 auto; padding:0; list-style:none;}
.MM_MobileMenu ul li ul li a {display:block; width:100%; margin:0 auto; padding:16pt 0 16pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:10pt;}
.MM_MobileMenu ul li ul li a:hover {background:#000000; cursor:pointer;}


}


@media only screen and (min-width : 1200px) {
.HeaderAll {width:96%; max-width:1200px; margin:0 auto; padding:1% 0 0 0;}
.HeaderLeft {float:left; width:35%; margin:0 auto; overflow:hidden; text-align:left;}
.HeaderRight {float:right; width:65%; min-height:300px; margin:0 auto; text-align:right; background:url(../images/LookingBack.jpg) top right no-repeat; background-size:cover; position:relative;}

.ImgLogo {width:94%; margin:3% auto;}

.MainContent {width:96%; max-width:1200px; min-height:500px; margin:0 auto;}
.ContentLeft {float:left; width:68%; min-height:500px; background:#F7F7F7; margin:10px auto 0 auto; padding:1%;}
.ContentRight {float:left; width:27.9%; min-height:500px; background:#F7F7F7; margin:10px 0 0 1%; padding:0.5%;}
.ContentRightShort {float:left; width:100%; min-height:256px; margin:0 auto; overflow:hidden;}
.ContentRightLong {float:left; width:100%; min-height:300px; background:#F7F7F7; margin:0 0 0 0; padding:0 0 3% 0; overflow:hidden;}
.Indent200 {display:block; float:left; width:70%; padding:10px 30px 0 20%; text-align:left;}

/* footer */
.FooterWrapper {width:90%; min-height:90px; text-align:center; margin:3% auto 0 auto; clear:both;}
.FooterMenu1 {margin:0 auto; width:100%;}
.FooterMenu1 a, a:visited {display:inline-block; width:auto; padding:1%; text-decoration:none; color:#F7F7F7;}
.FooterMenu1 a:hover {text-decoration:underline;}
.FooterMenu2 {margin:0 auto; width:100%;}
.FooterMenu2 a, a:visited {display:inline-block; width:auto; padding:1%; text-decoration:none; color:#F7F7F7;}
.FooterMenu2 a:hover {text-decoration:underline;}
.FooterMenu3 {margin:0 auto; padding:3% 0 2% 0; width:auto; color:#F7F7F7;}
.BottomWrapper {width:90%; margin:1% auto; padding:2% 5% 2% 5%; text-align:right; clear:both;}

.ButtonConform {width:auto; background:#282425; padding:1%; margin:1%; border:none; color:#F7F7F7;}
.ButtonConform:hover {background:#000000; cursor:pointer;}
.PageViewing {display:inline;}

/* main menu */
.MM_MainMenu {width:96%; max-width:1200px; height:31pt; margin:10px auto 0 auto; padding:0; text-align:center; background:#282425; overflow:visible; position:relative;}
.MM_MainMenu ul {display:block; width:100%; position:relative; top:0; left:0;}
.MM_MainMenu ul li {float:left; display:block; width:14%; margin:0 0.2% 0 0; padding:0; list-style:none; position:relative;}
.MM_MainMenu ul li.Last {width:14.8%; margin:0 0 0 0;}
.MM_MainMenu ul li a {display:block; width:98%; margin:0 auto; padding:10pt 0 10pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:9pt;}
.MM_MainMenu ul li span {display:block; width:98%; margin:0 auto; padding:10pt 0 10pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:9pt; }
.MM_MainMenu ul li a:hover {background:#000000; cursor:pointer;}
.MM_MainMenu ul li span:hover {background:#000000; cursor:pointer;}

/* sub menu */
.MM_MainMenu ul li ul {display:none; width:99%; position:absolute; top:100%; left:0%; background:#282425}
.MM_MainMenu ul li ul li {float:none; display:block; width:100%; margin:0 auto; padding:0; list-style:none;}
.MM_MainMenu ul li ul li a {display:block; width:100%; margin:0 auto; padding:16pt 0 8pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:10pt;}
.MM_MainMenu ul li ul li a:hover {background:#000000; cursor:pointer;}
.ImgMenuIcon {display:none; width:36pt; height:31pt; position:absolute; right:0; top:0;}

/* mobile menu */
.MM_MobileMenu {display:none; width:50%; height:90%; min-height:600px; position:absolute; top:5%; left:0; background:#282425;}
.MM_MobileMenu ul {display:block; width:100%; position:relative;}
.MM_MobileMenu ul li {float:none; display:block; width:100%; margin:0 0 0 0; padding:0; list-style:none; position:relative;}
.MM_MobileMenu ul li.Last {width:100%; margin:0 0 0 0;}
.MM_MobileMenu ul li a {display:block; width:100%; margin:0 auto; padding:16pt 0 16pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:10pt; }
.MM_MobileMenu ul li span {display:block; width:100%; margin:0 auto; padding:16pt 0 16pt 0; text-align:center; color:#FFFFFF; text-decoration:none; font-size:10pt; }
.MM_MobileMenu ul li a:hover {background:#000000; cursor:pointer;}
.MM_MobileMenu ul li span:hover {background:#000000; cursor:pointer;}
/* mobile sub menu */
.MM_MobileMenu ul li ul {display:none; width:98%; position:relative; top:0%; left:1%; background:#282425}

}