/*
 GLOBAL STYLE SHEET
 ==================
 The classes defined within are styles utilised site wide.

 IMPORTANT NOTE:
 ---------------
 There are several additional style sheets defined for different colour themes and different text sizes. These other style sheets contain matching classes that appear in this Global style
 sheet and the attributes of those matching classes essentially override or complement attributes of the classes in the global style sheet. So if you add, update, or remove a class from
 this global style sheet, you must ensure that the theme or text size style sheets are also updated accordingly.

*/

/*-------------------*
	PAGE AND LAYOUT
 *------------------*/
 
 
 
 #gnav li {
	margin:0;
	padding:0;
	display: inline;
}
#gnav ul {
	margin:0;
	padding:0;
}
#gnav li a {
	margin:0;
	padding:0;
	font-size:10px;
	text-decoration:none;
	margin-left:30px;
	color:#8f8e8e;
	text-align:center;
}
#gnav li a:hover {
	text-decoration:underline;
}
 

*, td { font-family:Verdana, Arial, Helvetica, sans-serif; }

body, html
{
	margin: 0px;
	height: 100%;
	text-align:center;
	background:#d7d5d5 url(../images/shell/sides_shadow.gif) repeat-y 50% 0;
}

.bdr_green
{
	border: solid 1px green;
}

.bdr_red
{
	border: solid 1px red;
}

.bdr_blue
{
	border: solid 1px blue;
	height: 10px;
}


/*----------------------------*
	PARAGRAPHS AND BODY TEXT
 *----------------------------*/
.content
{
    font-family : verdana, helvetica, sans-serif;
    font-size : 11px;
    color : #666666;
	padding: 0px;
	margin: 0px 0px 12px 0px;
}

.content_sml
{
    font-family : verdana, helvetica, sans-serif;
    font-size : 0.6em;
    color : #666666;
	padding: 0px;
	margin: 0px 0px 12px 0px;
}

.content_footnote
{
    font-family : verdana, helvetica, sans-serif;
    font-size : 0.6em;
    color : #cccccc;
	padding: 0px;
	margin: 5px 0px 12px 0px;
}


/*-------------*
	HEADINGS
 *-------------*/
h3
{
	font-family: verdana, helvetica, sans-serif;
    font-size: 0.75em;
    /* - color: set in theme stylesheet */
	padding: 0px;
	margin: 0px 0px 12px 0px;
}

h4
{
	font-family: verdana, helvetica, sans-serif;
    font-size: 11px;
    /* - color: set in theme stylesheet */
	padding: 0px;
	margin: 0px 0px 12px 0px;
}




/*-------------------------*
	BULLETS AND NUMBERING
 *-------------------------*/
ul.list_grey
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	list-style-image: url('../images/bullet_grey.gif');
	list-style-position: outside;
	list-style-type: disc;
	color: Black;
}

ul.list_grey li
{
    font-family : verdana, sans-serif;
    font-size : 11px;
    color : #666666;
    font-weight: normal;
	padding: 0px;
	margin: 0px 0px 3px 0px;
}

a.list_grey_item:link,
a.list_grey_item:visited,
a.list_grey_item:active,
a.list_grey_item:hover
{
    color : #666666;
    font-weight: normal;
	text-decoration: none;
}

/*-------------------------*
	INDENTS AND SPACING
 *-------------------------*/
.inline-block
{
}

.inline-box
{
	display: inline-block;
	display: -moz-inline-box;
}

.indent_hanging-18px
{
	text-indent: -18px;
	margin-left: 18px;
}

.valign_btn_mid	/* when a block element is next to a standard button, vertically aligns the block element to the middle */
{
	margin: 8px 0px 8px 0px;
}


/*---------------------*
	LINES AND BORDERS
 *---------------------*/
.divider_h-grey						/* horizontal grey divider image (use on a DIV) */
{
	border: 0px;
	height: 15px;
	width: 100%;
	background: url(../images/divider_h-grey.gif) repeat-x center;
	line-height: 1px;
	font-size: 0px;
}

.divider_h-grey_shadowed			/* horizontal grey shadowed divider image (use on a DIV) */
{
	border: 0px;
	height: 15px;
	width: 100%;
	background: url(../images/divider_h-grey_shadowed.gif) repeat-x center;
	line-height: 1px;
	font-size: 0px;
}


/*----------*
	IMAGES
 *----------*/
.img_button
{
	border: 0px;
	vertical-align: middle;
}

/* ### Image Alignment ### */
.img_intext			/* use in image tag for standard spacing above and below image in content */
{
	padding: 0px;
	margin: 10px 0px 10px 0px;
	border: none;
	zoom: 1;
}

.img_intext-left	/* use in image tag to float image left of content */
{
	padding: 0px;
	margin: 0px 10px 5px 0px;
	float: left;
	border: none;
	zoom: 1;
}

.img_intext-right	/* use in image tag to float image right of content */
{
	padding: 0px;
	margin: 0px 0px 5px 10px;
	float: right;
	border: none;
	zoom: 1;
}


/*----------*
	BUTTONS
 *----------*/
/* ### Default Button Style ### */
/*
	- Form Button HTML: <div class="btn-l"></div><input type="submit" class="btn-c" value="BUTTON TEXT"/><div class="btn-r"></div>
	- Non-Form Button HTML: <div class="btn-l"></div><div class="btn-c">BUTTON TEXT</div><div class="btn-r"></div>
	- Non-Form Linked Button HTML: <div class="btn-l"></div><div class="btn-c"><a class="link_btn" href="#" title="BUTTON TEXT">BUTTON TEXT</a></div><div class="btn-r"></div>
*/
.btn-l	/* left section of button */
{
	width: 10px;
	height: 38px;
	background: url('../images/buttons/btn-l.gif') no-repeat top left;
	float: left;
	background-position: right;
}

