/* =================== */
/* == UGLY Styling === */
/* =================== */

html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;vertical-align:baseline;text-decoration:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after{content:"";}
blockquote{quotes:"" "";}
body{margin:0;padding:0;outline:0;font-weight:normal;color:#000000;font-family:"Trebuchet MS", Helvetica, sans-serif;color:#333;font-size:13px;line-height:130%;font-style:normal;background:#222 url(images/wallpaper.jpg) fixed;}
a:link{color:#2860b6;}
a:visited{color:#0073E4;}
a:hover{color:#1ea1fd;border-bottom:1px dotted #0058DF;}
a:active{color:#1a6dea;border-bottom:1px solid #0058DF;}
strong{font-weight:bold;}
em{font-style:italic;}
big{font-size:1.4em;}
small{font-size:0.85em;color:#7f7f7f;}
abbr,dfn,acronym{border-bottom:1px dotted #999;}
ins{background-color:#CCFFCC;border:1px solid #99cc99;}
ins.block{display:block;padding:4px;}
del{background-color:#fdcccc;/*color:#cc9999;*/border:1px solid #cc9999;text-decoration:line-through;}
strike{text-decoration:line-through;}
sup,sub{font-size:90%;margin-left:0.1em;font-weight:normal;font-style:normal;}
sub{vertical-align:sub;}
sup{vertical-align:super;}
samp,kbd{font-family:Monaco,"Lucida Console",Courier,monospace;font-size:1em;border-bottom:1px dotted #333;background-color:#f3f3f3;padding:0 2px;}
pre{margin:1em 0;font-family:monospace;font-size:1.1em;overflow:auto;background-color:#f7f7f7;}
code{background-color:#f3f3f3;padding:0 2px;border-bottom:1px solid #ccc;}
pre code{border-bottom:2px solid #ccc;display:block;padding:0.4em 1em;margin:0;overflow:auto;font-size:12px;font-family:Monaco,Arial,Verdana,monospace}
a code{background:transparent;}
var{background-color:#fafafa;font-style:italic;border-bottom:1px solid #e6e6e6;}
kbd{background-image:url(images/keyboard.png);background-position:2px center;background-repeat:no-repeat;padding-left:20px;}
q,cite{font-style:italic;}
p{margin-bottom:0.7em;margin-top:0.7em;line-height:145%;}
h1,h2,h3,h4,h5,h6{line-height:130%;font-family:Arial,Helvetica,sans-serif;margin-top:0.6em;margin-bottom:0.5em;}h1{color:#006fdd;font-size:240%;color:#000;margin-top:0.5em;line-height:110%;}
h2{color:#6A67FD;font-size:200%;border-bottom: 3px solid #e6e6e6;}
h3{color:#0faf0e;font-size:180%;}
h4{color:#000;font-size:160%;}
h5{color:#fb1080;font-size:130%;}
h6{color:#000;font-weight:bold;font-size:115%;}
blockquote{margin:1em;padding-left:0.8em;color:#444;font-style:italic;text-align:justify;}
blockquote cite{float:right;color:#222;}dl{margin:1.0em 0;padding:0.5em;background-color:#f9f9f9;}
dl dt{font-weight:bold;font-family:Arial,Helvetica,Tahoma,sans-serif;font-size:115%;margin-top:0.4em;}
ul{list-style:none;}
ul li{line-height:1.5em;list-style-type:disc;margin-left:0.1em;margin-bottom:0.1em;}
ol{list-style-type:decimal;list-style-position:outside;margin:0.5em 0 0.5em 1.5em;}
ol li{line-height:1.5em;}
hr{border-top:3px solid #f2f2f2;border-bottom:none;border-left:none;border-right:none;height:0;margin-bottom:1em;margin-top:1em;}
address{font-family:Arial,Helvetica,Tahoma,sans-serif;}
input{max-width:100%;}
.yellow_note{background:#FEFF98 url('images/note48.png') 10px center no-repeat;border-top:2px solid #FEEC01;border-bottom:2px solid #FEEC01;line-height:115%;margin:10px auto;padding:20px 20px 20px 65px;text-align:center;font-size:1.2em;}
.note{background:transparent url('images/note48.png') 10px center no-repeat;padding-left:70px;text-align:center;font-size:1.2em;line-height:125%;}
.feature{padding:5px;margin:5px;border:1px solid #ccc;}
.centre .feature{margin-bottom:0;}.scroll{overflow:auto;}
.centre{text-align:center;}.block{display:block;}
.fleft{float:left;}.fright{float:right;}

table.t1 {border-collapse: collapse}
td.td1 {padding: 5.0px 25.0px 15.0px 5.0px}
td.td2 {border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; padding: 5.0px 25.0px 15.0px 5.0px}
td.td3 {border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; padding: 5.0px 25.0px 15.0px 5.0px}
td.td4 {border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; padding: 5.0px 25.0px 15.0px 5.0px}
td.td5 {border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; padding: 5.0px 25.0px 15.0px 5.0px}
td.td6 {border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; padding: 5.0px 25.0px 15.0px 5.0px}

/* =================== */
/* == Neat Styling === */
/* =================== */


#tm_webpreview_header {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 0px;

	color: #FFFFFF;
	font-size: 27px;
}
#tm_webpreview_header #gradient {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;

	margin: 0;
	padding: 0;
	width: 100%;
	height: 2.6em;
}
#tm_webpreview_header .headline {
	position: relative;
	z-index: 3;
	margin: 0;

	padding-left: 1em;
	padding-top: 1ex;}
#tm_webpreview_header #teaser {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 4;

	margin: 0;
	padding: 0;
	height: 2.4em;
	width: 2.4em;
}
#tm_webpreview_header #actions {
	position: absolute;
	top: 2.3em;
	right: 0.5ex;
	
	z-index: 3;
	
	font-size: 8pt;
}
#tm_webpreview_header .type {
	position: absolute;
	top: 3em;
	right: 6em;
	z-index: 2;

	color: rgba(255,255,255,0.5);
	font-size: 8pt;
	font-weight: light;
}

#tm_webpreview_header .search {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;

	margin: 0;
	padding: 0;
}

#theme_switcher {
	position: absolute;
	top: 1em;
	right: 6em;
	z-index: 4;

	font-size: 50%;
	opacity: 0.1;
}
#theme_switcher:hover {
	opacity: 1;
}
#tm_webpreview_footer {
	position: fixed;
	bottom: 0px;

	width: 100%;
	height: 1.6em;

	margin: 0;
	padding: 0.3em 2em 0 2em;

	color: #777;
	background: #292929;
	text-shadow: #000 1px 3px 3px;

	border-top: 2px solid #000;
}
#tm_webpreview_footer p {
	margin: 0;
	padding: 0;
}

#tm_webpreview_content {
	padding: 0.5em 2em 0.5em 2em;
	margin-top: 6em;
	margin-bottom: 2em;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	border: 5px ridge #1d7ffc;
}

#tm_webpreview_content :first-child {
	margin-top: 0;
}

code, pre {
	font-size: 95%;
	font-family: "LuxiMono", "Bitstream Vera Sans Mono", "Monaco", "Courier New", monospace;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
}

table {
	font-size: 12px;
}
table th {
	font-weight: bold;
	padding: 4px 8px 4px 8px;
	text-align: left;
}
table td {
	padding: 8px;
	vertical-align: top;
}
table p {
	margin: 0;
}
table p + p {
	margin-top: 1em;
}

li > p {
	margin: 1ex 0 1ex 0;
}

.footnote {
	vertical-align: top;
	font-size: 75%;
	font-weight: bold;
	text-decoration: none;
}
.footnote:before {
	content: "[";
	vertical-align: top;
	font-weight: bold;
}
.footnote:after {
	content: "]";
	vertical-align: top;
	font-weight: bold;
}

div.footnotes {
   padding: 1em;
   font-size: 90%;
}

.alternate {
	background-color: #DDDDFF;
}

textarea {
	width: 100%;
	height: 250px;
	font-family: "LuxiMono", "Bitstream Vera Sans Mono", "Monaco", "Courier New", "Arial", monospace;
	font-size: 12px;
}