/*
Copyright (c) 2008 Mediasparx (http://www.mediasparx.com)

Content:screen.css
    Fonts
    Structure
    Links and navigation
    Images
    WebEd+

Notes: General CSS for screen
*/



/* -=* Fonts *=- */

body {
    color: #777777;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: small;
    line-height: 1.5em;
	}

* html body {
	font-size: x-small; /* align IE5/Win */
	f\ont-size: small; 	/* align other IE version */
}

h1, h2, h3, h4, h5, h6 {
    padding-top: 7px;
    padding-bottom: 3px;
    font-size: 100%;
}

h1 {
    font-size: 130%;
    color: #99cc33;
}

h2 {
    font-size: 110%;
}

p {
    padding-top: 7px;
    padding-bottom: 7px;
}

ul, ol {
    padding-left: 20px;
    padding-top: 7px;
    padding-bottom: 3px;
}

#calender ul {
    line-height: 1.4em;
}

hr {
    clear: both;
	border: none 0;
	border-top: 1px solid #eee;
	height: 1px;
    margin-top: 12px;
    margin-bottom: 8px;
}

.thick { /* hr variant */
	border-top: 3px solid #eee;
	height: 3px;
}

.slim { /* hr variant */
    margin-top: -4px;
    margin-bottom: 0px;
}

#header h1 {
    font-size: 110%;
    color: #888888;
}

#header {
    font-size: 85%;
    color: #888888;
    line-height: 1.4em;
}

#xmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#menu {
    font-size: 85%;
    font-weight: bold;
    line-height: 2em;
}

#content-menu {
    font-size: 85%;
    font-weight: bold;
}

#content1 h1 {
    color: #99cc33;
}

#content2 h1 {
    color: #f8981d;
}

#content3 h1 {
    color: #ee3424;
}

#content4 h1 {
    color: #fe39f8;
}

#content5 h1 {
    color: #00adef;
}

#content-marg h2 {
    color: #99cc33;
}

#content-page {
    font-size: 85%;
}

#content-xtra {
    font-size: 85%;
}

#content-xtra h2 {
    font-size: 100%;
}



/* -=* Structure *=- */

* {
    margin: 0px;
    padding: 0px;
}

html,body {
    height: 100%;
}


body {
    background: #6d6f71 url(../Images/bkg.gif) repeat-x top left;
}

#wrap {
    width: 711px;
    position: relative;
    margin: 0 auto;
    text-align: left;
    background: #ffffff url(../Images/xtra_back.gif) repeat-y top left;

	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
    }

#wrap-back {
    float: left;
    background: #ffffff url(../Images/xtra_back.gif) repeat-y top left;

	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
    }

#wrap-header, #wrap-menu, #wrap-content {
    clear: both;
}

#header {
    float: left;
    position: relative;
    width: 100%;
	background-color: #ffffff;
}

#xmenu {
    float: right;
    position: relative;
    background: #7b7d7f url(../Images/xmeny.gif) no-repeat bottom left;
}

#xmenu ul {
    float: left;
    list-style: none;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#xmenu li {
    float: left;
}

#xmenu li a {
    display: block;
    padding-top: 6px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right: 7px;
}

#slogon {
    clear: right;
}

#menu {
    float: left;
    width: 711px;
    background: #6d6f71 url(../Images/menu_back.gif) repeat-x top left;
}

#menu ul {
    float: left;
    background-color: #fff;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}

#menu ul li {
    float: left;
    position: relative;
    list-style: none;
}

#menu li a {
    display: block;
    padding-top: 5px;
    padding-bottom: 2px;
    padding-left: 7px;
    padding-right: 7px;
}

#menu ul li ul {
    display: none;
    }

#content-main {
    float: left;
    width: 711px;
}

#content-menu {
    float: left;
    width: 711px;
	height: auto !important; /* real browsers */
	height: 259px; /* IE6: treaded as min-height*/
	min-height: 259px; /* real browsers */
}

#content-page {
    clear: both;
    float: left;
    width: 711px;
    background: #ffffff url(../Images/xtra_back.gif) repeat-y top left;
}

#content-marg {
    float: left;
    width: 191px;
    padding: 20px;
    margin-right: 1px;
}

#content {
    float: right;
    width: 439px;
    padding: 20px;
}

#content-xtra {
    clear: both;
    float: left;
    width: 711px;
    border-top: #ffffff solid 1px;
    background: #f9f8f6 url(../Images/xtra_back_fader.gif) repeat-x top left;
}

#content-xtra1 {
    float: left;
    width: 245px;
    padding: 20px;
    padding-bottom: 0px;
}

#content-xtra2 {
    clear: left;
    float: left;
    width: 245px;
    padding: 20px;
    padding-top: 0px;
}