.btn-c	/* center section of button */
{
	height: 38px;
	background: url('../images/buttons/btn-c_tile.gif') repeat-x top left;
	vertical-align: middle;
	float: left;
	border-style: none;

	font-family: verdana;
	color: #333333;
	font-size: 11px;
	margin-top: 2px;
	
}

.btn-r	/* right section of button */
{
	width: 10px;
	height: 38px;
	background: url('../images/buttons/btn-r.gif') no-repeat top right;
	float: left;
	background-position: left;
	/* margin-top: -3px; */
}

/* - link class for button - */
a.link_btn:active, a.link_btn:hover, a.link_btn:link, a.link_btn:visited
{
	text-decoration: none;
	cursor: pointer;
	color: #333333;
}


/* ### Button used on a coloured background ### */
/*
 	- Form Button HTML: <span class="nowrap"><img class="btn_with_bg-l" src="../images/spacer.gif" /><input type="submit" class="btn_with_bg-c" value="Search" /><img class="btn_with_bg-r" src="../images/spacer.gif" /></span>
	- Non-Form Button HTML: <span class="btn_with_bg-c"><img class="btn_with_bg-l" src="../images/spacer.gif" />Search<img class="btn_with_bg-r" src="../images/spacer.gif" /></span>
*/
.btn_with_bg-l
{
	display: inline-block;
	display: -moz-inline-box;	/* mozilla version of inline-block */
	width: 10px;
	height: 35px;
	max-height: 35px;
	vertical-align: middle;
	-moz-box-align: center;		/* mozzila override to align image to middle */
	margin: 0px;
	padding: 0px;
	background: url('../images/buttons/btn-l.gif') no-repeat top left;
}

.btn_with_bg-c
{
	display: inline-block;
	display: -moz-inline-box;	/* mozilla version of inline-block */
	height: 35px;
	vertical-align: middle;
	-moz-box-align: center;		/* mozzila override to align image to middle */
   	margin: 0px;
	padding: 0px;
	border: 0px;

	font-family : verdana, helvetica, sans-serif;
    font-size : 11px;
    color : #333333;
	background: url('../images/buttons/btn-c_tile.gif') repeat-x top left;
}

.btn_with_bg-r
{
	display: inline-block;
	display: -moz-inline-box;	/* mozilla version of inline-block */
	width: 10px;
	height: 35px;
	max-height: 35px;
	vertical-align: middle;
	-moz-box-align: center;		/* mozzila override to align image to middle */
	margin: 0px;
	padding: 0px;
	background: url('../images/buttons/btn-r.gif') no-repeat top left;
}


/*---------*
	LINKS
 *---------*/
/* ### Standard Links ### */
a:hover, a:active, a:link, a:visited
{
	color: #fe4110;
}

/* ### Image Links ### */
a.link_img
{
	text-decoration: none;
	cursor: pointer;
}

/* ### Block Item Links ### */
a.link_block:hover, a.link_block:active, a.link_block:link, a.link_block:visited
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	cursor: pointer;
}


/*---------------*
	TABBED AREA
 *---------------*/
/* A tabbed area is a square area with several clickable tabs at the top and then each tab contains a different piece of content defined in a content area */

/* - container div encapsulating entire tabbed area - */
.tabbed_area
{
	border: solid 1px #cccccc;
}

/* - tab (selected) - */
.tabbed_area-tab_selected
{
	height:26px;
	line-height:26px;
	background: none;
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
	/* width of tab should be defined in another class and applied as an additional class */

	border-style: none solid none none;
	border-color: transparent #cccccc transparent transparent;
	border-width: 0px 1px 0px 0px;
	border-spacing: 0px;

	text-align: center;
	font-weight: bold;
	font-family : verdana, helvetica, sans-serif;
    font-size : 11px;
    color : #666666;
}

/* - tab (deselected) - */
.tabbed_area-tab_deselected
{
	height:26px;
	line-height:26px;
	background: url(../images/modules/_common/tab_tile.gif) repeat-x top left;
	padding: 0px;
	margin: 0px;
	/* width of tab should be defined in another class and applied inline as an additional class */

	border-style: none solid solid solid;
	border-color: transparent #cccccc #cccccc #f0f0f0;
	border-width: 0px 1px 1px 1px;
	border-spacing: 0px;

	text-align: center;
	font-family : verdana, helvetica, sans-serif;
    font-size : 11px;
    color : #999999;
}

.tabbed_area-tab_last	/* apply as an additional class on the last tab */
{
	border-right: none;
}

/* - div encapsulating a tab's content - */
.tabbed_area-content
{
	margin: 0px;
	padding: 15px 10px 0 10px;
}


#FairfaxNews1_blFoxSports li {

	line-height:14px; 
	font-size:10px;
	
}


/* - default width of tabs - */
/*
	Apply these classes as additional classes to each tab to set the width for an individual tab.

	These widths will work correctly in Mozilla based browsers thanks to the -moz-box-sizing
	fix applied in the class which ensures that the width of a tab includes the border and padding.
	In IE however, the border/padding is added to the width of each tab so that the total width of a
	tab is more than what is specified in the class. Hence, for the	sake of IE, you	should include an
	additional line of HTML code (just prior to defining the first tab) that overrides the class's width
	attribute specifically for IE, as in the example below.

	<!--[if IE]><style>.width_5tabs {width: 19.5%;}</style><![endif]-->

	This reduces the width of each tab slightly in IE so that when the border/padding width is added to each tab,
	the total tab width is still roughly constrained to what the intended width is supposed to be.
*/
.width_3tabs
{
	width: 33.32%;
}

