body {color:#333; line-height: 1.7em; background: url(../Images/bg.png) repeat-x #2984D6; margin: 0; padding: 0; height: 100%; text-align: center; 
min-width: 700px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; } 
html {margin: 0; padding: 0; height: 100%; text-align: center; min-width: 700px; } 

#bgcontain {  width: 920px; margin: 0 auto; text-align: left; padding:0px } 
/* IE min height hack */ * html #container { height: 250px;} 
#container { padding: 0px; float: left; width: 100%; clear: both; min-height: 250px; background: url(../Images/contentbg.png) repeat-y left top; margin: 0px; } 

/* ++++++++++++CUSTOM MODIFICATIONS++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#videoBox {position: absolute;margin-left: -25px;top: 130px;background:none;width: 711px;display: none; z-index: 99}
.closeButton {position: absolute;width:20px; background:#0099FF; margin-left:664px; margin-top:37px;}
#fixme-bottom {position: fixed; bottom: 0pt; margin-left:600px; z-index: 9999;}
.quote {border-left:15px solid #A4DBFF;font-style:italic;padding-left:10px;}
table.stylebox {border:1px solid #C8DFFA}
table.stylebox, .stylebox tr, .stylebox tr td, .stylebox td table, .stylebox td table tr, .stylebox td table tr td{padding:0;margin:0;}
.stylebox tr td h2 {font-size:15px;font-weight:bold;color:#000066;padding:9px 0px 5px 11px}
.stylebox tr td p {font-size:9pt;}
ul {padding:5px;margin:0px 15px}
table, tbody, tr, td, img {padding:0;margin:0}
.contentHome {width:920px;padding: 0px 0px;}
.aboutBox {float:right;width:204px;padding:10px;background:#eee}
* ul.greentick {font-size:9pt;line-height:15px;list-style-type:none}
* .greentick li {margin:0px 0px 0px -10px;padding:4px 0px 4px 25px;background:transparent url(http://www.webtron.com.au/images/tick1.gif) no-repeat;background-position:0 50%;list-style-type:none}
* ul.greenarrow {font-size:9pt;line-height:15px;list-style-type:none}
* .greenarrow li {margin:0px 0px 0px -10px;padding:4px 0px 4px 25px;background:transparent url(http://www.webtron.com.au/images/arrow.png) no-repeat;background-position:0 50%;list-style-type:none}
* ul.greenplus {font-size:9pt;line-height:15px;list-style-type:none}
* .greenplus li {margin:0px 0px 0px -10px;padding:4px 0px 4px 25px;background:transparent url(http://www.webtron.com.au/images/plus.png) no-repeat;background-position:0 50%;list-style-type:none}
.PostContentSingle {font-size:10pt;margin:15px 0px; color:#000}
.nameDesc {font-size:8pt}
.clear {clear:both}

.newsletter {display:block;background:#276aa6; padding:8px;-moz-border-radius: 5px;border-radius: 5px;margin:10px 0}
.newsletter:hover {text-decoration:none; background:#4084c1}
.newsletter span {color:#fff; font-weight:normal;line-height:14px}
.newsletter img {margin:5px 5px 0 0}
.newsletter span strong {font-size:16px; display:block}

p {line-height:1.5em;margin:10px 0 20px}

.boxOuter {border:1px solid #A7B0C1;margin:0 10px 20px}
.boxInner {border:2px solid #fff;padding:5px 15px;background:#fff url(../Images/gradient.png) repeat-x}
.boxInner h2 {margin:5px 0}
.boxInner h2.accordion {background-image:url(../Images/expander.png); background-repeat: no-repeat;padding-left:20px}
.expander {background-position:0px 6px}
.contractor {background-position:0px -22px}
.boxInner .rowBottom {clear:both}

.optintext {font: 11px Arial, Helvetica, sans-serif;font-weight:bold }
.red {color: #FF0000}

.quote {border-left:15px solid #A4DBFF;font-style:italic;padding-left:10px;}

.right { float:right;margin-right:20px;padding-top:10px;width:202px; } 
.right h2 {color:#036; font-size:1.2em; font-weight:bold; margin:10px 0; padding:0}
ul.category {font-size:12px}
.right ul {width:196px;margin: 0 0 1px 0;border:1px solid #A7B0C1;padding:0px;background:#fff url(../Images/sidebarBlock.png) no-repeat 0 0 }
.right li:hover {border-top:1px solid #A7B0C1;border-bottom:1px solid #A7B0C1;background:#fff url(../Images/sidebarBlockItem.png) repeat-x}
.right li {border-top:1px solid transparent;border-bottom:1px solid transparent; list-style: none}
.right li a {text-decoration: none}
.category li a:hover {text-decoration: none; padding-left: 1px}
.right ul li {padding:1px 12px;}
.right ul li big {display:block;font-size:12px; letter-spacing:0px} 
ul.blogs li {letter-spacing:-1px; font-size:10px} 


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.header h4.HeaderImage {padding: 0px 0px; margin: 0px;}
.header h4.HeaderText { font-size: 32px; letter-spacing: -2px; font-weight: normal; padding: 15px 0px; margin: 0px; font-family: Helvetica, Arial, sans-serif;}
.header {background: url(../Images/header.jpg) no-repeat; width: 920px; height: 119px; margin-top: 0px;}
.header h4{display:none; font-size: 38px; letter-spacing: -2px; font-weight: normal; padding: 15px 0px; margin: 0px; font-family:  font, Helvetica, Arial, sans-serif; }

.header .search {display:none;  margin-left:656px;position:absolute; top:0; width:264px;height:89px; background:url(http://www.webtron.com.au/images/searchBg.jpg) no-repeat;}
.header .search form h2 { font-size: 14px; color:#043F96; margin: 0px; padding: 0px 0px 5px 0px; font-weight: bold; letter-spacing: -1px;}
.header .search form {padding:30px; margin: 0px;}
.header .search .input {background:#fff; font-size: 11px; padding: 3px 3px 4px 3px; margin: 0px;}
.header .search .arrow {width: 28px; height: 26px;}
/*\ IE/Win min height hack */ * html .searcharrow { margin: -23px 0px 0px 135px; } /* */ 
.searcharrow {  margin: -22px 0px 0px 135px; }
.searcharrow { padding: 0px; *margin: -23px 0px 0px 135px; top: 0px; background: none;}
.header .search p { padding: 3px 0px; margin: 0px; font-size: 10px;}
.header .search p a {}


