@charset "UTF-8";

body { margin: 0; padding: 0; font:normal 12px/18px Tahoma, Arial, Helvetica, sans-serif; 
background:url("../images/website/bg-ftr.jpg") repeat-x scroll 0 bottom #FFFFFF;} 
html {margin: 0; padding: 0; } 

h1, h2, h3 { font-family:Tahoma, Arial, Helvetica, sans-serif;}
h4 { font-family: 'Verdana'}
hr {border:0; height:1px; background:#aaa; color:#aaa}

form {margin:0;}
fieldset {padding:5px;}

.nowrap {white-space:nowrap}

#bgcontain { width: 1000px; margin: 0 auto; text-align: left; background: #fff url(../images/website/bg-hdr.jpg) no-repeat top center;
border-top:37px solid #FFFFFF; } 
/* IE min height hack */ * html #container { height: 250px;} 
#container { padding: 0; width:840px; clear: both; min-height: 250px; margin: 20px auto; } 

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

.header h1.HeaderImage {margin: 0px; padding:56px 0 0 117px;}
.header h1.HeaderText { font-size: 32px; letter-spacing: -2px; font-weight: normal; padding: 15px 0px; margin: 0px; font-family: Helvetica, Arial, sans-serif;}
.fp #bgcontain { background:url(../images/website/bg-hdr-fp.png) no-repeat center top #00b1b0}
.fp .header { height:143px }
.header { width: 100%; position: relative; height:164px }
.header h1 { font-size: 38px; letter-spacing: -2px; font-weight: normal; padding: 15px 0px; margin: 0px; font-family: Helvetica, Arial, sans-serif; }
.header h1 a { color:#fff;}
.header h1 a:visited { color:#fff;}
.header h1 a:hover { color:#fff; text-decoration: none;}

.header .search { position: absolute; top: 0px; right: 0px; width: 205px; padding: 0px 15px 5px 15px}
.header .search h2 { font-size: 14px; color:#fff; margin: 0px; padding: 0px 0px 5px 0px; font-weight: bold; letter-spacing: -1px;}

.header .search form { padding: 0px; margin: 0px;}
.header .search .input { background:#fff; font-size: 12px; padding: 3px 3px 4px 3px; margin: 0px;}
.header .search .arrow { width: 69px; height: 22px; background: url(../images/SearchArrow.png) no-repeat;}
/*\ IE/Win min height hack */ * html .searcharrow { margin: -23px 0px 0px 135px; } /* */ 
.searcharrow {  margin: -22px 0px 0px 135px; }
.searcharrow { padding: 0px; top: 0px;}
.header .search p { padding: 3px 0px; margin: 0px; font-size: 10px;}
.header .search p a {}

.rpfp {width:240px; padding-left:30px}

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

.TopMenu { position: absolute; top: -23px; left: 0px; }
.TopMenu ul { padding: 0px; margin: 0px;}
.TopMenu li { padding: 0px 5px; margin: 0px; list-style-type: none; display: inline; font-size: 10px;}
.TopMenu li a { text-decoration: none;}
.TopMenu li a:visited { text-decoration: none;}
.TopMenu li a:hover { text-decoration: none; text-decoration: none;}

/* DropDown Menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#vmenu{
position:inherit;
z-index:2;
width:100%;
padding:0; 
/* 
top:1px;
left:1px;
padding:0 20px; 
width:125px;
To allow room for bottom dropdown */
}
#vmenu li:last-child a, #vmenu li li:last-child a {
/* background:none; */
}

#vmenu li a, #vmenu li h2{
	font:normal 14px Helvetica,Arial;
	display:block;
	border-top:1px solid #3893ca;
	border-bottom:1px solid #02649f;
	/*width:100%;
	*/
	width:155px;
	/* not using no-wrape
	font:normal 14px/22px Helvetica,Arial;
	white-space:nowrap;
	height:22px;
	text-transform:capitalize;
	*/
	padding:10px 0 10px 36px;

	text-align:left;
	background:transparent url(../images/website/arrow-mn.gif) no-repeat scroll 12px center;
	vertical-align: text-top;
}

#vmenu li li a, #vmenu li li h2{
/*font:bold 12px/16px Helvetica,Arial;
display:block;
border-bottom:1px dashed #ccc;
white-space:nowrap;
background:none
*/
width:208px;
text-align:left;
padding: 5px 5px 5px 20px;
}

#vmenu h2{
color:#000000;
background:#000;
text-transform:uppercase;
}

#vmenu a{
color:#FFFFFF;
text-decoration:none;
}

#vmenu a:hover, #vmenu a:active{
color:#FFFF00;
/*background:FloralWhite;
background:#ddd;
*/
}