#content-xtra3 {
    float: right;
    width: 385px;
    padding: 20px;
    border-left: #e9eaea solid 1px;
}

#content-menu {
    border-top: #ffffff solid 1px;
}

#content-menu ul {
    float: left;
    width: 211px;
    padding-top: 15px;
    padding-left: 20px;
    list-style: none;
}

#content-menu div span {
    float: right;
    margin-top: 15px;
    margin-right: 15px;
}

#Query {
    width: 175px;
}

#calender ul {
    list-style: none;
    padding-left: 0px;
}

#calender li {
    padding-top: 2px;
    padding-bottom: 2px;
}

#newsletter_email {
    width: 125px;
}



/* -=* Links and navigation *=- */

a:link {
    color: #99cc33;
}

a:visited {
    color: #6b8f24;
}

a:hover {
    color: #cce761;
}

#xmenu a {
    color: #fff;
    text-decoration: none;
}

#xmenu a:hover {
    color: #fff;
    text-decoration: underline;
}

#menu a {
    color: #fff;
    text-decoration: none;
}

#menu-1 a {
    display: block;
    width: 227px;
    border-bottom: #b2d236 solid 4px;
}

#menu-1 {
    width: 241px;
    margin-right: 1px;
    background: #6d6f71 url(../Images/menu_back.gif) repeat-x top left;
}

#menu-1 a:hover{
    background-color: #b2d236;
}

#menu-1-selected a {
    width: 227px;
    margin-right: 1px;
    border-bottom: #b2d236 solid 4px;
    background-color: #b2d236;
}

#menu-2 a {
    display: block;
    width: 102px;
    border-bottom: #f8981d solid 4px;
}

#menu-2 {
    width: 116px;
    margin-right: 1px;
    background: #6d6f71 url(../Images/menu_back.gif) repeat-x top left;
}

#menu-2 a:hover {
    background-color: #f8981d;
}

#menu-2-selected a {
    width: 102px;
    margin-right: 1px;
    border-bottom: #f8981d solid 4px;
    background-color: #f8981d;
}

#menu-3 a {
    display: block;
    width: 102px;
    border-bottom: #ee3424 solid 4px;
}

#menu-3 {
    width: 116px;
    margin-right: 1px;
    background: #6d6f71 url(../Images/menu_back.gif) repeat-x top left;
}

#menu-3 a:hover{
    background-color: #ee3424;
}

#menu-3-selected a {
    width: 102px;
    margin-right: 1px;
    border-bottom: #ee3424 solid 4px;
    background-color: #ee3424;
}

#menu-4 a {
    display: block;
    width: 102px;
    border-bottom: #fe39f8 solid 4px;
}

#menu-4 {
    width: 116px;
    margin-right: 1px;
    background: #6d6f71 url(../Images/menu_back.gif) repeat-x top left;
}

#menu-4 a:hover{
    background-color: #fe39f8;
}

#menu-4-selected a {
    width: 102px;
    margin-right: 1px;
    border-bottom: #fe39f8 solid 4px;
    background-color: #fe39f8;
}

#menu-5 a {
    display: block;
    width: 104px;
    border-bottom: #00adef solid 4px;
}

#menu-5 {
    width: 118px;
    background: #6d6f71 url(../Images/menu_back.gif) repeat-x top left;
}

#menu-5 a:hover{
    background-color: #00adef;
}

#menu-5-selected a {
    width: 104px;
    border-bottom: #00adef solid 4px;
    background-color: #00adef;
}

#content-menu1 ul {
    padding-bottom: 0px;
}

#content-menu1 {
	height: auto !important; /* real browsers */
	height: 259px; /* IE6: treaded as min-height*/
	min-height: 259px; /* real browsers */
    background-color: #b2d236;
}

#content-menu1 span {
	border: 1px solid #e2eeb4;
	padding: 4px;
	background-color: #c5dd68;
}

#content-menu2 {
	height: auto !important; /* real browsers */
	height: 259px; /* IE6: treaded as min-height*/
	min-height: 259px; /* real browsers */
    background-color: #f8981d;
}

#content-menu2 span {
	border: 1px solid #fdd9ab;
	padding: 4px;
	background-color: #fab256;
}

#content-menu3 {
	height: auto !important; /* real browsers */
	height: 259px; /* IE6: treaded as min-height*/
	min-height: 259px; /* real browsers */
    background-color: #ee3424;
}

#content-menu3 span {
	border: 1px solid #f9b3ad;
	padding: 4px;
	background-color: #f2675b;
}

#content-menu4 {
	height: auto !important; /* real browsers */
	height: 259px; /* IE6: treaded as min-height*/
	min-height: 259px; /* real browsers */
    background-color: #fe39f8;
}