/* Top Menu (Site Menu - SiteMenuPanel.html) 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 

.TopMenu {padding:10px 0px 30px 17px }
.TopMenu ul { padding: 0px 12px; margin-left: 25px;}
.TopMenu li { padding: 0px 5px; margin: 0px; list-style-type: none; line-height:18px;  font-size: 11px;}
*/

/* DropDown Menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.menubox {background: url(../Images/menubg.png) no-repeat; height:29px; padding: 0px 11px; clear:both }

.menu li a {font-size:13px; padding: 7px 10px; display: block }

/* remove all list stylings */
.menu, .menu ul {margin: 0; padding: 0; border: 0; list-style-type: none; display: block; }

.menu li { margin: 0; padding: 0; border: 0; display: block; float: left;	/* move all main list items into one row, by floating them */
	position: relative; /* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5; /* thus we need to apply explicit z-index here... */
font-size:12px; line-height:1.2em}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li { float: none; /* items of the nested menus are kept on separate lines */ 
letter-spacing: 0px; 
}
.menu li li a:link, .menu li li a:visited {width: 200px; font-size:11px}
.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0; left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	/*
	margin:-10px 0 0 -30px;
	padding:11px 30px 30px;
	background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.content { float: left; width: 660px; padding-left: 25px;} 

/* BreadCrumb */