.width_5tabs
{
	width: 20%;
}

/* - Anchor class for tab text as links (linkable tabs) - */
.tabbed_area-tab_deselected a:hover, .tabbed_area-tab_deselected a:active, .tabbed_area-tab_deselected a:link, .tabbed_area-tab_deselected a:visited,
.tabbed_area-tab_selected a:hover, .tabbed_area-tab_selected a:active, .tabbed_area-tab_selected a:link, .tabbed_area-tab_selected a:visited
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	cursor: pointer;
	color: #999999;

}

/*------------------*
	STATIC MODULES
 *------------------*/
/* ### STATIC MODULE COMMON ELEMENTS  ### */
.mod_static_container	/* outer container dark border */
{
	border: solid 1px #f0f0f0;
  	height:100%;
}

.mod_static_container-inner	/* inner container light border */
{
	border: solid 1px #cccccc;
	height: 100%;
}

 /* ### - MEMBER LOGIN MODULE - ### */
table.module_login
{
	border: solid 1px #9bae1c;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
}

table.module_login td
{
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

table.module_login td.mod_login-header
{
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	height: 37px;
	background: url(../images/modules/login/member_header-tile.gif) repeat-x top left #e5f28c;
	color: #FFFFFF;
	font-family : verdana, helvetica, sans-serif;
    font-size : 0.8em;
    font-weight: bold;
    line-height: 24px;
}


table.module_login td.mod_login-content
{
	padding: 7px;
	margin: 0px;
	background-color: #e5f28c;
}

/* -- header icon -- */
.mod_login-icon
{
	width: 29px;
	height: 25px;
	vertical-align: middle;
	background: url('../images/modules/login/member_header-icon.gif') no-repeat top left;
}

/* -- Table to layout the content section of the Login Module (used with the cell mod_login-content) -- */
table.mod_login-content_layout
{
	border-style: none;
	border-spacing: 0px;
	border-collapse: separate;
}

table.mod_login-content_layout td.mod_login-l
{
	padding: 5px 0px 5px 0px;
	margin: 0px;
	vertical-align: middle;
}

table.mod_login-content_layout td.mod_login-r
{
	padding: 5px 0px 5px 0px;
	margin: 0px;
	vertical-align: top;
}

table.mod_login-content_layout td.mod_login-tab_selected_top,
table.mod_login-content_layout td.mod_login-tab_selected_bottom	/* selected tab */
{
	padding: 5px 0px 5px 0px;
	margin: 0px;
	vertical-align: middle;

	border-width: 1px;
	border-color: #9bae1c;
	background: #ffffff;
	color: #9bae1c;

	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
}

/* Top and bottom tabs have different borders */
table.mod_login-content_layout td.mod_login-tab_selected_top
{
	border-style: solid solid none solid;
}
table.mod_login-content_layout td.mod_login-tab_selected_bottom
{
	border-style: none solid solid solid;
}

table.mod_login-content_layout td.mod_login-tab_deselected_top,
table.mod_login-content_layout td.mod_login-tab_deselected_bottom	/* deselected tab */
{
	padding: 5px 0px 5px 0px;
	margin: 0px;
	vertical-align: top;

	border-width: 1px;
	border-color: #9bae1c;
}

table.mod_login-content_layout td.mod_login-tab_deselected_top
{
	border-style: none none solid none;
}
table.mod_login-content_layout td.mod_login-tab_deselected_bottom
{
	border-style: solid none none none;
}

table.mod_login-content_layout td.mod_login-td_spacer
{
	width: 2%;
	border-style: none none solid none;
	border-width: 1px;
	/* - border-color: set in theme style sheet */
}

table.mod_login-content_layout td.mod_login-tab_selected_content	/* content area for the selected tab */
{
	padding: 15px;
	margin: 0px;
	vertical-align: top;

	border-style: none solid none solid;
	border-width: 1px;
	border-color: #9bae1c;
	background-color: #ffffff;
}

/* -- Buttons used in the Member Login Module -- */
/*	- Sample Button HTML: <div class="btn_mod_login"><div class="btn_mod_login-r"><img class="nobdr" src="images/modules/login/myaccount_off.gif" width="50" height="38" alt="My Account Icon" />MyAccount</div></div> */
.btn_mod_login
{
	height: 39px;
	width: 144px;
	/* - background: set in theme style sheet */
	font-family: verdana;
	color: #5d5d5d;
	font-size: 11px;
}
/* -- Buttons used in the Member Login Module -- */
td.login-btn { width:144px; height:43px; font-size:11px; }
.login-btn div { font-size:11px; }


.btn_mod_login
{
	background:url('../images/modules/login/off_tile.gif') repeat-x top left;
}

.btn_mod_login-r
{
	height: 39px;
	vertical-align: middle;
	background: url('../images/modules/login/off-right.gif') no-repeat top right;
}

.btn_mod_login-r img	/* special fix so the button icon image aligns to the top correctly while keeping the button text vertically aligned to the middle */
{
	vertical-align: middle;
	margin-bottom: 1px;
}

.btn_mod_login-r a:hover, .btn_mod_login-r a:active, .btn_mod_login-r a:link, .btn_mod_login-r a:visited
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-size: 100%;
	cursor: pointer;
	color: #5d5d5d;
}

