/*  
TFWorld Style Sheet

Site Name: TFWorld Software
Site URI: http://www.tfworld.com
Version: 0.2
Authors: David Johnson
*/

/*  =COLORS
---------------------------------------------------
	Body Background: #FFF
	Main Text: #333
	Links: #C00
*/


/*  =RESET
---------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}


/*  =960 GRID SYSTEM
---------------------------------------------------*/
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px;}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* Body & HTML Defaults */
html, body { height: 100%;font-family: Arial, Helvetica, sans-serif;font-size: 12pt;}
html { background: black url('/template/images/layout/earth2.jpg') no-repeat center top;background-attachment:fixed;}

/* Links */
a:link {color: #5781ff;text-decoration: underline;}
a:visited {color: #5781ff;}

/*h tags */
h1 { font-size:20px;font-weight:normal;line-height:normal;margin:10px 10px 20px 10px;font-family:Arial, Helvetica, sans-serif; }
h2 { color:#5781ff;font-size:16px;margin: 10px 10px 10px 10px; }
h2 a{ text-decoration:none; }
h2 a:hover { text-decoration:underline; }
h4 { width:100%;height:30px;background:url('/template/images/layout/bg_bar.png') repeat-x;padding: 8px 0px 0px 0px;text-align:center; }
h5 { color:white;width:194px;height:30px;text-align:center;font-weight: bold; }

/*styles */
p { font-size:16px;line-height:140%;margin:0 0 1.5em 0;padding:0 10px; }
.leftMargin { margin:0px 0px 0px 50px; }
.center { text-align:center; }
.right { text-align:right; }
.top { margin-top: 15px; }
.ServicesBlueBottom { margin:20px; }
.tall { height:1em; }

/* TFWorld buttons */
.tfworld{background:#AAA url('/template/images/layout/tfworld-gradient.png') repeat-x;display: inline-block;padding: 7px 12px;color: #fff !important;text-decoration: none;font-weight: bold;line-height: 1;border-radius: .5em;-moz-border-radius: .5em;-webkit-border-radius: .5em;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);box-shadow: 0 1px 3px rgba(0,0,0,0.5);-moz-text-shadow: 0 -1px 1px rgba(0,0,0,0.25);-webkit-text-shadow: 0 -1px 1px rgba(0,0,0,0.25);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer;width:135px;text-align:center;font-size:15px;}
.tfworld:hover{background-color:#999;color:#fff;}
.tfworld:active{top:1px;}
.tfworld.lozenge{border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em;}
.tfworld.big{padding:1em 2em;}
.tfworld.giant{padding:20px 12px;font-size:22px;}
.tfworld.big.lozenge{border-radius:2em;-moz-border-radius:2em;-webkit-border-radius:2em;}
.tfworld.blue{background-color:#3853a4;}
.tfworld.blue:hover{background-color:#384170;}
.tfworld.tall { padding: 0.75em 0.25em; }
a.tfworld { text-decoration:none; }
a.tfworld:hover { text-decoration:none; }

/* Header */
#mainDiv {width:100%;position: relative;height: auto !important;}
#header {width:100%;height:90px; }
#headerLogoArea {width:800px;height:100px;margin:0 auto;}
#headerLogo {border:0px;}
.headerMenu { margin-top:58px; }
.headerMenu li { display:inline-block; list-style:none; font-size:16px;margin:0 10px;}
.headerMenu li a { text-decoration:none;color:white;padding-bottom:15px; }
.headerMenu li a:hover { text-decoration:none;color:#5781ff; }
#siteHeader{color:#FFF;height:90px;} 
#siteHeader hgroup{background:url('/template/images/layout/logo.png') no-repeat;height:100%;text-indent:-9999px;margin-top:10px; }
#siteHeader hgroup a{display:block;height:80px;}
#siteHeader hgroup h2 { margin-top:0px !important; }
#wideHeaderMain { width:100%;height:90px;border-bottom:solid 1px #5781ff; }

/* Navigation Bar */
#NavigationBarBG {width:100%;height:30px;background:url('/template/images/layout/bg_bar.png') repeat-x;margin: 0 auto;}
#NavigationBar {width:500px;height:30px;margin:0 auto;}
#NavigationBarText {padding: 0;margin: 0;color: white;white-space: nowrap;list-style-type: none; }
#NavigationBarText li {display:inline; width:100px;}
#NavigationBarText li a {padding: 0.3em 1em;color:white;text-decoration: none;float: left;}
#NavigationBarText li a:hover {background: url('/template/images/layout/bg_links.png');text-decoration: none;}

/*scrolling portion */
#gallery { overflow:hidden; height:308px; width:880px; margin:10px 0px; }
#slider { width:880px;height:308px;overflow:hidden; }
.slide { width:880px;float:left; }
.slide img { width:400px;height:286px;float:left;padding:11px 0px 0px 47px; }
.slide .slideText { float:left; width:380px;font-size:18px;line-height:180%;text-align:left;color:#FFF;  }
.slide .slideText h1 { font-size:28px;color:#5781ff;margin-bottom:15px; }
.slide .slideText p { font-weight:lighter;line-height:135%;font-size:18px; }

#bullets{ height:20px;margin-left:10px;margin-top:-86px; }
#bullets ul{ margin:0px;padding:0px;margin-bottom:10px; }
#bullets li{ width:21px;display:inline-block;list-style:none;height:21px; overflow:hidden; }
#bullets li.inactive:hover{ background:url('/template/images/layout/slide-bullet-active.png') 7px 7px no-repeat; }
#bullets li.active, #bullets li.active:hover{ background:url('/template/images/layout/slide-bullet-active.png') 7px 7px no-repeat; }
#bullets li.active a{	/*cursor:default;*/ }
#bullets li a{	display:block;background:url('/template/images/layout/slide-bullet.png') 7px 7px no-repeat;height:21px;padding-top:10px; }

.slideButtons a { margin-right:10px; }
.slideButtons a img{ border:none; }
.slideButtons p { height:40px;margin-top:10px; }

/* small scrolling portion */
#gallerySmall { overflow:hidden; height:260px; width:280px; margin:20px 0px; }
#sliderSmall { width:280px;height:240px;overflow:hidden; }
.slideSmall { width:280px;float:left; }
.slideSmall img { width:280px;height:200px;}
.slideSmall h2 { font-size:16px;color:#FFF;text-align:center; }
.bulletsSmall { margin-top:0px !important;text-align:center; }
.bulletsSmall ul { margin-left:0px !important; }
.bulletsSmall li { margin-left: 0px !important; }

.topSpan { width:100%;border-top:solid 1px #5781ff; }

.articles h3 { margin-left: 10px; }
.articles ul { margin-left:0px; }
.articles li { margin-left:30px;line-height:120%;font-size:14px; }
.mostRecent li { margin-left:20px;line-height:120%; }
.mostRecent p {  }
.pageText h1 { font-size:28px;color:#5781ff;margin-bottom:15px; }


.optionButtons li { background:#3853a4 url('/template/images/layout/tfworld-gradient.png') repeat-x;display: inline-block;padding: 7px 12px;color: #000 !important;text-decoration: none;font-weight: bold;line-height: 1;-moz-text-shadow: 0 -1px 1px rgba(0,0,0,0.25);-webkit-text-shadow: 0 -1px 1px rgba(0,0,0,0.25);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer;width:180px;text-align:center;font-size:18px; }
.optionButtons li:hover{background-color:#ddeeff;}
.optionButtons li a { color: white;text-decoration:none; }
.optionButtons li:hover a { color: #3853a4;text-decoration:none; }
.optionButtons li:first-child { border-radius: .5em .5em 0px 0px;-moz-border-radius: .5em .5em 0px 0px;-webkit-border-radius: .5em .5em 0px 0px; }
.optionButtons li:last-child { border-radius: 0px 0px .5em .5em;-moz-border-radius: 0px 0px .5em .5em;-webkit-border-radius: 0px 0px .5em .5em; }

/* content divs */
#pageDiv { width:100%;background: #939598 url('/template/images/layout/bg_grad.png') repeat-x; }
#content { color:white;min-height:700px; }
#pageText {width:780px;overflow:auto;padding:25px 10px 10px 10px; }

/*FOOTER */
#footer {background: transparent;color:#5781ff;text-align:center;padding-bottom:20px;}
#footer a{ color: #5781ff;text-decoration:none; }
#footer li { display:inline-block; }
#footer h1, #footer h2{ color: #5781ff;font-size: 12px;font-weight:normal; }
#footer div li { margin: 1em; }
#footer div li:hover a { text-decoration: underline; }
#footer .copyright { margin: 1em; }

/* App/Game Pages */
.appRight h1 { text-indent:-9999px;height:0px; }
.appRight .title { margin-top:15px; }
.appBottomLeft { width:100px;min-height: 100px;float:left; }
.appBottomRight { width:500px;min-height:100px;float:left; }
.appBottomRight h2 { margin-top:0px;font-size:18px;color:#FFF; }
.appBottomRight p { margin-top: 10px; }

/* CONTACT US */
form ul { padding-top: 10px; }
form ul li { padding-top:10px;clear:both; }
form label { float: left; font: 13px; letter-spacing: 2px; position: relative; text-transform:capitalize; top: 4px; }
form input[type=text] { font: normal normal normal 16px/normal "Consolas", Arial, Helvetica, sans-serif; letter-spacing: 1px; outline: none; position: relative;width: 400px;float:right; }
form select { float:right;width:285px; }
form textarea { width: 400px;height: 150px;float:right;margin-top: 10px; font:16px "Consolas", Arial, Helvetica, sans-serif !important; letter-spacing: 1px;outline:none; }
form p { float: right;padding-right:0px !important; }
form p a { font:21px "Consolas", Arial, Helvetica, sans-serif !important; letter-spacing: 3px; position: relative; text-transform:capitalize; }

/* stars */
#stars { width:100%; }
.star {
	background: url(images/star-yellow-small.png);
	position: absolute;
	width:16px;
	height:16px;
	z-index:100;	
	/*-webkit-animation-name: starGrow;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;*/
}

p { color: white; }
/*			
@-webkit-keyframes starGrow {
	from {
		-webkit-transform: scale(0.5);
	}
	50% {
		-webkit-transform: scale(1);
	}
	to {
		-webkit-transform: scale(0.5);
	}
}*/

.horLineBlue { clear:both;width:100%;height:20px;background:url(http://tfworld.com/template/images/layout/border.gif) repeat-x 10px; }

.seoList h3 { font-weight:bold; }
.seoList ul { margin:0px;padding:0px; }
.seoList ul li { margin-left:20px !important;line-height:150%; }
.seoList { margin-bottom: 10px; }

label.error { text-align:right;width:100%;color:#F00;font-size:12px;margin-bottom:5px;font-style:italic; }
input.error, input[type=text].error, select.error { border: 1px dotted #5781ff; }

ul.news { margin-left:20px; }
ul.news li { font-size:14px; }

.normalList li { line-height:normal !important;font-size:14px !important;list-style:square; }
.normalList { margin-left:40px; }