.content .BreadCrumb, .contentHome .BreadCrumb { font-size: 11px; margin: 0px 0px 15px 0px; padding:7px; color:#666;  }
.content .BreadCrumb ul, .contentHome .BreadCrumb ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 20px; background: url(../Images/BreadCrumbIcoUl.png) no-repeat left center;}
.content .BreadCrumb li, .contentHome .BreadCrumb li { background: url(../Images/trail_arrow.gif) no-repeat left center; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 10px; text-decoration: none; display: inline;}
.content .BreadCrumb li a, .contentHome .BreadCrumb li a { margin: 0px; padding: 0px; text-decoration: underline;}

.content h1 {font-size: 2em; line-height: 1em; margin:0;padding:0}
.content h2 {font-size: 1.4em; line-height: 1.4em; margin:15px 0;padding:0}
.content h3, .content h4, .content h5, .content h6 {padding: 5px 0}

/*
.contentHome h1 { font-size: 18px; letter-spacing:-1px; font-weight: normal; padding: 5px 0px; margin: 0px 0px 5px 0px;}
.contentHome h2 { font-size: 14px; padding: 5px 0px; margin: 0px 0px 5px 0px; }
.contentHome h3 { font-size: 14px; padding: 5px 0px; margin: 0px 0px 5px 0px; color:#043F96;letter-spacing:-1px}
.contentHome h1, .contentHome h2 { color: #cc6600;}
*/ 

/* article */
.content .PostItem {display: block; clear: both;}