/* button images */
.btn_mod_login-divider
{
	width: 124px;
	height: 2px;
	background: url('../images/modules/login/divider.gif') no-repeat center left;
}

.btn_mod_login-homepage_on
{
	width: 45px;
	height: 39px;
	display:block;
	float:left;
	vertical-align: middle;
	background: url('../images/modules/login/make_hmpg_on.gif') no-repeat 0px 0px;
}

.btn_mod_login-homepage_off
{
	width: 45px;
	height: 38px;
	vertical-align: middle;
	border-style: none;
	background: url('../images/modules/login/make_hmpg_off.gif') no-repeat 0px 0px;
}

.btn_mod_login-email_on
{
	width: 50px;
	height: 39px;
	vertical-align: middle;
	background: url('../images/modules/login/myemail_on.gif') no-repeat 0px 0px;
}
.btn_mod_login-email_off
{
	width: 50px;
	height: 38px;
	vertical-align: middle;
	border-style: none;
	background: url('../images/modules/login/myemail_off.gif') no-repeat 0px 0px;
}

.btn_mod_login-myaccount_on
{
	width: 50px;
	height: 39px;
	margin: -5px 0px 0px 0px;
	vertical-align: middle;
	background: url('../images/modules/login/myaccount_on.gif') no-repeat 0px 5px;
}
.btn_mod_login-myaccount_off
{
	width: 50px;
	height: 39px;
	margin: -5px 10px 0px 0px;
	vertical-align: middle;
	background: url('../images/modules/login/myaccount_off.gif') no-repeat 0px 5px;
}

.btn_mod_login-myfoto_on
{
	width: 50px;
	height: 39px;
	margin: -5px 0px 0px 0px;
	vertical-align: middle;
	background: url('../images/modules/login/myfoto_on.gif') no-repeat 0px 5px;
}
.btn_mod_login-myfoto_off
{
	width: 50px;
	height: 39px;
	margin: -5px 10px 0px 0px;
	vertical-align: middle;
	background: url('../images/modules/login/myfoto_off.gif') no-repeat 0px 5px;
}


/* ### - NEWS MODULE - ### */
#news_view_videos { width:100%; height:36px; }

#news_the_west ul, #news_more ul { margin:0px 0px 0px 15px; padding:0px; line-height:20px;}
#news_the_west ul li, #news_more ul li { list-style-type:square; }


.module_news
{
	border: solid 1px #f0f0f0;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

.module_news-tab_selected
{
	color: #2b88bc;
}

/* ### - SEARCH THE WEB MODULE - ### */
.mod_search-content
{
	padding: 9px 9px 0px 9px;
}

.mod_search-item_header
{
	background: url('../images/modules/search/search_bg-tile.gif') repeat-x top left;
	height: 21px;
	vertical-align: middle;
	border: solid 1px #cccccc;

    font-family : verdana, helvetica, sans-serif;
    font-size : 11px;
    color : #999999;
	padding: 0px;
	margin: 0px 0px 1px 0px;
}

.mod_search-item_header a:link,
.mod_search-item_header a:visited,
.mod_search-item_header a:hover,
.mod_search-item_header a:active
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	cursor: pointer;
	color: #999999;
}

.mod_search-arrow
{
	border: 0px;
	float: right;
	vertical-align: middle;
	margin: 9px 5px 0px 0px;
	display: block;
}

/* ### - MYWESTNET VIDEOS MODULE - ### */
.mod_videos-header	/* module header container */
{
	background: url('../images/modules/videos/videos_bg-tile.gif') repeat-x top left;
	height: 26px;
	border-bottom: solid 1px #cccccc;

    font-family : verdana, helvetica, sans-serif;
    font-size : 0.8em;
	/* colour - set in theme style sheet */
	padding: 0px;
	margin: 0px;
	top: 0;
	font-weight: bold;
}

.mod_videos-content	/* module content container */
{
	padding: 12px 0px 8px 0px;
}

.mod_videos-content_video	/* individual video with description */
{
	float: left;
	padding: 0px 7px 0px 7px;
}

.mod_videos-content_video h4
{
	padding: 0px;
	margin: 0px;
}

.mod_videos-content_footer	/* footer links */
{
	padding: 0px 7px 0px 7px;
	clear:both;
}

.mod_videos-bdr_l	/* individual video - left border */
{
	line-height:14px;
}

.mod_videos-bdr_r	/* individual video - right border */
{
	border-right: solid 1px #efefef;
}
#video_headings h4{text-decoration:none;};

/*--------------------*
	DOCKABLE MODULES
 *--------------------*/
/* ### DOCKABLE MODULE COMMON ELEMENTS  ### */
.mod_dockable-header
{

	border-style: solid solid none solid;
	border-width: 1px 1px 0px 1px;
	height: 28px;
	clear: right;

	/* - border: set in theme style sheet */
	/* - background: set in theme style sheet */
}

.mod_dockable-content
{
	border-style: none solid solid solid;
	border-width: 0px 1px 1px 1px;
	border-color: #cccccc;
	padding: 10px 0px 6px 0px;
	background: url('../images/modules/_common/module_shadow.gif') repeat-x top left;
}

.mod_dockable-content_container	/* div container within mod_dockable-content that encapsulates the content */
{
	padding: 0px 8px 0px 8px;
	min-width: 96%;	/* ensures Safari and IE7 use close to as much width as is available without going into 'overflow' */
}

