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

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

Notes: General CSS for screen
*/



/* -=* Structure *=- */

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

body {
    background-color: #ffffff;
}

#wrap {
	width: 100%;
    }

#wrap-header {
	clear: both;
    position: relative;
	height:auto !important; /* real browsers */
	height:292px; /* IE6: treaded as min-height*/
	min-height:292px; /* real browsers */
    background: #ffffff url(../Images/rm_repeat.jpg) repeat-x bottom left;
	z-index:145;
}

#header {
    width: 975px;
    position: relative;
	height:auto !important; /* real browsers */
	height:292px; /* IE6: treaded as min-height*/
	min-height:292px; /* real browsers */
    margin: 0 auto;
    text-align: left;
	z-index:146;
}

#logo {
    float: left;
	padding-top: 76px;
    padding-right: 35px;
	padding-left: 35px;
}

#collage {
    float: right;
	clear: right;
	margin-top: -10px;
	width: 720px;
}

#xmenu {
    float: right;
    background: url(../Images/xmenu.gif) repeat-x bottom right;
}

#xmenu ul {
    float: left;
    list-style: none;
	margin: 0;
	padding: 0;
    padding-top: 0px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: bottom right;
}

#xmenu li {
    float: left;
}

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

#wrap-menu {
    clear: both;
}

#menu {
	position: absolute;
	top: 268px;
	bottom: 0;
	left: 0;
	z-index:147;
}

#menu ul {
    list-style: none;
	margin: 0;
	padding: 0;
	z-index:148;
}

#menu ul li {
	float: left;
	position: relative;
	display: block;
	list-style: none;
	white-space: nowrap;
    background: url(../Images/rm_button_pink_l.gif) no-repeat top left;
	margin-right: 8px;
}

#menu li a {
    display: block;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-right: 15px;
    background-image: url(../Images/rm_button_pink_r.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top right;
}

#menu ul li#selected {
    background: url(../Images/rm_button_blue_l.gif) no-repeat top left;
}

#menu li#selected a {
    background-image: url(../Images/rm_button_blue_r.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top right;
}

#menu ul li {
	behavior: url(/templates/RM/Script/hover.htc);
}

#menu ul li:hover {
    background: url(../Images/rm_button_lightblue_l.gif) no-repeat top left;
}

#menu ul li a:hover {
    background-image: url(../Images/rm_button_lightblue_r.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top right;
}

#menu ul li:hover a {
    background-image: url(../Images/rm_button_lightblue_r.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top right;
}

DIV#menu ul li a, DIV#menu ul li a:hover, DIV#menu ul li:hover, DIV#menu ul li.over {
	z-index:149;
}

#menu ul li#selected ul li, #menu ul li#selected ul li a, #menu ul li.dropdown ul li, #menu ul li.dropdown ul li a {
	background-image: none;
	background: #71d2ff;
}

DIV#menu ul li ul {
	z-index:150;
}

#menu ul li ul {
	margin: 0px;
	display: none;
	z-index:150;
	left: 0px;
	padding: 0px;
	width: 150px;
	position: absolute;
	top: 100%;
	width: 222px;
	background: #cccccc;
	border-top: solid 2px #fff;
}

#menu ul li li {
	clear: left;
	padding: 0px;
	display: inline;
	margin: 0px;
}

#menu ul li:hover ul, #menu ul li.over ul, DIV#menu ul li:hover ul, DIV#menu ul li.over ul {
	display: block;
}

#menu li li a {
	width: 200px;
	padding: 3px 10px;
	color: #fff;
	border-left: solid 2px #fff;
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
}

#menu li#selected li a:hover, #menu ul li.dropdown ul li a:hover  {
	background: #38b2ff;
}

#wrap-bread {
    clear: both;
/*    border-bottom: solid 1px #e9eaea; */
}

#bread {
    clear: both;
    width: 975px;
    margin: 0 auto;
    text-align: left;
}

.BreadCrumb ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
	padding-left: 10px;
}

.BreadCrumb li {
	background: url(../Images/trail_arrow.gif) no-repeat left center;
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 0px 10px;
	display: inline;
}

.BreadCrumb li a {
	margin: 0px;
	padding: 0px;
}

#wrap-content {
    clear: both;
    width: 995px;
    margin: 0 auto;
    text-align: left;
}

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

#content-page {
    clear: both;
    float: left;
    width: 709px;
}

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

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

#content-xtra {
    clear: none;
    float: right;
    width: 245px;
    border-left: solid 1px #e9eaea;
    padding: 20px;

}

#content-xtra1 {
    clear: both;
    float: left;
    padding: 0px;
    width: 245px;
}

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

#content-xtra3 {
    clear: both;
    float: left;
    padding: 0px;
    width: 245px;
    border-left: 0px;
}

#Query {
    width: 175px;
}

#newsletter_email {
    width: 125px;
}




/* -=* 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%;
}

h2 {
    font-size: 120%;
}

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

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

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

.thick { /* hr variant */
	margin: 0px;
    margin-top: 18px;
    *margin-top: 12px;
    margin-bottom: 14px;
    *margin-bottom: 8px;
	padding: 0px;
	border-top: 3px solid #eee;
	height: 3px;
}

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

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

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

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

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

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

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

#content-xtra h1 {
    font-size: 120%;
}



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

a:link {
    color: #fd1a86;
}

a:visited {
    color: #fd1a86;
}

a:hover {
    color: #f47f9f;
}

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

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

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

#menu a:hover, #menu ul li#selected a {
    color: #fff;
}

#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-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 {
    list-style: none;
    padding-left: 0px;
}

#content-marg li a {
    padding-left: 10px;
}

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



/* -=* 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+ *=- */

.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: #dc318f; 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:50;
	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;  }