#content-menu4 span {
	border: 1px solid #ffb5fd;
	padding: 4px;
	background-color: #fe6bfa;
}

#content-menu5 {
	height: auto !important; /* real browsers */
	height: 259px; /* IE6: treaded as min-height*/
	min-height: 259px; /* real browsers */
    background-color: #00adef;
}

#content-menu5 span {
	border: 1px solid #a0e1f9;
	padding: 4px;
	background-color: #40c2f3;
}

#content-menu li a {
    padding-left: 10px;
    text-decoration: none;
}

#content-menu li {
	background: url(../Images/ymeny-link.gif) no-repeat left center;
}

#content-menu li a:hover {
	background: url(../Images/ymeny-hover.gif) no-repeat left center;
}

#content-menu a:link {
    color: #ffffff;
}

#content-menu a:visited {
    color: #ffffff;
}

#content-menu a:hover {
    color: #ffffff;
}

#content-marg ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content-marg li {
    padding-left: 10px;
	background: url(../Images/trail_arrow.gif) no-repeat left center;
}

#content2 a:link {
    color: #f8981d;
}

#content2 a:visited {
    color: #ae6a14;
}

#content2 a:hover {
    color: #ffce8e;
}

#content3 a:link {
    color: #ee3424;
}

#content3 a:visited {
    color: #a72419;
}

#content3 a:hover {
    color: #ff9b93;
}

#content4 a:link {
    color: #fe39f8;
}

#content4 a:visited {
    color: #b228ac;
}

#content4 a:hover {
    color: #ff9cfb;
}

#content5 a:link {
    color: #00adef;
}

#content5 a:visited {
    color: #0075A7;
}

#content5 a:hover {
    color: #80D9FF;
}


/* -=* Images *=- */

a img {
    border: 0;
}