#vmenu ul, #vmenu li{
list-style:none;
margin:0; padding:0; border:none; 
/*width:125px;
width:215px; */
display: block;
}

#vmenu li ul{
list-style:none;
margin:0; padding:0; border:none; 
width:213px;
display: block;
}
#vmenu ul li{
float:left; width:50px;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#vmenu li, div#vmenu li:hover{
position:relative;
width:194px;
/* not using no-wrape
height:24px;
*/
}

div#vmenu li ul{
position:absolute;
top:0;
background:#3B6BA8;
left:100%;
padding: 5px;
margin-top:-5px;
}

div#vmenu ul ul,
div#vmenu ul ul ul,
div#vmenu ul li:hover ul ul,
div#vmenu ul li:hover ul ul ul
{display: none;
}

div#vmenu ul li:hover ul,
div#vmenu ul ul li:hover ul,
div#vmenu ul ul ul li:hover ul
{display: block;
}

/* End non-anchor hover selectors */

/* Styling for Expand */
#vmenu a.x, #vmenu a.x:visited{
background:transparent url(../images/trail_arrow.gif) no-repeat scroll right center;/**/
/*background:transparent url(../images/filler2.gif) no-repeat scroll center bottom;*/
}

#vmenu a.x:hover{
background:FloralWhite url(../images/trail_arrow.gif) no-repeat scroll right center;/**/
/*background:transparent url(../images/filler2.gif) no-repeat scroll center bottom;*/
}

#vmenu a.x:active{
color:#FFFFFF;
background:FloralWhite url(../images/trail_arrow.gif) no-repeat scroll right center;/**/
/*background:transparent url(../images/filler2.gif) no-repeat scroll center bottom;*/
}
/* -- sticky.submenu.END -- */

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

.content { /*float: left; width: 500px;*/ padding: 0px;} 
.content-left { float:left; width:60%; } 
.content-right { float:right; width:35%; } 
.content-right .btn02{
	width:100%;
}

/* BreadCrumb */

.content td iframe{  border: 1px solid #DDDDDD; padding: 3px; border-radius:10px; -webkit-border-radius:10px;}
.content .BreadCrumb { font-size: 12px; margin: 0px 0px 15px 0px; padding:7px; color:#666;  }
.content .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 { 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 { margin: 0px; padding: 0px; text-decoration: none;}

.content h1 { font-size:24px; font-weight: normal; padding:8px 18px 9px; margin: 0px 0px 18px 0px; color:#0079C2}
.content h2 { font-size: 20px; padding: 5px 0px; margin: 0px 0px 5px 0px; }
.content h3 { font-size: 14px; padding: 5px 0px; margin: 0px 0px 5px 0px; }

.content-right h1 {margin-bottom:3px}
.content-right iframe {border-radius: 4px; -webkit-border-radius: 4px; }

/* 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: 12px; letter-spacing: -1px; padding: 0px; margin: 0px; font-family: Verdana, 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: 12px; color:#333; line-height:16px; }
.News .Post .PostContent p { padding: 4px 0px; margin: 4px 0px; font-size: 12px;}
.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: #fff; font-size: 12px; padding: 0px 0px 0px 20px; float: right; width: 220px; }
.RecentBlogs h1 { padding-left: 25px; background: url(../images/RecentBlogIcoHeading.png) no-repeat left center; margin-bottom: 10px; }
.RecentBlogs ul { padding: 0px; margin: 10px 0px; }
.RecentBlogs li { padding: 5px 0px; margin: 0px; list-style-type: none; font-size: 9px; border-bottom: solid 1px #e0e0e0;}
.RecentBlogs big { font-size: 12px; 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: 12px; 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: 3px; margin: 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: none; 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; font-size: 12px; line-height:16px;}
.Post .PostContent img { margin: 0px 10px 10px 0px; padding: 1px; border: solid 1px #ccc;}
.Post .PostContent p { font-size: 12px; line-height:16px;}

/* Post Content -Single Page */
.Post .PostContentSingle { margin: 0px; padding: 10px 0px; font-size: 12px; line-height:16px;}
.Post .PostContentSingle img {}
.Post .PostContentSingle h1 { /*padding: 10px 0px; margin: 0px 0px 5px 0px;*/}
.Post .PostContentSingle p { font-size: 12px; line-height:16px; padding: 0 0 6px; margin: 0 0 6px;}

/* 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: none; }
.Post .PostBottom li a:visited { text-decoration: none;}
.Post .PostBottom li a:hover { text-decoration: none;}
.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: 12px; 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: 12px; 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:16px;}
.Paging strong { letter-spacing: -1px;}

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

/* Category Top ( Only on the Category page)  */
.Category { padding: 0px; margin:0px 0px 10px 0px; position: relative;}
.Category .Desc { line-height: 14px; clear: both; /*float: left;*/}
.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: 12px; 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;  display:none;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 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: 12px; }
.PageForms tr td table tr td table tr td { padding: 0px; font-size: 12px; }

.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: 12px; }
.PageForms tr td table tr td table tr td { padding: 0px; font-size: 12px; }
.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;}

.Required { color:#FF0000; float:right}

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

/* Message */
.Message { color: #ff4e00; background: url('../images/warning.gif') #FFFFCC no-repeat 5px center; font-size: 12px; 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: 12px;padding-left: 20px; line-height: 16px;}
.SuccessMessage { color: #66ad00; background: url('../images/success.png') no-repeat left center; font-size: 12px;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 { float: right; width: 235px; padding-top: 10px; } 
.right ul { padding: 10px ; margin: 10px; list-style-image: url(../images/ArrowLeft.png); } 
.right li { padding: 0px; margin: 0px; list-style-type: none;} 
.right h2 { padding: 0px 0px 10px 0px; font-size: 14px; line-height: 14px; margin: 0px; letter-spacing: -1px; border-bottom: solid 2px #ccc;}

.right li a { font-size: 12px; }
.right li a:visited {}

.right .Categories { margin-bottom: 15px;}
.right .Categories h2 { background: url(../images/IcoCategories.png) no-repeat left top; padding-left: 20px; margin-bottom: 10px;}
.right .Categories ul { padding:0px; margin:0px;padding-top: 0px;  border-top: solid 1px #dfe6ec; padding-bottom: 0px; list-style-image: none;}
.right .Categories li a { font-size: 12px; padding-left: 15px;display: block; border-bottom: solid 1px #dfe6ec; background: url(../images/ArrowLeft.png) no-repeat left top; padding-top: 3px; padding-bottom: 3px; }
.right .Categories li a:hover {}

.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;}
.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:20px; width:840px; margin: 0 auto; clear: both; color:#61614e; font-weight:normal;}
.footer p { padding: 0px; margin: 0px;  font-size: 10px;}


/* 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: 12px; line-height: 16px;}

/* Paging */
.Paging { text-align: right; padding: 6px; margin: 5px 0px; font-size: 10px; line-height:16px;}
.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, Arial;
	padding: 5px;
	margin-bottom: 15px;
	padding-left: 25px;
	border: dotted 1px #C0C0C0;
	background-color: #FFFFE0;
	color: #333333;
	text-decoration: none;
	z-index:1000;
	width: 220px;
}


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

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

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

/* 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: 12px; font-weight: bold; font-family:Arial,Helvetica,sans-serif; }

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

.right .Newsletter { margin-bottom: 15px; font-size: 12px; }
.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: 5px;}
.FeatureImageCaption {  padding-left: 3px; padding-right: 3px;}

/*********************************************************************/
.contlist table{
border:solid 1px #dddddd;
border-top:none;
}

.contlist{
background:#ffffff;
font-size:12px;
}
.contlist td {
	padding:0px 4px;
	border-bottom:1px solid #dddddd;
	height:24px;
	color:#000000;
	vertical-align:middle;
}
.contlist tr {
	background:#f9f9f9;
}
.contlist tr:hover {
	background:#eeeeee;
}
.contlist th {
	background: #999999;
	color: #ffffff;
	padding:4px; text-align:left;
}
.contlist th a:link, .contlist th a:hover, .contlist th a:visited, .contlist th a:active{
	color: #ffffff;
	text-decoration:underline;
}
.contlist img {
	border:0;
}



/**
Accordion
****************************************************************************/
.basicac  {
}

.basicac div {
	background-color: #eee;
	padding: 10px;
}

.basicac p {
	margin-bottom : 10px;
	margin: 0px;
}

.basicac h3{
	margin:0 !important;
	border-radius: 2px;
	-webkit-border-radius:2px
}

.basicac h3{
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #fff !important;
	border-top: 1px solid #FFFFFF;

	border-bottom: 1px solid #999;

	background-color: #000000;

}
.basicac h3:hover {
	color: #fff !important;
	background-color: #FEB800;
}

.basicac h3.selected {
	color: #fff !important;
	background-color: #FEB800;
}
/******************************************************************************/


.btn01,.btn02{
	border:1px solid #999999 !important; 
	color:#ffffff; 
	text-decoration:none; 
	padding:8px 20px; 
	font:bold 18px/20px trebuchet ms;
	box-shadow:0 -14px 9px rgba(0, 0, 0, 0.2) inset; border-radius:20px; -webkit-border-radius:20px;
	cursor:pointer;
}
.btn01{
	background: none repeat scroll 0 0 #23A491;
	width:234px;
}
.btn02{
	background: none repeat scroll 0 0 #0079C2;
	width:306px;
}

a:hover.btn01{border:1px solid #a8243e !important;}

.tbphn{color:#000000; font:bold 12px/18px Tahoma,arial; margin:26px 80px 0 0; float:right; text-align:left;}
.tright{color:#0079c2; text-align:right;}

.headbn{height:307px;}
.headbn .mn{/*float:left; width:191px; margin:38px 0 0 88px; */
	background: none repeat scroll 0 0 #0079c2;
    border: 3px solid #ffffff;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    float: left;
    height: 237px;
    margin: 8px 0 0 85px;
    padding: 26px 0 48px 0;
    width: 191px;
}
.headbn .bn{float:left; width:718px; font:18px arial; color:#ffffff; text-shadow:0px 0px 3px rgba(0,0,0,0.99); /*overflow:hidden*/
height:334px; margin:-22px 0 0; /*it will be!!!*/
}
.headbn .frmbn {position:relative; top:-338px; background:url("../images/website/bg-hdr-fp.png") no-repeat scroll -282px bottom transparent; height:350px; z-index:1;}
.headbn .bn a{color:#ffffff;	}
.headbn .bn .bim{position: absolute; overflow: hidden; z-index: 0;}
.headbn .bn .bnt{ 
/*margin:65px 86px 0 60px; text-align:right; height: 220px; z-index: 3;z-index to make it click anabled*/

margin:252px 0px 0 0px; text-align:center; height: 56px; z-index: 3; overflow:hidden;
box-shadow: 0px 14px 115px rgba(0, 0, 0, 0.33) inset;
-webkit-box-shadow: 0px 14px 115px rgba(0, 0, 0, 0.33) inset;

}
.headbn .bn .bnt h1{ margin:0; font-size:24px; }


.headbn .bn p{padding:8px 0; margin:0	}
.headbn .bn h2{font:bold 32px Tahoma,Arial; padding:0 0 8px; margin:0	}

#slider, div.anythingSlider .anythingWindow {height: 330px !important; overflow: hidden !important; }

.qlng{ position:relative; margin:-35px auto 0; z-index:3;/* width:100%;*/}
.qlng td{text-align:center; background:#0079C2; padding:0; font:normal 13px/12px arial; border-radius:4px; -webkit-border-radius:4px;  }
.qlng td a{ color:#ffffff; padding:8px 16px; display:block; text-shadow:0 1px 4px rgba(0, 0, 0, 0.40); }
.qlng td a:hover{ background:#009899; border-radius:4px; -webkit-border-radius:4px;}
.qlng td.hdr{ background:none; color:#0079c2; text-align:center; /*width:20% */}
.qlng td.home{ background:none repeat scroll 0 0 transparent; }
.qlng td.home a{ padding:1px 2px !important}
.qlng td.home a:hover{ background-color:#0079C2 !important}

.submn {text-align:center}
.submn td{text-align:left; background:url("../images/arrow_blue.gif") no-repeat scroll 0 2px rgba(0, 0, 0, 0); padding:0 0 0 16px; vertical-align:top}

.rpm {height:270px; overflow:hidden; margin:0 0 0 60px; width:306px;}
.rpm h1{/*background:url(../images/website/bgh2r.jpg) no-repeat 0 0; color:#ffffff*/}


.bdft {background:url("../images/website/bg-ftr.jpg") repeat-x scroll 0 bottom #FFFFFF; width:100%; margin:0 auto }

.fthd {color: #ffffff; height:240px; margin:0 auto; width:880px; background:url("../images/website/bg-bftr.gif") no-repeat scroll center 0 transparent;}
.fthd .fta {float:left; width:560px; padding:12px 40px }
.fthd .ftb {float:left; width:200px; padding:12px 20px }
.fthd h2 {margin:9px 0; padding:0; font:normal 22px Tahoma,Arial }
.fthd ul {margin:0; padding:2px 0 2px 14px }
.fthd a{color: #ffffff;}
.fthd a:hover{color: #ffff00;}

/******** slider ******************************************************/
#slider { width:946px; height:268px; margin:0 auto; padding:0; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
#slider li { width:946px; height:268px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:60px; height:60px; position:absolute; left:-28px !important; left:-38px; top:-180px; }
#nextBtn { left:967px !important; left:957px; }
#prevBtn a { display:block; width:60px; height:60px; background:url(../images/website/l_arrow.jpg) no-repeat 0 0; }
#nextBtn a { display:block; width:60px; height:60px; background:url(../images/website/r_arrow.jpg) no-repeat 0 0; }
.anythingControls{float: right; margin:-30px 100px 0 0; position: relative; z-index: 999;}
div.anythingSlider .anythingControls ul a span{display:none}
div.anythingSlider .anythingControls ul a{padding: 0px 9px !important; background-color: #ccc !important;
box-shadow:-1px -2px 9px rgba(38, 0, 0, 0.7) inset; border-radius:10px !important; -webkit-border-radius:10px !important}
div.anythingSlider .anythingControls ul a.cur{background-color: #5EDBDC !important}
/******** slider ******************************************************/




.dropdown {
    position: relative;
   /* display: inline-block; sorry for this not active*/
}

.dropdown-content {
	background-color: #0079c2;
	box-shadow: 4px 4px 7px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 4px 4px 7px 0 rgba(0, 0, 0, 0.2);
	border-radius: 2px; -webkit-border-radius: 2px;
	display: none;
	min-width: 204px;
	padding: 0;
	position: absolute;
	text-align: left;
}

.dropdown:hover .dropdown-content {
    display: block;
}



/** fixed Bootstrap **/
#bgcontain table{ border-collapse: separate; border-spacing: 2px;}
.top span:before,
div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a,
.rtb,
.dvmn .toggleMenu,
.stream li .section-intro,
.newsfl, .fthd .fta, .fthd .ftb
{
	-webkit-box-sizing:unset;-moz-box-sizing:unset;box-sizing:unset;
}
.slider .panel {border:none}

.btn03{
	background-color: #f8ffff;
	border: 2px solid #0079c2 !important;
	border-radius: 6px; -webkit-border-radius: 6px;
	font: 14px helvetica;
	margin: 4px 14px;
	padding: 4px 14px;
	color: #000000 !important; text-align:center;
}

.center {text-align:center;}
.w100 {width: 100%;}
.w75 {width: 75%;}
.w50 {width: 50%;}



/***Login03********************************************************************************/
html > body .cclgn .lightbox {background-color: #000; display: none; height: 100%; left: 0; opacity: 0.45; position: fixed; top: 0; width: 100%; z-index: 500 }
.cclgn {margin: 0 0 5px 5px; display:inline-table}
.cclgn .hdr {width:21px; cursor:pointer; line-height:32px; position:relative}
#ccform { position: absolute; padding: 10px 28px 18px; width: 270px; z-index:500; }
#ccform input, #ccform button{font: 13px/20px arial;}
#ccform input[type="text"], #ccform input[type="password"] {margin:0 0 1px; padding:3px;}
#ccform form{font: 13px/28px arial;}
#ccform form .ccsubm{border-bottom: 1px solid #FFFFFF; padding: 8px 0 12px;}
#ccform, #ccform .fgpsw a {color:#000 !important}
#ccform .fgpsw{color:#000 !important; text-align: center;}
.innerpagefull { border-top:1px solid #ffffff; margin-left: auto; margin-right: auto; text-align: left; background-color:#F3F3F3; -webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.9), 0px 1px 0px rgba(255, 255, 255, 0.9) inset; -moz-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.9), 0px 1px 0px rgba(255, 255, 255, 0.9) inset; box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.9), 0px 1px 0px rgba(255, 255, 255, 0.9) inset; }
.innerpagefull h2 { font: bold 20px 'trebuchet ms'; margin: 8px 0; padding: 0 0 12px; text-align: center; white-space: nowrap; border-bottom:1px solid #ffffff; }
.fullw { width: 96%; padding: 4px; box-shadow:0 0 5px rgba(0, 0, 0, 0.2) inset; background:none repeat scroll 0 0 #FFFFFF; border: 2px solid #BBBBBB; border-radius:8px; -webkit-border-radius:8px; }

.cclgn .hdr a.il{ background: url(//www.websolutions365.com.au/controlcentre/images/web365-sbg.gif) 0 -28px no-repeat; width: 22px; height: 22px; display:inline-block; text-indent: -9999px;
transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.cclgn .hdr a:hover.il{ background-position: 0 0; }
/***********************************************************************************/

#printc {
	position: relative; float: right; background:#23A491; color:#ffffff;
}
.pli{background:url(../images/arrow.right.png) no-repeat 14px 6px; margin:2px 0; padding:0 0 0 30px !important; overflow:hidden }
.pul ul{list-style:none; margin:0; padding:0}
.pul .pli a{color:#000001; display:block; height:25px !important; width:300px; background:#fcfcfc}
.pul .pli a:hover{background:#fff; border-radius:6px; -webkit-border-radius:6px}


/*** 1000 + 40 ***/
@media only screen and (max-width: 1040px) {
	#bgcontain, .bdft, #container, .fthd, .footer { width: 730px; }
	.header h1.HeaderImage {
		padding: 56px 0 0 40px;
	}
	.headbn .frmbn {
		background-position:-335px bottom;
	}

	.headbn .mn {margin: 8px 0 0 12px;}
	.headbn .bn {width: 521px;}

	.anythingControls {
		margin: -30px 12px 0 0;
	}
	.fthd .fta {
		background: none repeat scroll 0 0 #5C9BC9;
		border-radius: 16px;
		-webkit-border-radius: 16px;
	}

	.fthd {
		background:none repeat scroll 0 0 #23B3B3;
		border:4px solid #009999;
		box-shadow: 0 90px 80px rgba(0, 0, 0, 0.22) inset;
		-webkit-box-shadow: 0 90px 80px rgba(0, 0, 0, 0.22) inset;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		width: 98%;
	}
	.fthd {height:auto;}
	.fthd .fta { width:56%; padding:12px 4% }
	.fthd .ftb { width:28%; padding:12px 2% }
	.footer {padding:20px 0}
}
/*@media only screen and (max-width: 767px) {*/
@media only screen and (min-width: 250px) and (max-width: 767px) {
	#bgcontain, .bdft, #container, .fthd, .footer { width: 98%; }
	#bgcontain {
		border-top: 44px solid #FFFFFF;
	}
	.qlng { margin: -44px auto 0;  }
	.qlng td {
		font: 11px/11px arial;
	}
	.qlng td a{
		padding: 8px 9px;
	}
	.tbphn {
		font: 11px/18px Tahoma,arial;
		margin: 30px 4% 0 0;
	}
	.header h1.HeaderImage {
		padding: 42px 0 0 26px
	}
	.headbn .mn {
		padding: 16px 0;
		width: 95%;
		height:auto;
		margin: 8px 0 0 2%
	}
	.headbn .bn {
		background-color: #00b1b0;
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#00b1b0),to(#FFFFFF));
		background-image: -webkit-linear-gradient(top,#00b1b0,#FFFFFF);
		background-image: -o-linear-gradient(top,#00b1b0,#FFFFFF);
		background-image: linear-gradient(to bottom,#00b1b0,#FFFFFF);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b1b0cc', endColorstr='#FFFFFFb2', GradientType=0);


	}
	div#vmenu li, div#vmenu li:hover {
		width: 100%;
	}
	#slider {
		width: 96% !important;
	}
	#slider {
		border-radius: 14px 14px 0 0;
		-webkit-border-radius: 14px 14px 0 0;
		border: 3px solid #FFFFFF;
		border-bottom:none;
	}
	.anythingControls {
		margin: -19px 2px 0 0;
	}
	#vmenu li a, #vmenu li h2 {
		width: 90%;
	}
	#vmenu li a, #vmenu li h2{
		padding: 2% 0 2% 10%;
	}
	.headbn .bn {width: 100%;
		margin:1% 0;
	}
	.headbn .bn .bnt{
		margin:269px 0 0;
	}

	.headbn .frmbn {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }
	
	.content-right iframe {height: 300px }


	.content-left, .content-right, .fthd .fta, .fthd .ftb, .footer .FloatLeft, .footer .FloatRight{float:none; width: auto; }
	.content-left, .content-right {padding:10px 0; }
	.footer {text-align:center}
}
/*@media only screen and (min-width: 100px) and (max-width: 459px) {
	#bgcontain, .bdft, #container, .fthd, .footer { width: 240px; }
}*/


@media only screen and (max-width: 430px) {
	.tbphn {
		font: 8px/11px arial;
		margin: 37px 0 0;
	}
	.header h1.HeaderImage {
		padding: 42px 0 0 4px;
	}
	.qlng td a {
		font: 9px/11px arial;
		padding: 8px 2px;
	}

	#slider .bim img {
		width: 55%; height:auto;
	}
	#slider2, .headbn .bn, #slider, div.anythingSlider .anythingWindow {
		height: 195px !important;
	}
	.headbn .bn .bnt {
		margin: 120px 0 0;
	}
	.qlng td.home a {
		padding: 6px 0 !important;
	}

}

@media only screen and (max-width: 340px) {
	.tbphn {
		display:none !important;
	}
	.header h1.HeaderImage {
		text-align:center;
	}
	/*.header h1.HeaderImage img{
		width: 140px;
	}*/
	.qlng td.hdr {
		display:none;
	}
	.qlng td a {
		font: 8px/11px arial;
		padding: 8px 1px;
	}
}