.mod_dockable-header_content	/* span encapsulating header text */
{
	font-family: verdana, arial, sans serif;
	font-size: 0.8em;
	color: #FFFFFF;
	font-weight: bold;

	float: left;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	line-height: 26px;
}

.mod_dockable-header_btns			/* span encapsulating header minimise/maximise/close buttons */
{
	float: right;
	margin: 5px 5px 0px 0px;
	font-size: 1px;
}

img.mod_dockable-header_btn_min		/* module minimise button image */
{
	width: 11px;
	height: 11px;
	border-style: none;
	margin-left: 2px;
	/* - background: set in theme style sheet -- */
}

img.mod_dockable-header_btn_max		/* module maximise button image */
{
	width: 11px;
	height: 11px;
	border-style: none;
	margin-right: 2px;
	/* - background: set in theme style sheet */
}

.mod_dockable-header_icon	/* div with a background image as the module icon  */
{
	float: left;
	width: 36px;
	height: 28px;
}

.mod_dockable-footer
{
	width: 100%;
}

.mod_dockable-footer_content
{
    font-family : verdana, helvetica, sans-serif;
    font-size : 11px;
    color : #666666;
	padding: 0px;
	margin: 0px;

	text-align: right;
	vertical-align: middle;
}

.mod_dockable-footer_content img
{
	vertical-align: middle;
	border-style: none;
}

/* ### - WEATHER MODULE - ### */
.mod_weather-icon
{
	/* - background: set in theme style sheet */
}

.mod_weather-text
{
    font-family : verdana, helvetica, sans-serif;
    font-size : 0.6em;
    color : #666666;
	padding: 0px 7px 0px 7px;
	margin: 0px;

	text-align: center;
	float: left;
	border-right: solid 1px #e5e5e5;
}

.mod_weather-text_bdr
{
	border-right: solid 1px #e5e5e5;
}

/* ### - Google Maps - ### */
.google_iframe
{
	width: 100%;
	height: 400px;
	border: 0;
}

/* ### - CARS MODULE - ### */
.mod_cars-icon
{
	/* - background: set in theme style sheet */
}

/* ### - DATING MODULE - ### */
.mod_dating-icon
{
	/* - background: set in theme style sheet */
}

/* ### - GOOGLE MAPS MODULE - ### */
.mod_googlemaps-icon
{
	/* - background: set in theme style sheet */
}

/* ### - REAL ESTATE MODULE - ### */
.mod_realestate-icon
{
	/* - background: set in theme style sheet */
}

/* ### - MEMBER NEWS MODULE - ### */
.mod_membernews-icon
{
	/* - background: set in theme style sheet */
}

/* ### - CAREERS MODULE - ### */
.mod_careers-icon
{
	/* - background: set in theme style sheet */
}

/* ### - FINANCE MODULE - ### */
.mod_finance-icon
{
	/* - background: set in theme style sheet */
}

/* ### - WORLD TIME MODULE - ### */
.mod_worldtime-icon
{
	/* - background: set in theme style sheet */
}

/* ### - HOROSCOPES MODULE - ### */
.mod_horoscopes-icon
{
	/* - background: set in theme style sheet */
}

/* ### - MOVIES MODULE - ### */
.mod_movies-icon
{
	/* - background: set in theme style sheet */
}

/* ### - FUEL MODULE - ### */
.mod_fuel-icon
{
	/* - background: set in theme style sheet */
}

/* ### - CURRENCY CONVERTER MODULE - ### */
.mod_currency-icon
{
	/* - background: set in theme style sheet */
}

/* ### - DICTIONARY MODULE - ### */
.mod_dictionary-icon
{
	/* - background: set in theme style sheet */
}

/* ### - QUOTE OF THE DAY MODULE - ### */
.mod_quoteofday_l-icon
{
	/* - background: set in theme style sheet */
}

.mod_quoteofday_r-icon
{
	/* - background: set in theme style sheet */
}

/* ### - QUIZ MODULE - ### */
.mod_quiz-icon
{
	/* - background: set in theme style sheet */
}

/* ### - PHOTO OF THE WEEK MODULE - ### */
.mod_photoofweek-icon
{
	/* - background: set in theme style sheet */
}

/* ### - ON THIS DAY MODULE - ### */
.mod_onthisday-icon
{
	/* - background: set in theme style sheet */
}

/* ### - TV GUIDE MODULE - ### */
.mod_tvguide-icon
{
	/* - background: set in theme style sheet */
}

/* layout table */
table.tv-guide
{
	width: 100%;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #5d5d5d;
	text-align: left;
	line-height: 15px;
}

table.tv-guide td.channel	/* channel name */
{
	/* - background-color: set in theme style sheet */
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

table.tv-guide td.tv-info	/* program info */
{
	/* - background-color: set in theme style sheet */
	font-size: 10px;
}

/* tv guide links */
table.tv-guide td a
{
	/* - color: set in theme style sheet */
	text-decoration: none;
}

table.tv-guide td a:hover
{
	/* - color: set in theme style sheet */
	text-decoration: underline;
}


/*---------*
	FORMS
 *---------*/
 /* - field title text - */
.content_fl_title
{
    font-family : verdana, helvetica, sans-serif;
    font-size : 11px;
    color : #666666;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	font-weight: normal;
}

/* - Layout (use on div or table.default) - */
.fl_title, table.default td.fl_title
{
	margin: 0px;
	padding: 0px 6px 6px 0px;
	vertical-align: middle;
	text-align: left;
}

.fl_field, table.default td.fl_field
{
	margin: 0px;
	padding: 0px 0px 6px 6px;
	vertical-align: middle;
}

.fl_combined, table.default td.fl_combined
{
	margin: 0px;
	padding: 0px 0px 6px 0px;
	vertical-align: middle;
	zoom: 1;
}


/* ### Form field styles ### */
FORM
{
	padding: 0px;
	margin: 0px;
}

INPUT, TEXTAREA
{
	font-family : verdana, sans-serif;
	font-size : 10px;
	color: #000;
}

INPUT.textfield, TEXTAREA
{
	padding: 1px 2px 1px 2px;
	border: solid 1px #a5acb2;
}

SELECT
{
	font-family : verdana, sans-serif;
	font-size : 10px;
	color: #666666;
	vertical-align: middle;
	border: solid 1px #96969d;
}


/*----------*
	TABLES
 *----------*/
/* ### Default Table ### */
table.default
{
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.default td
{
	padding: 0px;
	margin: 0px;
}


/*----------------------------*
	CONTENT STRUCTURE LAYOUT
 *----------------------------*/
div.layout_container
{
	width: 100%;
	height: 100%;
	text-align: center;
}

/* ### Div Vertical Alignment Middle Containers ### */
/* use on 3 nested divs to have inline content in the most inner div vertically aligned to the middle */
div.valign_mid-outer
{
	display: table;
	#position: relative;
	overflow: hidden;
}

div.valign_mid-inner
{
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

div.valign_mid-content
{
	#position: relative;
	#top: -50%;
	width: 100%;
	height: 100%;
}


/* ### Main Layout of overall page ### */

div.box 			{ text-align:left; width: 987px; margin:0px auto;}

div.ml_content 		{ padding:0px; margin:0px; width:977px; }

div.ml_right		/* right side spacer */
{
	float: right;
	clear: right;
	padding: 0px;
	margin: 0px;
	width: 5px;
	height: 100%;
}

div.ml_bottom	/* bottom shadow */
{
	clear: both;
	height: 10px;
	background: url('../images/shell/bottom.gif') repeat-x top left;
}


/* ### Header Section - includes logo/banner, google search, weather bar ### */
/* -#- Logo and Banner -#- */
div.header_banner
{
	text-align:center;
	background: #FFFFFF;
	clear:both;
}

/* -#- Google Search Bar -#- */
/* Text */
.content_googlesearch-header
{
    font-family : verdana, helvetica, sans-serif;
    font-size : 11px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

/* Google Logo */
.logo_googlesearch-header
{
	width: 104px;
	height: 40px;
	vertical-align: top;
	/* - background: image set in theme style sheet */
}

/* Layout */
div.header_googlesearch
{
	width:977px;
	font-family : verdana, helvetica, sans-serif;
    font-size : 11px;
	padding: 0px;
	margin: 0px;
	height: 40px;
	clear:both;
	/* - background: image set in theme style sheet */
}

/* -#- Function Bar -#- */
/* Text */
.content_functionbar 
{
	font-family : verdana, helvetica, sans-serif;
    font-size : 11px;
	text-align:center;
}

/* Weather Icons */
.icon_weather_clear, .icon_weather_clearshwrs, .icon_weather_cloudinc, .icon_weather_storms
{
	width: 17px;
	height: 36px;
	margin-right: 5px;
	vertical-align: middle;
	/* - background: image set in theme style sheet */
}

/* Layout */
div.header_functionbar
{
	padding:0px;
	margin:0px;
	width:977px;
	/* - background-color: set in theme style sheet */
}

.header_functionbar *
{
	font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.functionbar_item-first
{
	float: left;
	line-height: 36px;
	padding-left: 5px;
	min-width: 270px;
}

div.functionbar_item-last
{
	float: left;
	line-height: 36px;
	padding: 0px 5px 0px 10px
}

div.functionbar_item-pad_lr
{
	float: left;
	line-height: 36px;
	padding: 0px 10px 0px 10px;
}

div.functionbar_item-pad_r
{
	float: left;
	line-height: 36px;
	padding: 0px 10px 0px 0px;
}

/* layout divider image */
.functionbar_divider
{
	/* - background: image set in theme style sheet */
}

/* -#- Top Navigation -#- */
/* Layout */
div.header_navigation
{
	padding: 0px;
	margin: 0px;
	height: 32px;
	background: url(../images/header/topnav_tile.gif) repeat-x top left;
	width:977px;
	font-family : verdana, helvetica, sans-serif;
    font-size : 0.7em;
	/* - color: set in theme style sheet */
}

/* Nav items layout */
table.topnav_layout
{
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
	height: 32px;
}

table.topnav_layout td
{
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	text-align: center;
    background: url(../images/header/topnav_separator.gif) repeat-y top left;
}

table.topnav_layout td.first
{
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	text-align: center;
    background: none;
}

table.topnav_layout td a
{
    padding:9px 0px 0px 0px;
	display:block;
	width:100%;
	height:32px;
}

table.topnav_layout td#topnav_selected
{
	/* - color: set in theme style sheet */
	background-color: #ffffff;
}

table.topnav_layout td#topnav_selected-first
{
	/* - color: set in theme style sheet */
	background-image: none;
	background-color: #ffffff;
}

/* Links within the top navigation bar */
a.link_topnav:hover, a.link_topnav:active, a.link_topnav:link, a.link_topnav:visited
{
	color: #666666;
	text-decoration: none;
}

/* -#- Top Sub-Navigation -#- */
/* Layout */
div.header_sub-navigation
{
	padding: 0px;
	margin: 0px;
	width: 977;
	height: 35px;
	line-height: 35px;
	background: url(../images/header/topnav-sub_tile.gif) repeat-x top left;

	font-family : verdana, helvetica, sans-serif;
    font-size : 11px;
	/* - color: set in theme style sheet */
}

/* Hide the Sub Nav before the page loads except for the Home Subnav */
#SM-news, #SM-sport, #SM-weather, #SM-entertainment, #SM-gaming, #SM-lifestyle, #SM-members, #SM-services, #SM-freezone  {
	display:none;
}
#mem-article-container a{text-decoration:none;}

/* ### Footer Section - includes google search, text links bar, and footer text ### */
/* -#- Google Search Bar -#- */
/* Text */
.content_googlesearch-footer
{
    font-family : verdana, helvetica, sans-serif;
    font-size : 11px;
    color : #e3e3e3;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

/* Google Logo */
.logo_googlesearch-footer
{
	width: 104px;
	height: 40px;
	vertical-align: middle;
	/* - background: image set in theme style sheet */
}

/* Layout */
div.footer_googlesearch
{
	padding: 0px 12px 0px 0px;
	margin: 0px;
	height: 40px;
	/* - background: image set in theme style sheet */
}

/* -#- Text Links Bar -#- */
/* - first bar of links - */


#footerlinksone 	{
	width:977px;
	background: #f5f5f6 url('../images/footer/footer_shadow.gif') repeat-x top left;
	padding:10px 0;
	text-align: center;
}

#footerlinksone ul	{
	margin:0; padding:0;
}


#footerlinksone li	{
display:inline;
font-family : verdana, helvetica, sans-serif;
	font-size : 11px;
    color: #999999;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#footerlinksone a	{
border-left:1px solid #909090; padding:0 10px; color:#999999; text-decoration:none;
}


#footerlinkstwo {
	width:977px;
	padding: 0px;
	text-align: center;
	padding:10px 0;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #9d9da1;
	}
	
	#footerlinkstwo ul	{
	margin:0; padding:0;
}

