/*--------------------------------------------------------------
* Copyright (c) 2006 TELUS Communications Inc.,
*
* All Rights Reserved.
* This document contains proprietary information that shall be
* distributed or routed only within TELUS, and its authorized
* clients, except with written permission of TELUS.
*
* Description: Default styles for all browser/devices
*--------------------------------------------------------------*/

body, th, td { font-family: Arial, Helvetica, sans-serif; color: #333333; text-align:left; font-size: 13px; }

body {
	margin:0;
	margin-left:auto;
	margin-right:auto;
    padding:0;
    font-family:arial,helvetica,sans-serif;
    color:#333333;
    background: #ffffff url('http://www.mytelus.com/global/images/pageBackground.gif') 0 0 repeat-x;
}
 
#page {width: 975px; margin :auto; text-align:left;}

/* ------------------------------------------------------------------------------ */

* { margin: 0; padding: 0;}
a { text-decoration: none; color: #000000;}
a:hover {text-decoration: underline;}

/* headers*/
h3.gryHd { font-size: 15px; color: #414141; margin: 5px 0;}
h3.newsSub { font-size: 15px; color: #6c0; margin: 0 5px;}
h3.newsSubNoMar { font-size: 15px; color: #6c0;}

/* Tabs */
h3.tab1 { font-size: 16px; color: #49166d; margin: 5px 0 2px 10px;}
.tabbutton { height:28px; background:url('/global/images/tabs/back.gif') no-repeat;padding-left:3px; font-size: 11px !important;}

.tabbutton_on {float:left;}
.tabbutton_on div {float:left;height:28px;}
.tabbutton_on span {float:left;font-size:13px;line-height:28px;height:28px;padding-left:5px;padding-right:5px;background:url('/global/images/tabs/on_back.gif');}
.tabbutton_on a {text-decoration:none;color:#390;}
.tabbutton_on a:hover {text-decoration:underline;}
.tabbutton_on .tabbutton_left{width:5px;background:url('/global/images/tabs/on_left.gif');}
.tabbutton_on .tabbutton_right{width:6px;background:url('/global/images/tabs/on_right.gif');}

.tabbutton_off {float:left;}
.tabbutton_off div {float:left;height:28px;}
.tabbutton_off span {float:left;font-size:13px;line-height:28px;height:28px;padding-left:5px;padding-right:5px;background:url('/global/images/tabs/off_back.gif');}
.tabbutton_off a {text-decoration:none;color:#666;}
.tabbutton_off a:hover {text-decoration:underline;}
.tabbutton_off .tabbutton_left{width:6px;background:url('/global/images/tabs/off_left.gif');}
.tabbutton_off .tabbutton_right{width:6px;background:url('/global/images/tabs/off_right.gif');}

.tab_visible { clear:both; }
.tab_hidden { display:none; }
.tabpadding { padding: 10px 15px;}

.tabpadding ul { list-style: none; margin: 0;}
.tabpadding ul li { background: url(/global/images/bullet1.gif) no-repeat 0 5px; padding:0 0 3px 10px;}
.tabpadding ol {margin:0 0 0 22px; padding:0;}
.tabpadding ol li {color:#66CC00;padding-bottom:3px;}
.tabpadding ol span, ol strong {color:#333333;}
.tabpadding .twocols {float:left; width:135px;}

.tabBottomLink { padding:0 0 5px 10px;}
.tabBottomLink a { color: #6c0;}
.tabBottomLink a:hover { text-decoration: underline; }

.tabBg {
	background:#FFFFFF url(/global/images/tabs/horBgGradient.gif) repeat-y scroll 0pt;
}
.tabColorLink { color: #6c0;}
.imgNews {width:100px; padding-right:10px;}
.txtNews {width:245px;}

/* ------------------------------------------------------------------------------ */


/* Resizable text in the content section by user click on A A A */

.textsmall { font-size: 11px;}
.textmedium { font-size: 13px;}
.textbig { font-size: 15px;}

.textsmall {font-size:11px;}
a.textsmallOn {font-size:11px;color:#339900;font-weight:bold;}
a:hover.textsmallOn {font-size:11px;color:#339900;font-weight:bold;}
a.textsmallOff {font-size:11px;color:#cccccc;font-weight:bold;}
a:hover.textsmallOff {font-size:11px;color:#cccccc;font-weight:bold;}
.textmedium {font-size:13px;}
a.textmediumOn {font-size:13px;color:#339900;font-weight:bold;}
a:hover.textmediumOn a:hover {font-size:13px;color:#339900;font-weight:bold;}
a.textmediumOff {font-size:13px;color:#cccccc;font-weight:bold;}
a:hover.textmediumOff a:hover {font-size:13px;color:#cccccc;font-weight:bold;}
.textbig {font-size:15px;}
a.textbigOn {font-size:15px;color:#339900;font-weight:bold;}
a:hover.textbigOn a:hover {font-size:15px;color:#339900;font-weight:bold;}
a.textbigOff {font-size:15px;color:#cccccc;font-weight:bold;}
a:hover.textbigOff a:hover {font-size:15px;color:#cccccc;font-weight:bold;}

/* Footer Styles */
#footer { margin-top: 10px; font-size: 11px !important; padding: 10px; height: 100px; background: #fff url(/global/images/footer/footerBg.gif) left bottom repeat-x; border-top: 1px #ebebeb solid; border-bottom: 1px #6c0 solid;}
#footer ul { margin: 20px 10px 0 0; width: 100px; height: 60px; list-style: none; float: left; background: transparent url(/global/images/footer/ulDivide.gif) 0 0 repeat-y;}
#footer ul li {padding: 0 0 3px 10px}
#footer ul li.active { font-weight: bold; background: transparent url(/global/images/footer/pointer.gif) 0 3px no-repeat; }
#footer #search { float: left;}
#menubottom { text-align: center; margin-top: 15px;}
#menubottom a { text-align: center; color: #666;}
#copyright { text-align: center; color: #666; margin-top: 15px;}
#copyright img { padding-top: 5px;}
/* ------------------------------------------------------------------------------ */

/* Text Ad */
.adTextLink { display: block; background-color: #B5E685; text-align: center; padding:3px 10px;}

/* Misc */
img {border: 0 !important;}
.clear {clear: both; height: 0; line-height: 0; font-size: 0;}
.floatLeft { float: left;}
.floatRight { float: right;}
.paddingTop {padding-top: 10px;}
.noPaddingMargin{ padding:0; margin:0;}
.pointer {  padding-left: 10px; background: transparent url(/global/images/footer/pointer.gif) 0 3px no-repeat; }
ul.reg { list-style: none; margin: 10px;}
ul.reg li { background: url(/global/images/bullet1.gif) no-repeat 0 5px; padding:0 0 3px 10px;}
.paddingLeft10 { padding-left: 10px;}
p {margin-bottom: 10px;}
.mice {font-size: 10px;}
.adBoxText { text-align: center; padding: 4px 0; margin: 10px 0; }
a.altLink1 { color: #6c0;}
a:hover.altLink1 { color: #6c0;}