/* 
	MASTER STYLE SHEET FOR THE NEW DOT COM WEB SITE
*/

#OuterBody { margin: 0em auto; min-width: 600px; width: 980px; background-color: #FFF;}

#InnerBody { margin: 0; min-width: 600px; background-color: #FFF;}

#ViewPort { margin: 1%; padding: 0; text-align:center; font-family: Verdana; font-size: 1.0em; font-weight: normal; background-color: #FFF;}

body {background-color: #FFF; margin:0px; padding:0px;}

p {	font-family: Verdana,Arial,Lucida,Helvetica,sans-serif;	text-align: left; color: #999;}

.BreadCrumbFrame {  position: relative; float: left; width: 100%; margin: 0.4em 0.0em 0.4em 0.0em; background-color: #FFF; text-align:left; left:24px;}
.BreadCrumbText { font-family: Verdana,Arial,Lucida,Helvetica,sans-serif; font-size: 0.7em; font-weight: normal; color: #666; }
.BreadCrumbText a { font-weight: normal; color: #666; text-decoration: underline;} 
.BreadCrumbText a:link { font-weight: normal; color: #666;} 
.BreadCrumbText a:hover { font-weight: normal; color: #666; text-decoration: underline; } 
.BreadCrumbText a:active { font-weight: normal; color: #666;text-decoration: underline;} 
.BreadCrumbText a:visited { font-weight: normal; color: #666;text-decoration: underline;} 
.BreadCrumbText a:visited:hover { font-weight: normal; color: #666; text-decoration: underline;} 

.QQCloudText { font-family: Verdana,Arial,Lucida,Helvetica,sans-serif; font-size: 0.6em; line-height:1.2em; color:#CCC; text-align:left; }
.QQCloudText a { margin:0; padding: 0.1em 0.25em 0.0em 0.0em; color:#CCC; text-decoration:none; }
.QQCloudText a:hover { margin:0; padding: 0.1em 0.25em 0.0em 0.0em; color:#09F; text-decoration:none; }

#SocialMediaFrame { position: relative; float: left; width: 100%; text-align: left; }
#SocialMediaFramePage { position: relative; float: left; width: 100%; text-align: left; }
#SocialMediaFrameMenu { position: relative; float: left; width: 100%; text-align: left; left: 24px; }

#BackToTop { width:100%; float: left; font-size: 0.8em; font-family:Verdana,Arial,Lucida,Helvetica,sans-serif; font-weight: normal; line-height:1.75em; color: #666666; text-align: left;}
#BackToTop a { color: #666666; text-decoration: none; }
#BackToTop a:link { color: #666666; text-decoration: none; }
#BackToTop a:hover { color: #666666; text-decoration: underline; }
#BackToTop a:active { color: #666666; text-decoration: underline; }
#BackToTop a:visited { color: #666666; text-decoration: none; }
#BackToTop a:visited:hover { color: #666666; text-decoration: underline; }

.PageFrame { width: 100%; clear: right; font-size: 0.8em; margin: 0; padding: 0; text-align: left; }

.PageNavigationFrame { width: 22%; float: left; color: #000; }

.PageWithNavigation { width: 77%; float: right;	color: #000; overflow: hidden; }

.PageLessNavigation { width: 100%; color: #000; overflow: hidden; }
	
.CQParagraphFrame { clear:both; width: 100%; overflow: hidden;}

.ContentFrame { position: relative; float: left; width: 100%; text-align: left; }

.DataTableNone table { font-family: Verdana,Arial,Lucida,Helvetica,sans-serif; font-weight: normal; color:white; width: 90%; border-collapse: collapse; margin-left: 5px; border-width: 0 0 0 0; padding: 0; }
.DataTableNone th { font-family: Verdana,Arial,Lucida,Helvetica,sans-serif; font-weight: normal; color: white; background-color:#0099FF;font-size: 0.8em; font-weight: bold; padding: 2px; border-width: 0 0 0 0; }
.DataTableNone td { font-family: Verdana,Arial,Lucida,Helvetica,sans-serif; font-weight: normal; font-size: 0.8em; color: #666666; padding: 4px; border-width: 0 0 0 0; }

.ContentItemOuterFrameFFFFFF { margin: 0.0em  0.0em  0.7em  0.0em; float: left; width: 100%; background-color: #FFFFFF; }
.ContentItemOuterFrame000000 { margin: 0.0em  0.0em  0.7em  0.0em; float: left; width: 99%;  background-color: #000000; border-left: 0.5em solid #000000; border-right: 0.5em solid #000000; }
.ContentItemOuterFrameCCCCCC { margin: 0.0em  0.0em  0.7em  0.0em; float: left; width: 99%;  background-color: #CCCCCC; border-left: 0.5em solid #CCCCCC; border-right: 0.5em solid #CCCCCC; }
.ContentItemOuterFrame0099FF { margin: 0.0em  0.0em  0.7em  0.0em; float: left; width: 99%;  background-color: #0099FF; border-left: 0.5em solid #0099FF; border-right: 0.5em solid #0099FF; }
.ContentItemOuterFrame003366 { margin: 0.0em  0.0em  0.7em  0.0em; float: left; width: 99%;  background-color: #003366; border-left: 0.5em solid #003366; border-right: 0.5em solid #003366; }
.ContentItemOuterFrame99CC00 { margin: 0.0em  0.0em  0.7em  0.0em; float: left; width: 99%;  background-color: #99CC00; border-left: 0.5em solid #99CC00; border-right: 0.5em solid #99CC00; }
.ContentItemOuterFrameFFCC00 { margin: 0.0em  0.0em  0.7em  0.0em; float: left; width: 99%;  background-color: #FFCC00; border-left: 0.5em solid #FFCC00; border-right: 0.5em solid #FFCC00; }
.ContentItemOuterFrameFF6633 { margin: 0.0em  0.0em  0.7em  0.0em; float: left; width: 99%;  background-color: #FF6633; border-left: 0.5em solid #FF6633; border-right: 0.5em solid #FF6633; }
.ContentItemOuterFrame333333 { margin: 0.0em  0.0em  0.7em  0.0em; float: left; width: 99%;  background-color: #333333; border-left: 0.5em solid #333333; border-right: 0.5em solid #333333; }
.ContentItemOuterFrame666666 { margin: 0.0em  0.0em  0.7em  0.0em; float: left;	width: 99%;  background-color: #666666; border-left: 0.5em solid #666666; border-right: 0.5em solid #666666; }
.ContentItemOuterFrame999999 { margin: 0.0em  0.0em  0.7em  0.0em; float: left;	width: 99%;  background-color: #999999; border-left: 0.5em solid #999999; border-right: 0.5em solid #999999; }
.ContentItemOuterFrameCCEBFF { margin: 0.0em  0.0em  0.7em  0.0em; float: left; width: 99%;  background-color: #CCEBFF; border-left: 0.5em solid #CCEBFF; border-right: 0.5em solid #CCEBFF; }
.ContentItemOuterFrameEEF7D4 { margin: 0.0em  0.0em  0.7em  0.0em; float: left; width: 99%;  background-color: #EEF7D4; border-left: 0.5em solid #EEF7D4; border-right: 0.5em solid #EEF7D4; }
.ContentItemOuterFrameFFF0B2 { margin: 0.0em  0.0em  0.7em  0.0em; float: left;	width: 99%;  background-color: #FFF0B2; border-left: 0.5em solid #FFF0B2; border-right: 0.5em solid #FFF0B2; }
.ContentItemOuterFrameF2F2F2 { margin: 0.0em  0.0em  0.7em  0.0em; float: left;	width: 99%;  background-color: #F2F2F2; border: 0.5em solid #F2F2F2; }

.ContentItemParagraph { float: none; clear: both; }
.ContentItemInnerFrame { width: 100%; float: left; margin: 0.0em 0.0em 0.0em 0.0em; position: relative; }
.ContentItemInnerFrameTinted { width: 100%; float: left; margin: 0.0em 0.5em 0.0em 0.0em; position: relative; }
.ContentItemInnerFrame img { margin: 0.0em 1.0em 0.0em 0.0em; position: relative; float: left; }
.ContentItemInnerFrameTinted img { margin: 0.0em 0.5em 0.0em 0.0em; position: relative; float: left; left: -0.5em; }

.PlainImageBar { margin: 0.5em 0.0em 0.0em 0.0em ; postion: relative; overflow: hidden;	}

.ContentSeparatorCCC {font-family: Verdana,Arial,Lucida,Helvetica,sans-serif; font-size: 0.1em; clear: line-height: 0.1em; both; border-bottom: 1px solid #CCC; }
.ContentSeparator999 {font-family: Verdana,Arial,Lucida,Helvetica,sans-serif; font-size: 0.1em; clear: line-height: 0.1em; both; border-bottom: 1px solid #999; }
.ContentSeparator666 {font-family: Verdana,Arial,Lucida,Helvetica,sans-serif; font-size: 0.1em; clear: line-height: 0.1em; both; border-bottom: 1px solid #666; }
.ContentSeparator333 {font-family: Verdana,Arial,Lucida,Helvetica,sans-serif; font-size: 0.1em; clear: line-height: 0.1em; both; border-bottom: 1px solid #333; }

.LineSpacer010 { line-height: 0.1em; }
.LineSpacer025 { line-height: 0.25em; }
.LineSpacer050 { line-height: 0.5em;  }
.LineSpacer075 { line-height: 0.75em; }
.LineSpacer100 { line-height: 1.00em; }
.LineSpacer125 { line-height: 1.25em; }
.LineSpacer150 { line-height: 1.5em;  }
.LineSpacer175 { line-height: 1.75em; }
.LineSpacer200 { line-height: 2.0em;  }

.NewsReleaseContentFrame { width: 100%; margin: 0.25em 0.0em 1.5em 0.0em; float: left; }
.ListFrameContainer { float:left; width:100%; position:relative; }
.ListFrameContent{ line-height: 1.5em; position:relative; float:left; width: 100%; overflow:hidden;}

.PressContactContainerR { float:left; width:100%; position:relative; overflow:hidden;}
.PressContactContainerL { float:left; width:100%; position:relative; right: 40%; }
.PressContactContentL { float:left; width:59%; position:relative; left:40%; margin: 0.5em 0 0 0; }
.PressContactContentR { float:left; width:30%; position:relative; left:51%; margin: 0.5em 0 0 0;}

.CarouselFrame { position: relative; float: left; width: 100%; border: } 
.CarouselFrameOuter { position: relative; float: left; left: 50%; clear: both;} 
.CarouselFrameInner { position: relative; float: left; right: 50%; clear: both; } 
.CarouselFrameInner img { margin: 0; } 
.CarouselButtonFrame { float: left; position: relative; margin: 0.5em 0.5em 0.5em 0.5em; }

.SideNavigationPanelV2 {color: #000; margin: 0 0 0 0; text-align: left; }

.SideNavigationPanel { font-family: Verdana,Arial,Lucida,Helvetica,sans-serif; font-weight:normal; font-size: 0.8em; color: #000; margin: 0 0 0 0; text-align: left; }
.SideNavigationHeader { width: 100%; font-family: Verdana,Arial,Lucida,Helvetica,sans-serif; font-weight:bold; margin: 0.4em 0 0.2em 0; background-color: #999; color: #FFF; text-align: left; clear: both;}
.SideNavigationHeaderInner { margin: 0.0em 0.3em 0.0em 0.3em; background-color: #999; color: #FFF; text-align: left; line-height:1.7em; }
.SideNavigationOuterFrame { position:relative; float: left; width: 100%; margin: 0.15em 0 0.15em 0; }
.SideNavigationInnerFrame { position:relative; float: left; width: 100%; margin: 0 0 0 0; width: 100%;}

.SideNavigationItem { position:relative; float: left; margin: 0; color: #000; text-align: left;  }
.SideNavigationItem a { position:relative; float: left; margin: 0; color: #000; text-align: left; }
.SideNavigationSingleIcon { position:relative; float: left; width: 8%; margin: 0; text-align: center; }
.SideNavigationDoubleIcon { position:relative; float: left; width: 12%; margin: 0; text-align: right; }

.SideNavigationSingleContent { position:relative; float: left; width: 89%; margin: 0 0 0 1%; }
.SideNavigationDoubleContent { position:relative; float: left; width: 84%; margin: 0 0 0 2%; }

.Input100 { position: relative; float: left; text-align: left; margin-right: 0.5em; display: block ; clear: right; width: 100px;}
.Input150 { position: relative; float: left; text-align: left; margin-right: 0.5em; display: block ; clear: right; width: 100px;}
.Input200 { position: relative; float: left; text-align: left; margin-right: 0.5em; display: block ; clear: right; width: 200px;}
.Input250 { position: relative; float: left; text-align: left; margin-right: 0.5em; display: block ; clear: right; width: 250px;}
.Input300 { position: relative; float: left; text-align: left; margin-right: 0.5em; display: block ; clear: right; width: 300px;}
.Input350 { position: relative; float: left; text-align: left; margin-right: 0.5em; display: block ; clear: right; width: 350px;}
.Input400 { position: relative; float: left; text-align: left; margin-right: 0.5em; display: block ; clear: right; width: 400px;}

.AccessWarningFrame { position: relative; float: left; width: 100%; font-family: Verdana,Arial,Lucida,Helvetica,sans-serif; font-size: 1.0em; font-weight: bold;  background: #F00; color: #FFF; text-align: center; padding: 5px 0; display:block;}