#footerlinkstwo li	{
display:inline;
font-family : verdana, helvetica, sans-serif;
	font-size : 11px;
    color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#footerlinkstwo a	{
border-left:1px solid #FFFFFF; padding:0 10px;    color: #FFFFFF; text-decoration:none;
}




/* - second bar of links - */
div.footer_textlinks_2
{
	padding: 0px;
	text-align: center;
	height: 31px;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #9d9da1;
	/* - background-color: set in theme style sheet */
}



/* -#- Copyright Sentence -#- */
.footer_copyright
{
	font-family : verdana, helvetica, sans-serif;
	font-size : 10px;
    color: #848688;
	padding: 12px 0px;
	text-align: center;
	vertical-align: middle;
	background:#d7d5d5;
}


/* ### Generic Content Layout - lays out the dynamic content of the page ### */

.white-background { background:#FFFFFF; }

/* -- 1 Column Layout -- */
div.cl_1col
{
	width: 100%;
}

div.cl_1col-content
{
	margin: 0px 10px 0px 10px;
}

/* -- 2 Column Layout -- */
div.cl_2col
{
	float: left;
	width: 50%;
	height: 100%;
}

div.cl_2col .RadDockableObjectFixed 
{
	width: 460px !important;
}

div.cl_2col-content
{
	margin: 0px 8px;
}


/* -- 3 Column Layout -- */
div.cl_3col
{
	float: left;
	width: 33%;
}

div.cl_3col-content
{
	margin: 0px 10px 0px 10px;
}

div.cl_3col-2colspan	/* 3 column layout but a column spanning 2 columns */
{
	float: left;
	width: 66%;
}


/*----------------------------------------------------------------------*
						MISCELLANEOUS STYLES

	These should always appear last in the style sheet as they should
	be used to override any values defined in existing classes
 *----------------------------------------------------------------------*/
/* ### Margin Settings ### */
.nomargin
{
	margin: 0px;
}

.nomargin_t
{
	margin-top: 0px;
}

.nomargin_r
{
	margin-right: 0px;
}

.nomargin_b
{
	margin-bottom: 0px;
}

.nomargin_l
{
	margin-left: 0px;
}

/* ### Padding Settings ### */
.nopad
{
	padding: 0px;
}

.nopad_t
{
	padding-top: 0px;
}

.nopad_r
{
	padding-right: 0px;
}

.nopad_b
{
	padding-bottom: 0px;
}

.nopad_l
{
	padding-left: 0px;
}

.pad_sides_5
{
	padding: 0px 5px;
}

.pad_5
{
	padding: 5px;
}

/* ### Font formatting ### */
.bold
{
	font-weight: bold;
}

.plain
{
	font-weight: normal;
}

.underline
{
	text-decoration: underline;
}

.nounderline
{
	text-decoration: none;
}

.spacing_normal
{
	line-height: normal;
}

.spacing_1-5
{
	line-height: 1.5;
}

.spacing_double
{
	line-height: 2;
}

.nowrap
{
	white-space: nowrap;
}

/* ### Alignment Settings ### */
.top
{
	vertical-align: top;
}

.middle
{
	vertical-align: middle;
}

.bottom
{
	vertical-align: bottom;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

.center
{
	text-align: center;
}

/* ### Float Settings ### */
.fright
{
	float: right;
}

.fleft
{
	float: left;
}

/* ### Clear Settings ### */
.clear_left
{
	clear: left;
}

.clear_right
{
	clear: right;
}

.clear_both
{
	clear: both;
}

/* ### Width settings ### */
.w_100pc
{
	width: 100%;
}

.w_75pc
{
	width: 75%;
}

.w_50pc
{
	width: 50%;
}

.w_33pc
{
	width: 33%;
}

.w_25pc
{
	width: 25%;
}

.w_20pc
{
	width: 20%;
}

/* ### Height settings ### */
.h_100pc
{
	height: 100%;
}

.h_50pc
{
	height: 50%;
}

/* ### Border Settings ### */
.nobdr
{
	border-style: none;
}

.nobdr_t
{
	border-top-style: none;
}

.nobdr_r
{
	border-right-style: none;
}

.nobdr_b
{
	border-bottom-style: none;
}

.nobdr_l
{
	border-left-style: none;
}

.question_answer_response
{
    font-family : verdana, helvetica, sans-serif;
    font-size : 11px;
    color : #666666;
}

/* ### Lef Colum ### */
#content_container_left { width:473px; float:left; }

#content_container_right { width:473px; float:right; }

#quoteotday img { margin:0px 5px 5px 0px; }
#onthisday img { margin:0px 10px 5px 0px; }

.login-btn a { color:#494949; }

.multisearchHeight { height:23px; display:none; } 

ul li { line-height:18px; }

#weatherpanelShow, #careerspanelShow, #real_estatepanelShow, #fuel_watchpanelShow, #threefl_newspanelShow, #financepanelShow, #photopanelShow, #quizpanelShow, #quotepanelShow, #carspanelShow, #world_timepanelShow, #moviespanelShow, #datingpanelShow, #horoscopespanelShow, #on_this_daypanelShow, #member_newspanelShow, #dictionarypanelShow, #network_statuspanelShow, #tv_guidepanelShow { display:none; }

.RadDockableObjectTitleBarRight { width:50px; }

.RadDockableObjectTitleBarRight * { text-align:right; }

.whitelink a { color:#FFFFFF; text-decoration:none; }
.whitelink a:visited { color:#FFFFFF; text-decoration:none; }
.whitelink a:link { color:#FFFFFF; text-decoration:none; }

#FairfaxNews1_blFairFaxNews1, #FairfaxNews1_blFairFaxNews2 {margin: 3px 0 0 0; padding:0 0 0 16px;}
#FairfaxNews1_blFairFaxNews1 ul, #FairfaxNews1_blFairFaxNews2 ul {margin: 0; padding:0;  list-style-type:square;}
#FairfaxNews1_blFairFaxNews1 li, #FairfaxNews1_blFairFaxNews2 li {margin: 0; padding:0; font-size:10px; line-height:14px; list-style-type:square;}
#FairfaxNews1_blFairFaxNews1 ul li, #FairfaxNews1_blFairFaxNews2 ul li {margin: 0; padding:0; list-style-type:square;}


/*------------*
	FREEZONE
 *------------*/
 
#freezone div, #freezone td{
font-weight:normal;
font-size:10px;
}

#freezone-content img {
margin-left:5px;
border: 2px solid #e4edf4;

}



/*-------------------*
	RSS FEEDS
 *------------------*/




#video-list li {
	width:150px;
	margin:0;
	padding:5px 0;
}
#video-list a {
	padding:0px;
}
#video-list ul {
	margin:0;
	padding:0;
}
#video-list {
	font-size:10px;
}
#video-list ul {
	list-style:none;
	padding:0 10px 0 10px;
}
#video-list li {
	border-bottom:1px solid #e7e7e7;
	line-height:12px;
	padding:4px 0;
}
#more-videos {
	padding:10px 0;
}
#more-videos ul {
	float:left;
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
}
#more-videos li {
	list-style:none;
}
#sports-select td {
	font-size:10px;
}
.rssfeed-blurb {
	width:683px;
	float:left;
}
.rss-blurb {
	width:320px;
	padding-bottom:10px;
}