.Intro { margin-bottom: 20px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Articles { margin: 0px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Featured { margin: 0px 0px; clear: left;}
.Featured h1 { padding-left: 25px; background: url(../Images/FeaturedIcoHeading.png) no-repeat left center; margin-bottom: 10px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.RecentArticles { margin: 20px 0px;}
.RecentArticles h1 { padding-left: 25px;  background: url(../Images/SummaryIcoHeading.png) no-repeat left center; margin-bottom: 10px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Categories {}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Blogs {}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* IE min height hack */ * html .Authors { height: 150px;} 
.Authors {min-height: 150px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Pages {}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.News {}
.News h1 { padding-left: 25px; background: url(../Images/NewsIcoHeading.png) no-repeat left center; margin-bottom: 10px;}
.News h2 { font-size: 11px; letter-spacing: -1px; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; }
.News .Post { padding: 3px 0px; border-bottom: solid 1px #e0e0e0;}
.News .Post .PostInfo { padding: 0px; margin: 0px; font-size: 9px; color:#ad9f98;  }
.News .Post .PostContent { font-size: 11px; color:#333; line-height: 15px; }
.News .Post .PostContent p { padding: 4px 0px; margin: 4px 0px; font-size: 11px;}
.News .Post .readmore   { background: url(../Images/icon_FullStory.png) no-repeat left center; padding-left: 17px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SearchResults {}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#RecentBlogsPanel { float: right; width: 220px; }

/* Recent Blogs 
.RecentBlogs { background: url(http://www.webtron.com.au/images/boxBlueBg.gif) no-repeat; font-size: 11px; padding:10px}
.RecentBlogs h2 { font-size: 11px; letter-spacing: -1px; padding: 0px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;padding-left: 25px; background: url(../Images/RecentBlogIcoHeading.png) no-repeat left top; border:none}
.RecentBlogs ul { padding: 0px; margin: 0px; }
.RecentBlogs li { padding: 5px 0px; margin: 0px; list-style-type: none; font-size: 9px; border-bottom: solid 1px #e0e0e0;}
.RecentBlogs big { font-size: 11px; display: block; font-weight: bold; letter-spacing: -1px; }
*/

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Post */
.Post { padding: 0px; margin: 0px;}

/* Post Author left side from the article */
.Post .PostAuthorDetails { float: right; padding: 10px; margin: 0px 0px 10px 20px; width: 200px; font-size: 11px; border-bottom: #fff 10px solid; border-left: #fff 10px solid;}
.Post .PostAuthorDetails h2 { text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: normal; padding: 0px 0px 5px 0px; margin: 0px;}
.Post .PostAuthorDetails p { font-size: 10px; padding: 3px 0px; margin: 0px; color:#333;}
.Post .PostAuthorDetails img { margin: 0px 10px 0px 0px; padding: 1px; border: solid 1px #ccc; float: left;}

/* Post Head 
.Post .PostHead {}
.Post .PostHead h1 { padding: 2px 0px; margin: 2px 0px;}
.Post .PostHead h2 { padding: 2px 0px; margin: 0px; }
*/
/* Post Info/Details */
.Post .PostInfo { padding: 5px; margin: 0px 0px 10px 0px; font-size: 10px; background: #f6f6f6; color:#7e8996; }
.Post .PostInfo li { padding: 0px; margin: 0px; display: inline; list-style-type: none;}
.Post .PostInfo a { color: #7e8996; text-decoration: underline; font-weight: bold;}
.Post .PostInfo .Author { border-right: solid 1px #7e8996; padding: 0px 5px 0px 0px;}
.Post .PostInfo .Time { border-right: solid 1px #7e8996; padding: 0px 5px 0px 5px;}
.Post .PostInfo .Categ { border-right: solid 1px #7e8996; padding: 0px 5px 0px 5px;}
.Post .PostInfo .Rating {padding: 0px 0px 0px 5px;}


/* Post Content */
.Post .PostContent { margin: 0px; padding: 0px; }
.Post .PostContent img { margin: 0px; padding: 1px; border: none}

/* Post Bottom - Printer Version +  Full story + Visit Site */
.Post .PostBottom { padding: 5px 0px 15px 0px; margin: 0px;}
.Post .PostBottom li { padding: 2px 0px; margin: 0px 5px 0px 0px; list-style-type: none; display: inline; font-size: 10px; }
.Post .PostBottom li a { text-decoration: underline; }
.Post .PostBottom li a:visited { text-decoration: underline;}
.Post .PostBottom li a:hover { text-decoration: underline;}
.Post .PostBottom .FullStory { background: url(../Images/icon_FullStory.png) no-repeat left center; padding-left: 17px;}
.Post .PostBottom .VisitSite { background: url(../Images/icon_VisitSite.png) no-repeat left center; padding-left: 17px;}
.Post .PostBottom .PrinterVersion { background: url(../Images/icon_PrinterVersion.png) no-repeat left center; padding-left: 17px;}
.Post .PostBottom .EditArticle { background: url(../Images/icon_EditArticle.png) no-repeat left center; padding-left: 17px;}

/* Article More Related Info */
.Post .PostMore { padding: 0px; margin: 5px 0px 5px 0px;}
.Post .PostMore h1 { font-size: 23px; padding: 5px 0px; margin: 0px; }

/* Article Comments */
.Post .PostMore .Comment, .Post .PostMore .CommentAlt { padding: 5px 10px 10px 10px;}
.Post .PostMore .Comment .Title, .Post .PostMore .CommentAlt .Title { font-size: 12px; padding: 4px 3px; padding-left:40px; margin: 0px;}
.Post .PostMore .Comment .Details, .Post .PostMore .CommentAlt .Details { font-size: 9px; padding: 0px 3px; padding-left:40px; margin: 0px; color: #7E8996;}
.Post .PostMore .Comment .Reply, .Post .PostMore .CommentAlt .Reply { float: right; font-size: 9px; padding-top:4px; color: #7E8996; clear: both;}
.Post .PostMore .Comment .Content, .Post .PostMore .CommentAlt .Content { font-size: 11px; padding: 10px 0px 0px 5px; margin: 0px;}

/* Article Submit Comments */
.PostSubmitComments { font-size: 10px;}

/* Article Navigation */
/* IE min height hack */ * html .ArtNav { height: 15px;} 
.ArtNav {font-size: 11px; line-height: 13px; background: #f5f5f5; padding: 6px; min-height: 15px;}
.ArtNav strong { letter-spacing: -1px;}
.ArtNavLeft { float: left }
.ArtNavRight { float: right }

/* Paging */
.Paging { text-align: right; padding: 6px; margin: 5px 0px; font-size: 10px; line-height: 15px;}
.Paging strong { letter-spacing: -1px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Category Top ( Only on the Category page)  */
.Category { padding: 0px; margin: 10px 0px 10px 0px; position: relative;}
.Category h1 { font-size: 25px; float:left;}
.Category .Desc { font-size: 12px; line-height: 14px; clear: both; padding:15px 0}
.Category .rss { position: absolute; right: 0px; top: 15px;}
.Category .SubCategory ul { padding: 15px 0px 5px 0px; margin: 0px;}
.Category .SubCategory li { padding: 2px 0px 2px 15px; margin: 0px; font-size: 11px; list-style-type: none;}
.Category .SubCategory ul {  width: 38em; }
.Category .SubCategory ul li { float: left; width: 15em;  /* accommodate the widest item */ }
/* stop the floating after the list */
.Category .SubCategory br { clear: left; }
/* separate the list from what follows it */
.Category .SubCategory { clear: both; margin-bottom: 1em; }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Authors A-Z - ( Only on the Author page) */
.AZ { padding: 0px; margin: 15px 0px; position: relative; font-size: 10px; font-weight: bold;}
.AZ ul { padding: 5px 0px; margin: 0px;}
.AZ li { padding: 0px 1px; margin: 0px; list-style-type: none; display: inline;}
.AZ a { padding: 0px 3px; margin-right: 1px;}
.AZ a:visited { padding: 1px 3px;}
.AZ a:hover { padding: 1px 3px; }

.ListAuthors {}
.ListAuthors ul { margin: 0px; padding: 0px 0px 0px 20px; }
.ListAuthors li { line-height: 16px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* PageForms */

.PageForms tr td { padding: 10px; }
.PageForms tr td table tr td { padding: 3px; font-size: 11px; }
.PageForms tr td table tr td table tr td { padding: 0px; font-size: 11px; }

.PageForms {font-size: 10px;}
.PageForms form {}
.PageForms tr td { padding: 10px; }
.PageForms th { padding: 10px 2px 10px 10px; text-align: left; font-size: 13px; font-family: "Trebuchet MS"; font-weight: normal;}

.PageForms tr td table tr td { padding: 3px; font-size: 11px; }
.PageForms tr td table tr td table tr td { padding: 0px; font-size: 11px; }
.PageForms td table td input { padding: 3px; }
.PageForms td table td input.keyfield { border: inset 1px #ccc; padding: 3px; }
.PageForms td table td textarea { border: inset 1px #ccc; padding: 5px; }
.PageForms td table td select { border: inset 1px #ccc; padding: 2px; }

.PageForms .Button { font-size: 10px; padding: 2px 5px; border: outset 2px #e0e0e0; font-weight: bold;}

.PageForms .Required { color:#FF0000;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Message */
.Message { color: #ff4e00; background: url('../Images/warning.gif') #FFFFCC no-repeat 5px center; font-size: 11px; padding: 5px 5px 5px 25px; line-height: 16px; border: 1px solid #FFCC66;  margin-left: 5px;}
.ErrorMessage { color: #ff0000; background: url('../Images/exclamation.png') no-repeat left center; font-size: 11px;padding-left: 20px; line-height: 16px;}
.SuccessMessage { color: #66ad00; background: url('../Images/success.png') no-repeat left center; font-size: 11px;padding-left: 20px; line-height: 16px;}


/* tabs styles */
#tabnav { height: 26px; margin: 0px 0px 10px 0px; padding-left: 6px; background: url('../Images/tab_bottom.gif') repeat-x bottom;}
#tabnav li { margin: 0; padding: 0;	display: inline; list-style-type: none;}
#tabnav li a {}
#tabnav li a:visited {}
#tabnav li a:hover {}

#tabnav .navlinks {margin: 0; padding: 0; display: inline; list-style-type: none; float: right;}
.tablink { float: left; }
#tabnav .tablink a:link, #tabnav .tablink a:visited 
{float: left; font-size: 10px; line-height: 14px; font-weight: bold; padding: 5px 10px 5px 10px; margin: 0px 4px 0px 0px ; text-decoration: none;}
#tabnav .tablink a:link.active, #tabnav .tablink a:visited.active {}
#tabnav a:hover {}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.ViewAll { background: url(../Images/ico_view_all.png) no-repeat left center; padding-left: 13px; font-size: 10px; font-weight: bold; color:#33b0ee;}
.ViewAll a { color:#33b0ee;}
.ViewAll a:visited { color:#33b0ee;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*
.right ul { padding-right:0px; margin: 0px; } 
.right li { padding: 0px; margin: 0px; list-style-type: none;} 
.right h2 { padding: 0px 0px 10px 25px; font-size: 14px; line-height: 14px; margin: 0px; letter-spacing: -1px; }

.right li a { font-size: 11px; padding: 3px 0px 3px 20px;}
.right .RecentBlogs li a { font-size: 11px; padding: 0px;}
.right li a:visited {}


.right .Categories { margin-bottom: 15px; margin-left:25px}
.right .Categories h2 { background: url(../Images/IcoCategories.png) no-repeat left top; padding-left: 20px; }
.right .Categories li a { font-size: 12px; display: block; border-bottom: solid 1px #dfe6ec; background: url(../Images/ArrowLeft.png) no-repeat left top; }
.right .Categories ul { padding-top: 0px; padding-bottom: 0px;}
*/ 

.right .ArticleOptions {margin-bottom: 15px;}
.right .ArticleOptions h2 { background: url(../Images/IcoArticleOptions.png) no-repeat left top; padding-left: 20px;}

.right .ArticleOptions li a {}
.right .ArticleOptions .EmailToFried { background: url(../Images/ArticleOptionsEmail.png) no-repeat left center; padding-left: 15px;}
.right .ArticleOptions .PrintArticle { background: url(../Images/ArticleOptionsPrint.png) no-repeat left center; padding-left: 15px;}
.right .ArticleOptions .RemoveFavorites { background: url(../Images/ArticleOptionsFavorites.png) no-repeat left center; padding-left: 15px;}
.right .ArticleOptions .AddToFavorites { background: url(../Images/ArticleOptionsFavorites.png) no-repeat left center; padding-left: 15px;}
.right .ArticleOptions .ArticlesToRead { background: url(../Images/ArticleOptionsRead.png) no-repeat left center; padding-left: 15px;}
.right .ArticleOptions .RemoveRead { background: url(../Images/ArticleOptionsRead.png) no-repeat left center; padding-left: 15px;}

.right .PopularArticles {margin-bottom: 15px;margin-left:25px}
.right .PopularArticles h2 { background: url(../Images/IcoPopularArticles.png) no-repeat left top; padding-left: 20px;}
.right .PopularArticles li a { }

.right .FavoriteArticles {margin-bottom: 15px;}
.right .FavoriteArticles h2 { background: url(../Images/IcoFavoriteArticles.png) no-repeat left top; padding-left: 20px;}
.right .FavoriteArticles li a {   }

.right .ArticlesToRead { margin-bottom: 15px;}
.right .ArticlesToRead h2 { background: url(../Images/IcoArticlesToRead.png) no-repeat left top; padding-left: 20px;}
.right .ArticlesToRead li a { }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.EmailToFriend { background: #fff; margin: 30px;} 

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.footer { padding: 0px; width: 920px; margin: 0 auto; clear: both; color:#61614e;text-align:left;background:url(../Images/footer.png) no-repeat;height:50px;text-align:center}
.footer p {text-align:left; padding: 14px; margin: 0px 20px;  font-size: 10px;color:#333}
.footer a, .footer a:hover, .footer a:visited {color:#fff}

/* Spread the Word */
.SpreadTheWord {}
.SpreadTheWord ul { padding: 0px; margin: 0px; }
.SpreadTheWord li { padding: 0px 2px; margin: 0px; list-style-type: none; display: inline; font-size: 11px; line-height: 16px;}

/* Paging */
.Paging { text-align: right; padding: 6px; margin: 5px 0px; font-size: 10px; line-height: 15px;}
.Paging strong { letter-spacing: -1px;}
.Paging a { display: inline; padding: 2px 5px;}
.Paging a:visited {}
.Paging a:hover { text-decoration: none;}
.PagingDisabled { display: inline; padding: 2px 5px; }
.PagingCurrentPageNumber { display: inline; font-weight: bold; padding: 2px 5px;}


.msgWarning
{
	background-image: url('../Images/warning.gif');
	background-repeat: no-repeat;
	background-position: 6px 7px;
	font: normal 11px/18px Tahoma;
	padding: 5px;
	margin-bottom: 15px;
	padding-left: 25px;
	border: dotted 1px #C0C0C0;
	background-color: lightyellow;
	color: #333333;
	text-decoration: none;
	display: '';
	z-index:1000;
	width: 220px;
}


.ArticleExtraContent { font-size: 11px;}
.ArticleExtra ol, .ArticleExtra ol li { font-size: 11px;}
.ArticleExtra ul, .ArticleExtra ul li { font-size: 11px;}

.ArticleExtra ul { padding-top: 0px; padding-bottom: 0px; margin:0px; list-style-type: none;  padding-left: 20px;}
.ArticleExtra ul li a {  font-size: 11px; display: block; padding-left: 20px; background: url(../Images/ArrowLeft.png) no-repeat left top; }

.FloatNone { float: none; }
.FloatRight { float: right; }
.FloatLeft { float: left; }


/* Summary Article Attachment */
.AttachmentList { padding: 6px;}
.AttachmentList ul { padding-top: 0px; padding-bottom: 0px; margin:0px; list-style-type: none;  padding-left: 20px;}
.AttachmentList ul li { padding: 3px;}
.AttachmentList ul li a { font-size: 10px; display: block; padding-left: 20px; }
.AttachmentHeading { font-size: 11px; font-weight: bold; font-family:Arial,Helvetica,sans-serif; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.right .Newsletter { margin-bottom: 15px; font-size: 11px; }
.right .Newsletter h2 { background: url(../Images/IcoNewsletter.png) no-repeat left top; padding-left: 20px; margin-bottom: 10px;}

/* Teaser Image Styles */
.FeatureImageSpan { font-size: 9px;margin-right:5px}
.PostContent .FeatureImageSpan img {border:3px solid #A7B0C1}
.FeatureImageCaption {  padding-left: 3px; padding-right: 3px;}

/* ++++++++++++++++++++++++++++++++++++++++++++ Home Page HTML5 Compatible ++++++++++++++++++++++++++++++++++++++++ */

.worklinks {
position:absolute; 
width:200px;
text-align:left; 
margin-left:30px;
}
.pagelinks {
margin-left:670px; 
position:absolute; 
top:143px;
width:200px;
text-align:left;  
}
.worklinks, .pagelinks {
background: #fff url(../Images/panel-bg.png) repeat-x;
border:1px solid #fff;
-moz-box-shadow: 0 0 5px #000; /* Firefox */
-webkit-box-shadow: 0 0 5px #000; /* Safari, Chrome */
box-shadow: 0 0 5px #000;
padding:10px;
height: 360px;
}
.worklinks a, .pagelinks a {
display:block;
overflow:auto;
padding:5px 10px;
font-size:16px;
color:#036;
text-decoration:none;
}
.worklinks a:hover, .pagelinks a:hover {
background:#036;
color:#fff;
}
.worklinks a span.head {
display:block; 
margin-bottom:5px;
}
.worklinks a span.desc {
font-size:10px;
line-height:12px; 
}
.worklinks a img {
float:right; 
margin-bottom: 5px;
margin-right: 5px; 
}