*{	font-family: "TELUS Font", Helvetica, Arial, sans-serif }

html { overflow:hidden; }
body { overflow-y:hidden; overflow-x:hidden; padding:0px; margin:0px; text-align:center; background:#303030; }
#wrapper { text-align:left; margin:0 auto; max-width:800px; min-width:800px; height:535px; background:#ffffff;}

#header { height:75px; max-width:800px; min-width:800px; background-image: url( ../graphics/FSE-Help-banner.png ); background-position:top left; background-repeat:no-repeat;}

#header.OrderMgmt { background-image: url( ../graphics/FSE-Help-banner-OrderMgmt.jpg ); }

#header * { display:none; }


#main { width:800px; height:400px; overflow-y:auto; overflow-x:hidden; }


img	{border:0;}

.help-container { width:800px; }

.help-content { overflow-y: hidden; overflow-x:hidden; width: 550px; /*max-width: 560px;*/ float: left;}
.help-content img { /*max-width: 100%; max-height: 100%;*/ max-width:555px; /*margin: auto; display: block;*/  }
.help-content-no-misc { width: 800px; }

.help-content-item { margin: 37px 0px 37px 42px; }
.help-content-item-no-misc { margin: 37px 42px 37px 42px; } 

/* this is the main title */
.help-content-item h1 { /*color: #003d6b;*/ color: #65299E; font-size: 18px; font-weight: bold; margin-bottom: 12px; }
.help-content-item-no-misc h1 { /*color: #003d6b;*/ color: #65299E; font-size: 18px; font-weight: bold; margin-bottom: 12px; }

/* this is the content subheaders */
.help-content-item h2 { /*color: #015289;*/ color: #65299E; font-size: 14px; font-weight: bold; margin-bottom: 8px; }
.help-content-item-no-misc h2 { /*color: #015289;*/ color: #65299E; font-size: 14px; font-weight: bold; margin-bottom: 8px; }

.help-content-item p { color: #666666; line-height: 20px; xfont-family: verdana, arial; font-size: 12px; }
.help-content-item-no-misc p { color: #666666; line-height: 20px; xfont-family: verdana, arial; font-size: 12px; }

.help-misc { /*width: 200px;*/ width:180px; float: right; margin-top: 20px; margin-right:25px;}
.help-video-item { width: 180px; margin: 0 auto; padding: 10px 0px 0px 0px; }

span.title { font-weight: bold; font-size: 8pt; /*color: #54B7DE;*/ color: #65299E; }
span.subtitle { font-weight: bold; font-size: 7pt; color: #999999; }
span.teaser { font-size: 7pt; }

.help-related-topics-item { width: 180px; margin: auto; margin-top: 15px; padding: 8px 0px 0px 0px; }
table.related-topics { margin-top: 5px; width: 180px; }
td.related-topics-item { font-size: 8pt; font-weight: bold; padding-bottom:10px; padding-top:10px; }

a:link, a:visited, a:active { /*color:#51b5e0;*/ color:#65299E; }     
 
/*a:hover {color: #ffffff; background-color:#ffc222;}*/


ul	{margin: 14px 0 14px 0px;}
ul li	{  font-size:.8em; color:#666666; line-height: 18px; margin: 0 0 12px 0; }

ol	{margin: 14px 0 14px 0px;}
ol li	{ font-size:.8em; color:#666666; line-height: 18px; margin: 0 0 12px 0; padding-left: 0px;}



/*a:color { #51b5e0; } 
a:hover { #ffc222; }*/

#footer {  text-align:right; max-width:800px; min-width:800px; height:60px; font-size:12px; background:url(../graphics/FSE-Help-Footer.jpg);/*background:url(http://doclibrary.com/MSC67/IMG/bg-footer-FSE-help.jpg);*/ background-repeat:no-repeat; background-position:left; }

/* for popup Video */

.simple_overlay {
 
    	/* must be initially hidden */
    	display:none;
 
    	/* place overlay on top of other elements */
    	z-index:10000;
 
    	/* styling */
    	background-color:#015697;
    	width:auto;
	height: auto;
    	border:1px solid #666;
	padding: 0px 15px 0px 15px;
 
	/* CSS3 styling for latest browsers */
	-webkit-box-shadow: 1px 1px 20px 4px ;
	-moz-box-shadow: 1px 1px 20px 4px ; 
	-moz-border-radius: 10px 0px 10px 10px;
	border-radius: 10px 0px 10px 10px;
	
}
 
.simple_overlay .close {
    background-image:url( ../graphics/blue_close_x.png );
    position:absolute;
    right:-8px;
    top:-8px;
    cursor:pointer;
    height:20px;
    width:20px;
}