.rss-blurb h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#a4a4a4;
	margin: 3px 0 0 0;
	padding: 0;
}
.rss-header {
	padding:10px;
	background:#fafeff;
	BORDER:1PX SOLID #d2e8fd;
	margin:15px 0;
}
.rssfeed-thumb {
	float:right;
	margin:0 15px;
}
.sports-video {
	width:220px;
}
.sports-video-lists {
	background:#edf7f9;
	width:717px;
}
#rssfeeds {
	width:710px;
	padding-bottom:10px;
}
#rssfeeds p {
	margin-top:5px;
}
#rssfeeds ul {
	padding:0;
	margin:0;
	list-style:none;
}
#rssfeeds img {
	float:right;
	margin:0 15px;
	border:2px solid #e4edf4;
}
#rssfeeds li {
	margin:0;
	padding:0;
}
.rssfeeds-left {
	width:340px;
	float:left;
}
.rssfeeds-right {
	width:340px;
	float:right;
}
.rssfeeds-inner {
	padding:5px 10px;
}
.rssfeeds-container {
background:url(http://images.mywestnet.com.au/css/images/bg/dash.gif) bottom repeat-x;
	padding-top:5px;
	padding-bottom:15px;
}

.login-container {
	padding: 3px;
	background: #e5f28c;
	float:left;
}

.spacer {
	width: 132px;
	height:3px;
	background: url(http://images.mywestnet.com.au/images/buttons/spacer.gif);
	font-size:0;
}
.contentbg {
	float:left;
	width:155px;
	height: 189px;
	background: url(http://images.mywestnet.com.au/images/buttons/contentbg.gif);
}
.info {
	margin:17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:130%;
	font-size:11px;
}

.info-hidden {
	margin:17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display:none;
}