/*---[ general elements ]---*/

body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #ffffff; margin: 0px; padding: 0px; text-align: center; background-color: #333333; }
.clearboth { clear: both; }
img { border: 0px; }
.icon { vertical-align: middle; }
a, a:visited { color: #0066ff; text-decoration: none; }
a:hover { color: #0066ff; text-decoration: underline; }
.centercontent { width: 986px; margin-left: auto; margin-right: auto; text-align: left; position: relative; }
#topbar { border-bottom: 1px #5c5c5c solid; padding: 0px; height: 34px; background: url('/timages/v2-top-bar-back-wood.jpg') repeat-x center top; }
#topcolorline { background-color: #537cc0; height: 10px; font-size: 10px; border-bottom: 1px #ffffff solid; border-top: 1px #333333 solid; }
#bodybar { background: #ffffff url('/timages/v2-header-back.jpg') repeat-x center top; border-bottom: 1px #333333 solid; }
#logotop { float: left; padding: 0px 0px 20px 0px; width: 420px; height:120px; margin-left:0px; }
#logotopover { position: absolute;top:0px;left:0px; }
#topimage { position: absolute;top:0px;right:0px; }
#pagecontent { padding: 10px; color: #333333; }
#error { border: 1px #cc0000 solid; background-color: #990000; background-image: url('/timages/error.png'); background-repeat: no-repeat; background-position: 10px 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 12px; padding: 15px 15px 15px 30px; margin: 0px 0px 20px 0px; }
#success { border: 1px #0099ff solid; background-color: #006699; background-image: url('/timages/star.png'); background-repeat: no-repeat; background-position: 10px 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 12px; padding: 15px 15px 15px 30px; margin: 0px 0px 20px 0px; }
h1 { color: #333333; margin: 0px; padding: 0px; font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-weight: normal; }
h2 { color: #333333; margin: 0px; padding: 0px; font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-weight: normal; }
h3 { font-family: Helvetica, Arial, sans-serif; font-size: 22px; color: #333333; margin: 0px; padding: 0px; }
h4 { font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #333333; margin: 0px; padding: 0px; font-weight: normal; }
.redbar { background-color: #990000; height: 1px; color: #cccccc; border: 0px; }
.greybar { background-color: #cccccc; height: 1px; color: #cccccc; border: 0px; }
.pagetext { color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; }
#treeback { background:url('/timages/v2-tree-back2.png') no-repeat center bottom; border-top: 1px #537cc0 solid; }
a.topofpagelink, a.topofpagelink:visited { color: #999999; text-decoration: none; }
a.topofpagelink:hover { color: #cccccc; text-decoration: none; }

.imgbacksquare { background:url('/timages/image-back-square.jpg') no-repeat left top; display:block; display:inline-block; display:-moz-inline-box; }
.imgbacksquare span.trt { background:url('/timages/image-back-square-right.jpg') no-repeat right top; display:block; display:inline-block; padding-top:10px; }
.imgbacksquare span.blt { background:url('/timages/image-back-square.jpg') no-repeat left bottom; display:block; display:inline-block; }
.imgbacksquare span.brt { background:url('/timages/image-back-square-right.jpg') no-repeat right bottom; display:block; display:inline-block; }
.imgbacksquare img { padding: 0px 10px 10px 10px; }

a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;}
a.stbar.chicklet {height:16px;line-height:16px;}

/*---[ link bar elements ]

#linkbar { padding: 5px 0px 20px 0px; background:url('/timages/linkbar-shadow3.png') no-repeat center bottom; }
.round { color: #000000; font-size: 14px; font-family: "Trebuchet MS"; text-decoration: none; font-weight: normal; cursor:pointer; cursor:hand; line-height:40px; background:url('/timages/v2-linkbar-button-white4.jpg') no-repeat right top; padding-right:30px; vertical-align:middle; display:block; display:inline-block; display:-moz-inline-box; }
.round span { background:url('/timages/v2-linkbar-button-white4.jpg') no-repeat left top; height:40px; display:block; display:inline-block; padding-left:30px; line-height:40px; font-family: "Trebuchet MS"; font-size: 14px; }
a.round { color: #537cc0; text-decoration: none; }
a.round:hover { background-position:right -160px; color: #000000; text-decoration: none; }
a.round:hover span { background-position:left -160px; text-decoration: none; }
---*/
/*---[ old link bar elements ]---*/

#linkbar { padding: 5px 0px 10px 0px; }
.round { color: #000000; font-size: 14px; font-family: "Trebuchet MS"; text-decoration: none; font-weight: normal; cursor:pointer; cursor:hand; line-height:40px; background:url('/timages/v2-linkbar-button-white3.jpg') no-repeat right top; padding-right:30px; vertical-align:middle; display:block; display:inline-block; display:-moz-inline-box; }
.round span { background:url('/timages/v2-linkbar-button-white3.jpg') no-repeat left top; height:40px; display:block; display:inline-block; padding-left:30px; line-height:40px; font-family: "Trebuchet MS"; font-size: 14px; }
a.round { color: #537cc0; text-decoration: none; }
a.round:hover { background-position:right -160px; color: #ffffff; text-decoration: none; }
a.round:hover span { background-position:left -160px; text-decoration: none; }

/*---[ footer elements ]---*/

#footer { border-top: 1px #ffffff solid; }
#footercontent { padding: 10px; background: #333333 url('/timages/v2-logo-footer.png') no-repeat right bottom; }
.footerlinkboxfirst { padding: 10px; border-right: 1px #222222 solid; float: left; color: #666666; font-size: 10px; width: 150px; }
.footerlinkbox { padding: 10px; border-right: 1px #222222 solid; border-left: 1px #444444 solid; float: left; color: #666666; font-size: 10px; width: 150px; }
.footerlinkboxlast { padding: 10px; border-left: 1px #444444 solid; float: left; color: #666666; font-size: 10px; width: 150px; }
.footerlinkboxtitle { font-size: 11px; font-weight: bold; padding-bottom: 5px; }
a.footerlink, a.footerlink:visited { color: #666666; text-decoration: none; }
a.footerlink:hover { color: #999999; text-decoration: underline; }
#footercopyright { float: right; width: 300px; font-size: 10px; color: #666666; text-align: right; padding-bottom: 50px; }
.footer_block_link_newsletter { border-bottom: 1px #666666 solid; color:#888888; display:block; height:60px; font-size:14px; font-weight:bold; line-height:110%; margin:0 0 14px 0; padding:6px 0 0 60px; width:240px; }
.footer_block_link_newsletter span { color:#696969; font-size:12px; }
#footer_newsletter { background:url('/timages/icon-bar-newsletter.png') no-repeat left bottom; }


/*---[ page body elements ]---*/

#contentbox { float: left; width: 640px; }
#rightbar { float: right; width: 300px; }
.newsbox { padding: 5px 5px 10px 5px; position: relative; border-top:1px #cccccc dotted; }
.newsboxsectiontitle { position:absolute;top:5px;right:0px; }
a.h3link, a.h3link:visited, a.h3link:hover { color: #cccccc; text-decoration: none; font-size: 22px; }
.newsboxarticletop { border-top: 0px #cccccc solid; border-bottom: 1px #cccccc solid; padding-bottom: 10px; padding-top: 10px; margin-top:10px; }
.newsboxarticletitle { font-family: Helvetica, Arial, sans-serif; font-size: 22px; color: #333333; }
a.newsboxlink, a.newsboxlink:visited { color: #0066ff; text-decoration: none; font-size: 11px; }
a.newsboxlink:hover { color: #0066ff; text-decoration: underline; }
a.newsboxarticletitle, a.newsboxarticletitle:visited { color: #444444; text-decoration: none; font-size: 22px; }
a.newsboxarticletitle:hover { color: #444444; text-decoration: underline; }
.newsboxauthor { font-size: 11px; color: #999999; }
.newsboxarticletext { font-size: 12px; color: #333333; padding: 5px 0px 5px 0px; font-family: Helvetica, Arial, sans-serif; line-height:150%; }
.newsboxarticleleft { float: left; width: 300px; border-right: 1px #cccccc solid; padding: 5px 5px 5px 0px; }
.newsboxarticleright { float: right; width: 305px; padding: 5px; }


/*---[ right bar elements ]---*/

.rightbar_block_link { border-bottom: 1px #cccccc solid; color:#333333; display:block; height:32px; font-size:14px; font-weight:bold; line-height:100%; margin:0 0 14px 0; padding:6px 0 0 60px; width:240px; }
.rightbar_block_link span { color:#696969; font-size:12px; }
#rightbar_rss { background:url('/timages/icon-bar-rss.png') no-repeat left bottom; }
#rightbar_twitter { background:url('/timages/icon-bar-twitter.png') no-repeat left bottom; }
#rightbar_facebook { background:url('/timages/icon-bar-facebook.png') no-repeat left bottom; }
.rightbar_block_link_newsletter { border-bottom: 1px #cccccc solid; color:#333333; display:block; height:60px; font-size:14px; font-weight:bold; line-height:100%; margin:0 0 14px 0; padding:6px 0 0 60px; width:240px; }
.rightbar_block_link_newsletter span { color:#696969; font-size:12px; }
#rightbar_newsletter { background:url('/timages/icon-bar-newsletter.png') no-repeat left bottom; }
.topicbox { border-bottom: 1px #cccccc solid; padding:10px; }
.topicboxtitle { font-size:18px; font-weight:bold; color:#333333; padding-bottom:5px; }
.topicboxcolumn { float:left; padding-right:5px; width: 134px; }
a.topicboxlink, a.topicboxlink:visited { color: #0066ff; text-decoration: none; font-size: 12px; }
a.topicboxlink:hover { color: #0066ff; text-decoration: underline; }
.rtbargreybox { border: 1px #cccccc solid; }
.rtbargreyboxtext { padding:5px;font-size:11px;background-color:#f5f5f5; }
.rtbargreyboxtitle { background-color: #eeeeee; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; border-bottom: 1px #cccccc solid; border-top: 1px #ffffff solid; }
.rtbarrelatedbox { padding:5px;font-size:11px; }
.rtbarrelatedtitle { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #cc0000; }
a.rtbarrelatedtitle, a.rtbarrelatedtitle:visited { color: #0066ff; text-decoration: none; font-size: 12px; }
a.rtbarrelatedtitle:hover { color: #0066ff; text-decoration: underline; }
.rightbar_newsletter_box { background:url('/timages/v2-newsletter-box-back3.png') no-repeat left top; width:277px;height:70px;padding:65px 0px 0px 30px; }


/*---[ article small image elements ]---*/

.imagecorners { border: 1px #cccccc solid; padding: 3px; }
.articlesmallimage { position: relative; float: left; margin-right: 10px; }
.articlesmallimage img { display: block; }
.articlesmallimage span { width: 20px; height: 20px; font-size: 0; background-image: url('/timages/image-corner-slit.png'); position: absolute; }
.ttl { top: -2px; left: -2px; }
.ttr { top: -2px; right: -2px; background-position: 20px 0; }
.btl { bottom: -2px; left: -2px; background-position: 0 20px; }
.btr { bottom: -2px; right: -2px; background-position: 20px 20px; }
* html .ttr { right: -1px; }
* html .btl { bottom: -1px; }
* html .btr { bottom: -1px; right: -1px; }


/*---[ page article list elements ]---*/

.plistimage { position: relative; float: left; margin-right: 10px; }
.plistimage img { display: block; }
.plistimage span { width: 20px; height: 20px; font-size: 0; background-image: url('/timages/image-corner-slit.png'); position: absolute; }
.plistbox { border-bottom:1px #cccccc dotted;padding:5px;margin:5px; }
.plisttitle { font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #990000; display:block; }
a.plistlink, a.plistlink:visited { color: #0066ff; text-decoration: none; font-size: 11px; }
a.plistlink:hover { color: #0066ff; text-decoration: underline; }
a.plisttitle, a.plisttitle:visited { color: #0066ff; text-decoration: none; font-size: 22px; }
a.plisttitle:hover { color: #0066ff; text-decoration: underline; }
.plistauthor { font-size: 10px; color: #999999; }
.plistteaser { font-size: 12px; color: #333333; padding: 5px 0px 5px 0px; font-family: Helvetica, Arial, sans-serif; line-height:150% }
.plisttitle2 { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #990000; }
a.plistlink2, a.plistlink2:visited { color: #0066ff; text-decoration: none; font-size: 14px; }
a.plistlink2:hover { color: #0066ff; text-decoration: underline; }


/*---[ blog list elements ]---*/

.bloglistbox { border-bottom:1px #cccccc dotted; margin-bottom:10px; }
.bloglisttitle { font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #990000; }
a.bloglisttitle, a.plisttitle:visited { color: #0066ff; text-decoration: none; font-size: 22px; }
a.bloglisttitle:hover { color: #0066ff; text-decoration: underline; }
.bloglistdateauthor { font-size: 10px; color: #999999; }
.bloglisttext { font-size: 12px; color: #333333; padding: 5px 0px 5px 0px; font-family: Helvetica, Arial, sans-serif; line-height:150%; }
.bloglistcomments { font-size: 11px; color: #999999; padding: 5px 0px 5px 0px; font-family: Helvetica, Arial, sans-serif; }
.bloglistolderposts {float:left; width: 200px; }
.bloglistnewerposts {float:right; width: 200px; text-align:right; }
.bloglistfooter { position:relative; }
.blogpostfooter { border: 1px #cccccc solid; }
.blogpostfooterbar { border-bottom: 1px #cccccc solid; padding: 5px; }
.blogpostfootercomment { border-bottom: 1px #cccccc solid; padding: 5px; }
.commentsbox { border-bottom: 1px #cccccc dotted; padding: 10px 10px 20px 10px; margin: 0px; }
.commentsname { font-size: 22px; }
.admincommentsname { font-size: 22px; color: #e07202; }
.commentsdate { font-size: 11px; color: #999999; padding-bottom:10px; }
a.commentslink, a.commentslink:visited { color: #666666; text-decoration: none; font-size: 22px; }
a.commentslink:hover { color: #999999; text-decoration: underline; }
.blogpic { padding:10px; background-image: url('/timages/blog-image-backpng.png'); background-repeat: no-repeat; background-position: top center; }

/*---[ article specific elements ]---*/

.articlefooter { border: 1px #cccccc solid; }
.afooterleft { padding: 10px; width: 285px; float: left; }
.afooterlefttitle { background-color: #eeeeee; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; border-bottom: 1px #cccccc solid; }
.afooterlefttext { padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; }
.afooterright { padding: 10px; width: 300px; float: right; }
.afooterrighttitle { background-color: #eeeeee; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; border-bottom: 1px #cccccc solid; }
.afooterrighttext { padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; }
.rtcolumnbox { border: 1px #cccccc solid; text-align: left; }
.rtcolumnboxtitle { background-color: #dddddd; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; border-bottom: 1px #cccccc solid; }
.rtcolumnboxtext { padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; }
a.rtcolumnlink, a.rtcolumnlink:visited { color: #0066ff; text-decoration: none; font-size: 12px; font-weight: normal; }
a.rtcolumnlink:hover { color: #0066ff; text-decoration: underline; font-size: 12px; font-weight: normal; }
.articletext { color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height:150% }
.articlebox { padding-bottom: 10px; position: relative; }
.articleboxarticletop { border-top: 10px #990000 solid; border-bottom: 1px #cccccc solid; padding-bottom: 10px; padding-top: 10px; margin-top:-7px; }
.articleboxarticletitle { font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #990000; }
.articleboxauthor { font-size: 10px; color: #999999; }
.articleboxuserimages { font-size: 12px; color: #333333; padding: 5px 0px 5px 0px; font-family: Helvetica, Arial, sans-serif; }
.articlesharingheader { padding-top: 10px; padding-bottom: 10px; }
.afooterrelatedbox { padding:5px;font-size:11px; }
.afooterrelatedtitle { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #cc0000; }
a.afooterrelatedtitle, a.afooterrelatedtitle:visited { color: #0066ff; text-decoration: none; font-size: 12px; }
a.afooterrelatedtitle:hover { color: #0066ff; text-decoration: underline; }


/*---[ scrollable content ]---*/
.scrollableouterbox { border-top:1px #cccccc dotted; padding: 5px 5px 10px 7px; }
.scrollable { position:relative; overflow:hidden; width: 540px; height:150px; border:1px solid #ccc; background-color: #eeeeee; }
.scrollable .items { width:20000em; position:absolute; clear:both; }
.scrollable .greyhover { float:left; margin:15px 5px 15px 9px; background-color:#fff; padding:2px; border:1px solid #ccc; cursor:pointer; text-align:center; width:114px;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.greyhover:hover { background-color:#dddddd; border:1px solid #fff; }
.scrollable .greyhover img { padding:2px 2px 5px 2px; }

.scrollable .active { border:2px solid #000; z-index:9999; position:relative; }
.scrollable { float:left; }
.scrollable img.hover { background-color:#123; }

a.browse { background:url(/timages/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 5px; cursor:pointer; font-size:1px; }
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; } 
a.left { margin-left: 0px; } 
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }
a.up, a.down { background:url(/timages/vert_large.png) no-repeat; float: none; margin: 10px 50px; }
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; } 
a.disabled { visibility:hidden !important; } 
.navi { margin-left:290px; width:200px; height:20px; }
.navi a { width:8px; height:8px; float:left; margin:3px; background:url(/timages/navigator.png) 0 0 no-repeat; display:block; font-size:1px; }
.navi a:hover { background-position:0 -8px; }
.navi a.active { background-position:0 -16px; }

/*---[ flowpane home page content ]---*/

#flowpaneborder { border: 5px #cccccc solid; width: 630px; height:250px; position:relative; }
#flowpaneborder #tabsnav { position:absolute; top:0; left:385px; list-style:none; padding:0; margin:0; width:245px; }
#flowpaneborder #tabsnav li { padding:1px 0; padding-left:0px; font-size:12px; color:#666; margin-left:15px; border-bottom:1px #dddddd solid; }
#flowpaneborder #tabsnav li img { float:left; margin:2px 5px 2px 17px; background:#fff; padding:2px; border:1px solid #eee; width:80px; height:50px; }
#flowpaneborder #tabsnav li span { font-size:11px; font-family:Verdana; line-height:18px; }
#flowpaneborder #tabsnav li a { display:block; height:60px; color:#333; background:#eeeeee; line-height:20px; }
#flowpaneborder #tabsnav li a:hover{ background:#cccccc; }
#flowpaneborder #tabsnav li a.tabselected { display:block; height:60px; color:#333; line-height:20px; background: url('/timages/tabnav_tab_back.png') top left no-repeat; }

#flowpanes { background-color: #cccccc; width:400px; height:250px; position:relative; overflow:hidden; clear:both; }
#flowpanes div { display:none; color:#fff; margin:0px; float:left; display:block; width:400px; cursor:pointer; font-size:14px; }
#flowpanes .items { width:20000em; position:absolute; clear:both; margin:0; padding:0; }
#flowpanes .less, #flowpanes .less a { color:#999 !important; font-size:11px; }

#flowpanes .tabs-panel { width:400px; height:250px; background:#999; position:relative; }
#flowpanes .tabs-panel .info { position:absolute; top:180px; left:0; height:70px; background: url('/timages/transparent-bg.png'); }
#flowpanes .info .flowpanetitlelink { font-size:18px; font-family:Georgia, serif; color:#fff; padding:5px; margin:0; overflow:hidden; }
#flowpanes .info p{ margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0; }
#flowpanes .info a{ text-decoration:none; color:#fff; }
#flowpanes .info a:hover{ text-decoration:underline; }