.image_frame_left {
	border: 1px solid #eee;
	padding: 4px;
	background-color: #fff;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

.image_frame_right {
	border: 1px solid #eee;
	padding: 4px;
	background-color: #fff;
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
}

/* -=* Tables *=- */

.zebra td a, {
    display: block;
}

.zebra {
    border: #eeeeee solid 1px;
}

.zebra td {
   	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
}


tr.alt {
	background: #f9f8f6;
}

tr.over {
	background: #eeeeee;
}

/* -=* WebEd+ *=- */

.BreadCrumb { background: #eeeeee; display: none; }
.BreadCrumb { font-family: Arial, Helvetica, sans-serif; font-size: 85%; margin-bottom: 0px; }
.BreadCrumb ul { list-style-type: none; padding: 0px; margin: 0px; }
.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;}
.BreadCrumb li a { margin: 0px; padding: 0px; text-decoration: underline;}

.RecentBlogs ul { padding: 0px; margin: 10px 0px; }
.RecentBlogs li { padding: 5px 0px; margin: 0px; list-style-type: none; }
.RecentBlogs big { display: block; font-weight: bold; font-size: 110%; }

.PostItem {display: block; clear: both;}

.PostInfo { margin: 0px; padding: 0px; font-size: 85%; color:#aaaaaa; list-style-type: none; }

.PostAuthorDetails { display: none; }
.PostAuthorDetails { background:#f5f5f5;}

.PostInfo li { padding: 0px; margin: 0px; display: inline; list-style-type: none;}
.PostInfo a { color: #aaaaaa; font-weight: bold;}
.PostInfo .Author { border-right: solid 1px #aaaaaa; padding: 0px 5px 0px 0px;}
.PostInfo .Time { border-right: solid 1px #aaaaaa; padding: 0px 5px 0px 5px;}
.PostInfo .Categ { border-right: solid 1px #aaaaaa; padding: 0px 5px 0px 5px;}
.PostInfo .Rating {padding: 0px 0px 0px 5px;}

.PostContent img { margin: 0px 10px 10px 0px; padding: 1px; border: solid 1px #ccc;}

.PostBottom { padding: 5px 0px 15px 0px; margin: 0px; font-size: 85%; }
.PostBottom li { padding: 2px 0px; margin: 0px 5px 0px 0px; list-style-type: none; display: inline; }
.PostBottom .FullStory { background: url(../Images/icon_FullStory.png) no-repeat left center; padding-left: 17px;}
.PostBottom .VisitSite { background: url(../Images/icon_VisitSite.png) no-repeat left center; padding-left: 17px;}
.PostBottom .PrinterVersion { background: url(../Images/icon_PrinterVersion.png) no-repeat left center; padding-left: 17px;}
.PostBottom .EditArticle { background: url(../Images/icon_EditArticle.png) no-repeat left center; padding-left: 17px;}

.PostMore .Comment, .PostMore .CommentAlt { padding: 5px 10px 10px 10px;}
.PostMore .Comment .Title, .PostMore .CommentAlt .Title { padding: 4px 3px; padding-left:40px; margin: 0px;}
.PostMore .Comment .Details, .PostMore .CommentAlt .Details { padding: 0px 3px; padding-left:40px; margin: 0px; }
.PostMore .Comment .Reply, .PostMore .CommentAlt .Reply { float: right; padding-top:4px; clear: both; }
.PostMore .Comment .Content, .PostMore .CommentAlt .Content { padding: 10px 0px 0px 5px; margin: 0px; }
.PostMore .Comment { background:#F8F8F8 url('../Images/commentquote.gif') no-repeat 5px 10px; border-top: 1px solid #DFDFDF; }
.PostMore .CommentAlt { background:#FFFFFF url('../Images/commentquote.gif') no-repeat 5px 10px; border-top: 1px solid #DFDFDF; }

.ArtNavLeft { float: left }
.ArtNavRight { float: right }

.Paging { text-align: right; padding: 6px; margin: 5px 0px;}
.Paging a { display: inline; padding: 2px 5px;}
.PagingDisabled { display: inline; padding: 2px 5px; }
.PagingCurrentPageNumber { display: inline; padding: 2px 5px;}

.Paging a { }
.Paging a:visited { }
.Paging a:hover { background: #99cc33; color:#fff; }
.PagingDisabled { border: 1px solid #ccc; background: #e5e5e5; color:#666;}
.PagingCurrentPageNumber { border: 1px solid #005dbb; background: #005dbb; color: #fff;}
.Category { position: relative;}
.Category .rss { position: absolute; right: 0px; top: 7px;}
.Category .SubCategory li { padding: 2px 0px 2px 15px; margin: 0px; list-style-type: none;}
.Category .SubCategory ul li { float: left; }
.Category .SubCategory br { clear: left; }
.Category .SubCategory { margin-bottom: 1em; }

.AZ { position: relative; padding-top: 10px; }
.AZ ul { padding: 10px; float: left; }
.AZ li { padding: 0px 1px; margin: 0px; list-style: none; float: left; }
.AZ a { padding: 1px 3px; margin-right: 1px;}
.AZ ul { background:#f5f5f5; }

.ListAuthors { position: relative; padding-top: 70px; }

.PageForms tr td { padding: 10px; }
.PageForms tr td table tr td { padding: 3px; }
.PageForms tr td table tr td table tr td { padding: 0px; }
.PageForms tr td { padding: 10px; }
.PageForms th { padding: 10px 2px 10px 10px; text-align: left; }
.PageForms tr td table tr td { padding: 3px; }
.PageForms tr td table tr td table tr td { padding: 0px; }
.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 .Required { color:#ff0000;}
.PageForms form { border: solid 2px #eeeeee;}
.PageForms th { background: #eeeeee; }

.Message { color: #ff4e00; padding-top: 20px; }
.ErrorMessage { color: #ff0000; padding-top: 20px; }
.SuccessMessage { color: #66ad00; padding-top: 20px; }

#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 .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; padding: 5px 10px 5px 10px; margin: 0px 4px 0px 0px ; text-decoration: none;}
#tabnav .tablink a:link, #tabnav .tablink a:visited { background: #f5f5f5; border: 1px solid #ccc; }
#tabnav .tablink a:link.active, #tabnav .tablink a:visited.active { border-bottom: 1px solid #fff; background: #fff; }
#tabnav a:hover { background: #fff;}

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

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

.SpreadTheWord li { padding: 0px 2px; margin: 0px; list-style-type: none; display: inline; }

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

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

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

.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 { display: block; padding-left: 20px; }

.FeatureImageSpan { margin: 5px;}
.FeatureImageCaption {  padding-left: 3px; padding-right: 3px;}

.dtr span{
    display:block;
    float:left;
    overflow:hidden;
    text-indent:-1000px;
    background-repeat:no-repeat;
    background-position:left top;
}

.AttachmentList { border:1px solid #BEBEBE; background-color: #F8F8F8; }
.AttachmentList ul li { background: url(../Images/attach.gif) no-repeat left top; }
.AttachmentHeading { color:#384C4B; }

.FeatureImageSpan {background-color: #F5F5F5;}
.FeatureImageCaption {  border-bottom: 1px #CCCCCC solid;  }


/* -=* Tellus *=- */
.TellusNoOfHits {
	display: none;
}

#TellusProductList ul, #TellusProductList li, #TellusProductList table, #TellusProductList p {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

#TellusProductList ul li {
	list-style: none;
}

#TellusProductList img, #TellusProduct img {
	margin: 0px 10px 10px 0px;
	padding: 1px;
	border: solid 1px #ccc;
}