html, body { height: 100%; width: 100%; margin: 0; padding: 0; border: 0; background: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}
.thetable { position: relative; display: table; width: 100%; margin: 0 0 20px 0; padding: 0; border: 0; clear: both;border-spacing: 0; /* required by Opera 6 */ }
/* hide this from opera6 */
head:first-child+body div.thetable {height: 100%;}
.tablerow { display: table-row; }
.cell { display: table-cell; vertical-align: top; min-height: 100%;}
/* hide this from opera6 */
head:first-child+body div.cell {height: 100%;}
/* added for mozilla which worked for others too, but op6 still needed min-height so hide this rule */
.SL { width: 200px; position: relative; padding: 0px 0px 0px 10px;}
.SC { width: auto; padding: 0px 20px; }
.SR { position: relative; width: 200px; padding-right: 10px;}
/* header and top menu*/
#myheader { clear:both; float:left; width:100%; }
#myheader {border-bottom:solid 5px #FF4444; background: #8098C6; }
#myheader p, #myheader h1, #myheader h2 { padding:.4em 15px 0 15px; margin:0;}
#myheader ul { clear:left; float:left; width:100%; list-style:none; margin:0 0 0 0; padding:0; }
#myheader ul li { display:inline; list-style:none; margin:0; padding:0; }
#myheader ul li a { display:block; float:left; margin:0 0 0 1px; padding:3px 10px; text-align:center;
text-decoration:none; position:relative; left:15px; line-height:1.3em; }
#myheader ul li a { background:#eee; color:#000;}
#myheader ul li a:hover { background:#369; color:#fff;}
#myheader ul li a.active, #myheader ul li a.active:hover { color:#fff; background:#000; font-weight:bold; }
#myheader li a.menucolor1 { background:#ff4444; color:#000;}
#myheader li a.menucolor1:hover { background:#990000; color:#fff;}
#myheader li a.menucolor2 { background:#ff9900; color:#000;}
#myheader li a.menucolor2:hover { background:#993300; color:#fff;}
#myheader li a.menucolor3 { background:#ffff44; color:#000;}
#myheader li a.menucolor3:hover { background:#c39f09; color:#fff;}
#myheader li a.menucolor4 { background:#99ff33; color:#000;}
#myheader li a.menucolor4:hover { background:#336600; color:#fff;}
#myheader li a.menucolor5 { background:#44A6FC; color:#000;}
#myheader li a.menucolor5:hover { background:#003399; color:#fff;}
#myheader li a.menucolor6 { background:#cc66ff; color:#000}
#myheader li a.menucolor6:hover { background:#660099; color:#fff;}
#myheader ul li a span { display:block; }
#ImageContainer { float: right; border-style:none; background: #8098C6; padding: 0 10px 0 0; }
#ImageContainer img {margin-left: 10px; margin-top: 15px;}
/* 'widths' sub menu */
#layoutdims {clear:both; background:#eee; border-top:4px solid #000; margin:0; padding:6px 15px !important; text-align:right;}
#Footer { clear: both; position: relative; margin-top: -10px; z-index: 15; margin-bottom: 0px; font-size: 10px; text-align: center; background-color:#EFEDEE}
#Footer p { padding: 8px 0px; margin: 0px; background-color:#EFEDEE}
#Footer a { color:#666; text-decoration: underline; }
#Footer Img {margin-left: 5px; margin-right: 5px;}
/*#FooterImg1 {float: left; width: 49.9%; background-color:#EFEDEE; padding: 10px 0 0 0; }*/
/*#FooterImg2 {float: left; width: 49.9%; background-color:#EFEDEE; padding: 10px 0 0 0;}*/
/* matt Footer styles */
#myfooter { clear:both; float:left; width:100%; border-top:1px solid #000;}
#myfooter p {padding:10px; margin:0; }
/* General Links */
a:link { text-decoration : none; border: 0px;}
a:active { text-decoration : none; border: 0px;}
a:visited { text-decoration : none; border: 0px;}
a:hover { text-decoration : underline; border: 0px;}
img { padding: 0px; margin: 0px; border: none;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px; }
input { font-family: 'Verdana'; color: #2f2928; font-size: 11px; }
textarea { font-family: 'Verdana'; color: #2f2928; font-size: 11px; }
select { font-family: 'Verdana'; color: #2f2928; font-size: 11px; }
h1, h2, h3 { font-family: 'Verdana';}
h4 { font-family: 'Verdana'}
/* SL LEFT COLUMN+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SL h2 { font-size: 13px; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px;}
.SL ul { padding: 0px; margin: 0px; font-size: 12px; }
.SL li { padding: 0px; margin: 0px; list-style-type: none;}
.col2 h2 { font-size: 13px; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px;}
.col2 ul { padding: 0px; margin: 0px; font-size: 12px; }
.col2 li { padding: 0px; margin: 0px; list-style-type: none;}
/* SR RIGHT COLUMN +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR h2 { font-size: 13px; padding: 5px 0px; margin: 0px 0px 5px 0px; border-bottom: solid 1px #e7e2d6;}
.SR ul { padding: 0px; margin: 0px; font-size: 12px; }
.SR li { padding: 0px 0px 0px 8px; margin: 0px; list-style-type: none; background: url(../Images/SRIco.png) no-repeat left top;}
.col3 h2 { font-size: 13px; padding: 5px 0px; margin: 0px 0px 5px 0px; border-bottom: solid 1px #C1DCEB;}
.col3 ul { padding: 0px; margin: 0px; font-size: 12px; }
.col3 li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; background: url(../Images/SRIco.png) no-repeat left top;}
/* BreadCrumb ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.BreadCrumb { font-size: 11px; margin: 0px 0px 5px 0px; padding: 10px 0px 10px 0px; }
.BreadCrumb ul { list-style-type: none; margin: 0px; padding: 0px;}
.BreadCrumb li { background: url(../Images/trail_arrow.gif) no-repeat left center; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 7px; text-decoration: none; display: inline;}
.BreadCrumb li a { margin: 0px; padding: 0px; text-decoration: underline;}
.BreadCrumbGreater { padding:4px; }
/* SC CENTER COLUMN++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SC h1 { font-size: 20px; letter-spacing: -1px; font-weight: normal; padding: 5px 0px; margin: 0px 0px 5px 0px;}
.SC h2 { font-size: 14px; line-height: 13px; font-weight: bold; padding: 5px 0px; margin: 0px 0px 5px 0px; color:#666;}
.SC h3 { font-size: 14px; font-weight: bold; padding: 3px 0px; margin: 0px 0px 3px 0px; color:#000; }
.col1 h1 { font-size: 20px; letter-spacing: -1px; font-weight: normal; padding: 5px 0px; margin: 0px 0px 5px 0px;}
.col1 h2 { font-size: 14px; line-height: 13px; font-weight: bold; padding: 5px 0px; margin: 0px 0px 5px 0px; color:#666;}
.col1 h3 { font-size: 14px; font-weight: bold; padding: 3px 0px; margin: 0px 0px 3px 0px; color:#000; }
/* PostItem */
.SC .PostItem {display: block; clear: both;}
.col1 .PostItem {display: block; clear: both;}
/* Photo of the day +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.PhotoDayBlock { float: right; padding: 0 0 0 0px ; margin: 10px 0px 10px 0px; font-size: 11px; border: none; text-align:center; font-weight: bold;}
.PhotoDayBlock h1 { padding: 0 0 0 25px; background: url(../Images/Category/photo.png) no-repeat left; font-size: 18px; font-weight: normal; text-align: left;}
.PhotoDayBlock img {margin: 20px 0 10px;}
.VideoBlock { margin: 10px 179px 0 0; }
.VideoBlock h1{margin: 0 39px 0 0; padding: 0 0 0 20px; background: url(../Images/Category/video.png) no-repeat left; font-size: 18px; font-weight: normal;}
.VideoBlock dl{ float: left; /* чтобы картинки шли друг за другом вряд */
/* красота, размеры, отступы */
/*border: 1px solid #CCC;*/
border: none;
background-color: #FFF;
width: 178px; /*178+19(половина расстояния между картинами) + 3(припуск) */
padding: 0 0 0 0;
margin-top: 20px;
margin-right: 30px;
margin-bottom: 0px;
}
.VideoBlock dl dt{
text-align: center; /* поскольку тэг img является строчным, то позиционируем его по центру таким способом */
width: 178px; /*178+19 (половина расстояния) */
height: 110px;
}
.VideoBlock dl dt img{
vertical-align: middle; /* позиционирование картинки по вертикали (для IE) */
}
.VideoBlock dl dd{ text-align: center; font-size: 10px; margin: 0 0 0 0;} /*margin-right 22 px */
.VideoBlock h2{ font-size: 10px; }
.VideoInfo {color:#999999;}
.VideoBlock p {margin: 0 45px 10px 0; font-weight:bold;}
.CentralBanner {text-align: center;}
/* Articles ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Articles { margin: 20px 0px;}
.Articles .Post .PostContent { text-align:justify; }
/* Featured ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Featured { margin: 20px 0px;}
.Featured h1 { font-size: 18px; font-weight: normal; letter-spacing: -1px; margin-bottom: 20px;}
/* RecentArticles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.RecentArticles { margin: 20px 0px;}
.RecentArticles h1 { font-size: 18px; font-weight: normal; letter-spacing: -1px; margin-bottom: 20px;}
/* Categories ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Categories {}
.Categories .Post .PostContent { text-align:justify; }
/* Blogs ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Blogs {}
/* Authors ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/**/ * html .Authors { height: 150px;} /**/
.Authors { min-height: 150px;}
.Authors .Post .PostContent { text-align:justify; }
/* Pages ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Pages {}
/* News +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.News {}
/* RecentNews +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.RecentNews h1 { font-size: 18px; font-weight: normal; letter-spacing: -1px; margin-bottom: 20px;}
.RecentNews h3 { font-size: 13px; font-weight: bold;}
.RecentNews .Post { padding: 5px 0px;}
.RecentNews .Post .PostInfo { margin: 0px; }
/* SearchResults +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SearchResults {}
/* Post ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Post { padding: 0px; margin: 0px;}
/* Post Author */
.Post .PostAuthorDetails { padding: 10px 0px; margin: 0px;}
.Post .PostAuthorDetails big { font-size: 13px; letter-spacing: -1px; font-weight: bold;}
.Post .PostAuthorDetails p { font-size: 12px; padding: 4px 0px; margin: 0px; }
.Post .PostAuthorDetails img { margin: 0px 10px 0px 0px; padding: 1px;}
/* Post Head */
.Post .PostHead {}
.Post .PostHead h1 { padding: 5px 0px; margin: 0px;}
.Post .PostHead h2 { padding: 5px 0px; margin: 0px;}
/* Post Info/Details */
.Post .PostInfo { padding: 3px 0px 0px 0px; margin: 0px 0px 3px 0px; font-size: 10px; font-weight: bold;}
.Post .PostInfo li { padding: 0px; margin: 0px; display: inline; list-style-type: none;}
.Post .PostInfo a { text-decoration: underline;}
.Post .PostInfo .Author { border-right: solid 1px #999; padding: 0px 5px 0px 0px;}
.Post .PostInfo .Time { border-right: solid 1px #999; padding: 0px 5px 0px 5px;}
.Post .PostInfo .Categ { border-right: solid 1px #999; padding: 0px 5px 0px 5px;}
/*.Post .PostInfo .Rating { padding: 0px 0px 0px 5px;}*/
.Post .PostInfo .Rating { border-right: solid 1px #999; padding: 0px 5px 0px 5px;}
.Post .PostInfo .PrinterVersion { background: url(../Images/icon_PrinterVersion.png) no-repeat left center; padding: 0 0 0 17px; margin-left: 5px;}
/* Post Content */
.Post .PostContent { margin: 0px; padding: 10px 0px; font-size: 14px; line-height: 18px; color:#333;}
.Post .PostContent img { margin: 5px 10px 5px 0px; }
.Post .PostContent p { font-size: 14px; line-height: 18px;}
/* Post Content -Single Page */
.Post .PostContentSingle { margin: 0px; padding: 10px 0px; font-size: 12px; line-height: 17px;}
.Post .PostContentSingle img {}
.Post .PostContentSingle h1 { padding: 10px 0px; margin: 0px 0px 5px 0px;}
.Post .PostContentSingle p { font-size: 12px; line-height: 17px;}
/* 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: 15px; padding: 5px 0px; margin: 0px; font-weight:bold}
/* Article Comments */
.Post .PostMore h2 { font-size: 14px; border-bottom: dashed 1px #cfcfcf;}
.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;}
/* Search Left ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Search { position: relative; margin-bottom: 10px; padding: 10px;}
/**/ * html .SearchTop { left: -10px;} /* */
.SearchTop { width: 200px; height: 4px; position: absolute; top: 0px; left: 0px; }
.Search h2 { padding-top: 0px;}
.Search form { padding: 0px; margin: 0px;}
.Search .input { border: inset 1px #1c3182; font-size: 10px; padding: 3px;}
.Search .arrow { width: 22px; height: 20px; }
.Search .arrow:hover { width: 23px; height: 20px; }
.Search .arrowIE { width: 22px; height: 20px; }
/**/ * html .searcharrow { margin: -21px 0px 0px 150px; } /**/
.searcharrow { padding: 0px 5px 0px 0px; margin: -20px 0px 0px 150px; background: none; }
.Search p { font-size: 10px; padding: 3px 0px; margin: 0px;}
.Search p a { text-decoration: underline; }
/* Category Left ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Cat { position: relative; margin-bottom: 10px; padding: 10px; }
/**/ * html .CatTop { left: -10px;} /**/
.CatTop { height: 5px; left: 0px; top: 0px; width: 200px; position: absolute;}
.Cat h2 { padding-top: 0px;}
.Cat ul { padding: 0px; margin: 0px;}
.Cat li { padding: 0px; margin: 0px; background: none;}
.Cat li a { display: block; padding: 3px 0px 3px 0px; margin: 0px; font-size: 13px;}
.Cat li a:visited { display: block; padding: 3px 0px 3px 0px; margin: 0px; font-size: 13px; }
.Cat li a:hover { display: block; padding: 3px 0px 3px 0px; margin: 0px; font-size: 13px;}
/* Site Menu Left ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SiteMenu { position: relative; padding: 10px;}
/**/ * html .SiteMenuTop { left: -10px; height: 5px;} /**/
.SiteMenuTop { height: 5px; left: 0px; top: 0px; width: 200px; position: absolute;}
.SiteMenu ul { padding: 0px; margin: 0px;}
.SiteMenu li { padding: 2px 0px; font-size: 11px; }
.Partners { position: relative; padding: 10px;}
.Partners ul { padding: 0px; margin: 0px;}
.Partners li { padding: 10px; font-size: 11px;}
.Partners2 { padding: 10px;}
.Partners2 ul { margin: 0px;}
.Partners2 li { padding: 0px 0px 0px 15px; font-size: 11px; background: none;}
.Partners2 img {border: 0px;}
/* Block Area ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Block h2 { padding-top: 0px;}
.Block a {}
.Block a:visited {}
.Block a:hover {}
.Block ul{padding: 0;}
/**/ * html .BlockTop { left: -10px;} /* */
.BlockTop { height: 5px; left: 0px; top: 0px; width: 200px; position: absolute;}
/* Recent Blogs +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.RecentBlogs { position: relative; margin-bottom: 0; padding: 10px;}
.RecentBlogs h1 { font-size: 14px; font-weight: bold; letter-spacing: -1px; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px;}
.RecentBlogs big { display: block; font-size: 10px; font-weight: bold; padding: 1px 0px 1px 0px; margin: 0px}
.RecentBlogs small { display: block; margin-bottom: 2px; padding: 2px 0px; font-size: 9px;}
.RecentBlogs small a { text-decoration: underline; }
.RecentBlogs a {}
.ArticleOptions { margin-bottom: 10px; position: relative; padding: 10px;}
.PopularArticles { margin-bottom: 10px; position: relative; padding: 10px; }
.FavoriteArticles { margin-bottom: 10px; position: relative; padding: 10px; }
.ArticleHistory { margin-bottom: 10px; position: relative; padding: 10px; }
.ArticlesToRead { margin-bottom: 10px; position: relative; padding: 10px; }
.PopularAuthors { margin-bottom: 10px; position: relative; padding: 10px;}
/* Article Navigation +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/**/ * html .ArtNav { height: 15px;} /**/
.ArtNav {font-size: 11px; line-height: 13px; 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; }
.Category .Desc { font-size: 13px; line-height: 16px; }
.Category .rss { position: absolute; right: 0px; top: 15px;}
.Category .SubCategory ul { padding: 15px 0px 5px 0px; margin: 0px;}
.Category .SubCategory li { padding: 3px 0px 3px 20px; margin: 0px; font-size: 13px; 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 { 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 ol { padding: 10px; margin: 0px;}
.AZ ul { padding: 10px; margin: 0px;}
.AZ li { padding: 0px; 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 {}
.ListAuthors ul { margin: 0px; padding: 0px 0px 0px 20px; }
.ListAuthors li { line-height: 16px;}
/* PageForms +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.PageForms {font-size: 10px;}
.PageForms form {}
.PageForms td { padding: 10px; }
.PageForms th { padding: 10px 2px 10px 10px; text-align: left; font-size: 15px; font-family: "Georgia"; font-weight: normal;}
.PageForms td table td { padding: 3px; 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; font-weight: bold;}
.PageForms .Required { color:#FF0000;}
.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; }
/* Site 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;}
.SuccessMessage { color: #FF0000; background: url(../Images/success.png) no-repeat left center; font-size: 11px;}
/* Author Tabs +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#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; font-size: 10px; font-weight: bold;}
#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; line-height: 14px; padding: 5px 10px; margin: 0px 4px 0px 0px ; text-decoration: none;}
#tabnav .tablink a:link.active, #tabnav .tablink a:visited.active {}
#tabnav a:hover {}
/* ViewAll ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.ViewAll { background: url(../Images/ViewAllIco.png) no-repeat left center; padding-left: 15px; font-size: 10px; font-weight: bold;}
/* Paging +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Paging { text-align: right; padding: 5px; margin: 5px 0px; font-size: 10px; line-height: 15px;}
.Paging strong { letter-spacing: -1px;}
.Paging a { display: inline; padding: 2px 5px; font-weight: bold; }
.Paging a:visited { display: inline; padding: 2px 5px; }
.Paging a:hover { display: inline; padding: 2px 5px; text-decoration: none;}
.PagingDisabled { display: inline; padding: 2px 5px; font-weight: bold;}
.PagingCurrentPageNumber { display: inline; font-weight: bold; padding: 2px 5px; font-weight: bold;}
/* 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;}
/* 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;}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .Newsletter { font-size: 11px; margin-bottom: 10px; position: relative; padding: 10px;}
.SR .Newsletter h2 { margin-bottom: 10px;}
.col3 .Newsletter { font-size: 11px; margin-bottom: 10px; position: relative; padding: 10px;}
.col3.Newsletter h2 { margin-bottom: 10px;}
/* Teaser Image Styles */
.FeatureImageSpan { font-size: 9px; margin: 5px 0 5px 0;}
.FeatureImageCaption { padding-left: 0px; padding-right: 0px;}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* matthewjamestaylor */
/* column container */
.colmask {
position:relative; /* This fixes the IE7 overflow hidden bug */
clear:both; float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
}
/* common column settings */
.colright, .colmid, .colleft {
float:left;
width:100%; /* width of page */
position:relative;
}
.col1, .col2, .col3 {
float:left; position:relative;
padding:0 0 0 0; /* no left and right padding on columns, we just make them narrower instead
only padding top and bottom is included here, make it whatever value you need */
overflow:hidden;
}
/* 3 Column settings */
/* left column - 16%, paddings - 0, right column - 20%, paddings 0, center - 64%, padding 2% each side */
.threecol { background:#e8f5fd; } /* right column background colour */
.threecol .colmid {
right:20%; /* width of the right column */
background:#fff; /* center column background colour */
}
.threecol .colleft {
right:64%; /* width of the middle column */
background:#e8f5fd; /* left column background colour */
}
.threecol .col1 {
width:60%; /* width of center column content (column width minus padding on either side) */
left:102%; /* 100% plus left padding of center column */
}
.threecol .col2 {
width:16%; /* Width of left column content (column width minus padding on either side) */
left:24%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
width:20%; /* Width of right column content (column width minus padding on either side) */
left:88%; /* Please make note of the brackets here:
(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* end matthewjamestaylor */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */