/* CSS Document */
html {min-height: 100%}
body{background: #FFF; min-height: 100%;font-family:Segoe UI, Tahoma, Verdana, Arial; font-size:14px;margin:0;padding:0; font-weight:normal; color: #555; text-align:justify}

#frontpageBannerContainer {-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;-webkit-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out}
a{outline: none;}
a img{border:0}
table{width:100%}
.clr {clear: both;}

#buttons {
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
}

ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0;
	padding-right: 0;
	float: right;
	margin: 0;

	font-weight:normal !important;
	line-height: 150%;
	white-space: nowrap;
	/*border-right: 1px solid #6fd0f1;*/
}

ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color:white;
}


#buttons>ul#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover
{
	color: #303030;
	background: #FFF;
}


#search_outer {
	float: left;
	width: 370px;
}

#search_inner {
  border: 1px solid #cccccc;
	padding: 0;
  height: 21px !important;
  height: 23px;
  overflow: hidden;
}

#search_inner form {
  padding: 0;
  margin: 0;
}

.inputbox {
	border: 1px solid #5E5E5E;
	padding: 3px 3px 3px 5px;

	font-size: 11px;
	color: #444;
}

#header_outer {
	text-align: left;
	border: 0;
	margin: 0;
}

#header {
	float: left;
	padding: 0;
	margin-right: 0;
}

#top_outer{
	float: left;
	width: 165px;
}

#top_inner {
  border: 1px solid #cccccc;
	padding: 2px;
  height: 144px !important;
  height: 150px;
  overflow: hidden;
  float: none !important;
  float: left;
}



.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}


/* Joom!Fish CSS definition used by the module or component. You might overwrite it in your
 * template and remove this. Within your module configuration you can switch off the loading of the css*/
/* language lists with UL (names & images) */
ul.jflanguageselection{float: right; vertical-align: middle;	list-style: none;padding: 0;	margin: 0;	font-size: 0.8em}
ul.jflanguageselection li{background-image: none;padding-left: 0;padding-right: 0;float: left;margin: 1px 1px 1px 1px;white-space: nowrap;border: none}
ul.jflanguageselection li a{display: block}



/* Joomla core stuff */

table.contentpaneopen {
	padding: 0 5px 0 5px;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
}

table.contentpaneopen td {
   padding-right: 5px;
}

table.contentpaneopen td.componentheading {
	padding-left: 4px;
}
table.contentpaneopen td{padding-top:0}


table.contentpane {
  width: 100%;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
}

table.contentpane td {
	margin: 0;
	padding: 0;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}


.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}


.contentcolumn {
	padding-right: 5px;
}

.contentheading{
display:none;
}

.contentpagetitle {
	font-size: 14px;
	/* font-weight: bold; */
	color: #cccccc;
	text-align:left;
}

.contentheading .contentpagetitle{
	color: #666666;
}

table.searchinto {
	width: 100%;
}

table.searchintro td {
	font-weight: bold;
}

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}

table.moduletable td {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  background: #f0f0f0;
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
}


.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;

	text-transform: uppercase;
}

a.mainlevel:link, a.mainlevel:visited {
	vertical-align: middle;
	font-size: 16px;
	color: #000;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 24px;
	text-decoration: none;
	line-height:1.6em;
}

a.mainlevel:hover {
	color:#FF4D07;
	text-decoration: none;
}

a.mainlevel:active {
	text-decoration: none;
	color: #303030;
}

a.mainlevel#active_menu {
	color: #303030;
}


a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	color: #e79e00;
	text-align: left;
}

a.sublevel:hover {
	color: #0262BA;
	text-decoration: none;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

div.mosimage {
  border: 1px solid #ccc;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

span.article_seperator {display: none}



/* General */

table {color:inherit;font:inherit;font-size:1em}
td{text-align:justify;}

a img, .ico {vertical-align:top;margin-right:0.5em; border:0}
a:link, a:visited {color: #FF4D07; text-decoration: none}
a:hover {color:#FF4D07;text-decoration:none}
.webLink, .webLink:hover, .webLink:visited, .webLink:link{text-decoration:underline;cursor:pointer;color:#FF4D07}
.w_icon{vertical-align:baseline;margin-right:0.5em;height:16px}
.w_screenshots img{position:relative;width:160px;height:125px;padding:0;margin:0;margin-bottom:3px;margin-right:0; border:1px solid #ABE7F9;margin-top:0;cursor:pointer}

:link, a:visited {}
h1, .t1, .componentheading {font-size:145%; font-weight:normal !important; color:black;line-height:1em; margin:0;padding:0;margin-bottom:15px;text-align:left}
h2, .t2 {margin:0;padding:0;margin-bottom:6px;line-height:23px;font-weight:normal;color:#303030;font-size:130%;text-align:left;font-style:italic}
h3, .t3 {margin:0;padding:0;font-weight:normal;font-size:100%;line-height:95%; color:#000;margin-bottom:4px;text-align:left;font-style:italic}
p{margin:0;margin-bottom:7px}
blockquote {text-align:justify}
ul{list-style: none;margin:0;padding:0}
li{background: url(/media/css3/bullet.gif) no-repeat left 5px; padding-left: 15px}


.pagenav, .button{text-align: center; border: 1px solid #A8E2F4; width: auto; padding: 5px; padding-top:2px; padding-bottom:2px; margin: 1px; color:#FFF; font-size:100%;background:#303030}
.button a:hover{color:#FF4D07}

.pagenav:link, .pagenav:visited, .button {color:#FFF;border: 1px solid #303030;background:#303030}
.pagenav:link:hover, .button:hover {color:#FFF;background:#303030;cursor:pointer}
.button a{color:#FFF}
.w_button_close{position:absolute;top:-16px;right:-16px;width:32px;height:32px;background:url(/media/css3/closeBt.png)}

.w_width, .w_width2 {position:relative;max-width:1000px;margin-left:auto;margin-right:auto;padding:0;margin-top:0;margin-bottom:0}
.frontpage #w_lower .w_width{max-width:100%;width:100%}

.w_shadowU{position:absolute;width:100%;height:8px;margin-top:-8px;background:url(/media/css3/shadowB.png) 0 0 repeat-x;z-index:50}
.w_shadowB{position:absolute;width:100%;height:8px;background:url(/media/css3/shadowB.png) 0 -8px repeat-x;z-index:50}

.w_cell {padding:3px;border:1px solid #DBF2F9}


.bigNum{color:#0F6C8C;font-size:300%;width:32px}
.bigNum img{position:relative;left:0;top:10px}


#pageId{display:none} /* div used to carry page id, included into most articles */
.ico{width:16px;height:16px}
.boxed{border:1px solid #BBB;background:#F8F8F8;color:black;box-shadow: 0 0 8px #BBB;-moz-box-shadow: 0 0 8px #BBB;-webkit-box-shadow: 0 0 8px #BBB;padding:10px}


.ani{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;-webkit-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out}
.aniF{-webkit-transition: all 175ms ease-in-out;-moz-transition: all 175ms ease-in-out;-o-transition: all 175ms ease-in-out;-webkit-transition: all 175ms ease-in-out;-ms-transition: all 175ms ease-in-out;transition: all 175ms ease-in-out}


/****************************************************************************************************************
 * Top banner (search/help)
 ****************************************************************************************************************/

#w_banner_top, #w_banner_bottom{height:29px;background:#333;color:white;position:relative;border:0;width:100%}

#w_banner_bottom {padding-top:3px;height:auto;margin-bottom:1px;overflow:visible;display:block;position:absolute}
#w_login{width:400px}
#w_topmenu{text-align:right}

#w_flags{width:176px}
.jflanguageselection{position:absolute;right:0;top:0}
.jflanguageselection a{padding:3px;padding-right:0}
.jflanguageselection a:hover{background:white}

#w_connection_bt {margin-left:5px;width:20px;height:20px;background:url(/media/ico/go.png);min-width:20px;position:absolute}
#w_connection_bt:hover {background-position:0 -20px}

.w_more{color:#303030;background:url(/media/css3/linkGo.gif) right 5px no-repeat;padding-right:15px;display:inline}
.w_more.unfold{background-position:right -10px}
.w_more.fold{background-position:right -22px}
.w_more a{color:#303030}

#loadingIcon{width:16px;height:16px;position:absolute;top:5px;left:5px;visibility:hidden;background:url(/media/ico/loadingB.gif);z-Index:1000}

#w_shadow0 {display:none}


/****************************************************************************************************************
 * All site logo/slogan banner
 ****************************************************************************************************************/
.w_header_site{background:#333;border:1px solid #333;color:white;margin:0;padding:0;cursor:pointer;position:relative}
.site .w_header_site {box-shadow:0 3px 3px #BBB}

#w_logo{z-index:1001}
#header_txt_cont{position:absolute;left:430px;top:0;color:#0f6c8c;font-size:120%;text-shadow:#FFF 0 1px 0}
#header_caption_title{font-size:160%;padding-top:10px;margin-bottom:0;width:100%}



/****************************************************************************************************************
 * Main horizontal menu, included into w_header_site
 ****************************************************************************************************************/
#mainMenu{
	padding:0;margin:0;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:10px;

}
#mainMenu td{text-align:center}

a.mainlevel{padding:10px 0 10px 0;text-align:center;width:140px;display:block;float:left; color:white !important;white-space:nowrap;overflow:hidden;font-size:15px !important}


.site .w_header_site, .site #w_banner_top{position:fixed;width:100%;top:0;z-index:1000}
.site .w_header_site{top:28px}


#w_shadow1{opacity:0.6}


/****************************************************************************************************************
 * FRONTPAGE
 ****************************************************************************************************************/
h1{margin-bottom:5px}

/* frontpage */

/* Download button */
#w_dl_bt{padding:10px;border-radius:3px;background:#333;font-size:27px;cursor:pointer;position:absolute;bottom:5%;left:10%;display:inline;color:white;z-index:1}
#w_dl_bt a{color:inherit}
#w_dl_bt small{color:inherit;font-size:12px;display:block}


#frontpageBannerContainer{position:relative;width:100%;height:500px;overflow:hidden;padding:0;margin:0;background:url('/media/site/frontpageBanner2.jpg');background-size:cover;background-position:50% 50%;background-repeat:no-repeat;text-align:center}
#frontpageBanner{position:relative;left:50%;margin-left:-50%;width:100%;min-width:400px;top:20px}
#frontpageText{color:#333;position:absolute;top:10%;right:40%;text-align:right;width:50%;text-shadow:#FFF 0px 0px 2px;z-index:2}
#frontpageText h2{font-size:35px;color:#333;width:100%;margin-bottom:20px;text-align:center;line-height:1em}


.frontpage h1, .frontpage h2, .frontpage h3, .frontpage h4{font-family:Open Sans, Segoe UI;font-weight:300; font-style:normal}
.frontpage h1{padding-bottom:50px}
.frontpageBlock{font-size:17px;color:#666;padding:30px 5% 30px 5%; text-align:center}
.frontpageBlock h2{font-size:35px;color:#333; text-align:center}
.frontpageBlock h3{font-size:24px}
.frontpageBlock .frontpageScreenshot{width:100%;margin:20px 0 0 0;max-width:800px;box-shadow: 0 0 10px #999;-moz-box-shadow: 0 0 10px #999;-webkit-box-shadow: 0 0 10px #999;}
.frontpageBlock fieldset{border:0;display:inline-block;text-align:center;width:20%;min-width:200px;vertical-align:top}
.frontpageBlock fieldset h3{text-align:center}

.frontpageBlock.b0{background:#F4F4F4}
.frontpageBlock.b1{background:#FFF}
.frontpageBlock.b2{background:#FAFAFA}

.narrow  .frontpageBlock{font-size:14px}
.narrow #w_banner_top{display:none}
.narrow #w_dl_bt{bottom:0px;width:100%;border-radius:0;left:0;color:#000;background:#E8E8E8;opacity:0.5}


.narrow #frontpageText{top:5%;right:0;text-align:center;width:90%}
.narrow #frontpageText h2{font-size:28px}
.narrow .frontpageBlock h2 {font-size:24px}
.narrow .frontpageBlock h3 {font-size:20px}

.frontpage .contentpaneopen td{padding-right:0}

/****************************************************************************************************************
 * MAIN AREA
 ****************************************************************************************************************/
#w_lower{overflow:hidden;position:relative;width:100%;padding-bottom:10px}
.site #w_lower{padding-top:110px}

#w_lower_top_shade{background:url(/media/css3/bodyBg.gif) 0 0 repeat-x;position:fixed;width:100%;top:150px;height:353px;z-index:0}



/* CENTER */
#w_content{margin-top:20px}
.w_content_1{padding-left:100px;padding-right:100px}
.w_content_2{}


#w_content1{display:none}
.w_video_outer{background:#94B4BE;border:1px solid #86A8B2;padding:7px;width:200px;cursor:pointer}

#screenshotsVideoTable {border-collapse:separate ;border-spacing:5px;margin-left:-5px}
#screenshotsVideoTable .webLink{font-size:71%}
#screenshotsVideoTable td{border:1px solid #ABE7F9;text-align:center;vertical-align:top;padding:6px}
.w_screenshot_video{cursor:pointer;width:148px;height:90px}

#w_news_summary_div{height:472px}


/****************************************************************************************************************
 * Bottom banner
 ****************************************************************************************************************/
#w_RSS a{float:left; color:white;padding-top:3px}


.txtBlock {text-align:left;vertical-align:top}
.txtBlock li{color:#000}
.txtBlock p{color:#666;font-size:95%;margin-bottom:5px}

.hl{color:#333;font-size:90%;font-weight:bold}

.layoutTable{width:1000px;table-layout:fixed}
.layoutTable td{vertical-align:top;padding:5px}
.layoutTable .sc{}

.w_blue_frame{background:#DBF2F9 url(/media/css3/leftBg.gif) repeat-x;border:1px solid #ABE7F9;padding:7px;width:100%;text-shadow: #FFF 0 1px 0}

.w_sc_cont{overflow:hidden;position:relative;display:inline;text-align:center;border:0;text-shadow: #FFF 0 1px 0;padding:9px;text-align:center;color:#000}
.w_sc_cont img{opacity:0.8;Alpha(opacity="80");width:300px;height:225px;margin-bottom:5px;border:1px solid #779EAA}
.w_sc_cont.narrow {margin-right:16px}
.w_sc_cont.narrow img{width:157px !important}

/* News titles */
.newsTitle{font-size:130%;margin-bottom:7px;color:#0F6C8C}
#detailsShareTable .newsTitle{color:#F40;background:#F5F5F5;padding:4px}


/* Screenshot DIV around IMG */

.sc, .scMed, sc300{background:white;padding:10px;border:1px solid #CCC; -moz-box-shadow: 0 0 15px #BBB;-webkit-box-shadow: 0 0 15px #BBB;box-shadow:0 0 15px #BBB}

/*.sc{background:url(/media/site/photoBg.gif) no-repeat;padding:20px;width:160px;height:120px;margin-top:-4px;margin-left:-10px}*/
.sc{width:160px;height:120px;margin:margin-top:-4px;margin-left:-10px}
.sc img{width:160px;height:120px;cursor:pointer}
.scv{background:url(/media/site/photoBgV.gif) no-repeat;padding:20px;width:120px;height:160px;margin-top:-4px;margin-left:-10px}
.scv img{width:120px;height:160px;cursor:pointer}

/*.sc300{padding:20px;width:300px;height:225px;background:url(/media/site/photoBg300.gif) no-repeat; margin:10px 0 10px -12px}*/
.sc300{width:300px;height:225px;margin:20px 10px 20px -2px}
.sc300 img{width:300px;height:225px;cursor:pointer;}

/*.scMed{background:url(/media/site/photoBgMed.gif) no-repeat;padding:20px;width:320px;height:240px;margin-top:-4px;margin-left:-10px}*/
.scMed{width:320px;height:240px;margin:6px 10px 10px 0}
.scMed img{width:320px;height:240px;cursor:pointer}
.scVert{}
.w_screenshot_video,.screenshot{visibility:hidden}

/* Horizontal separator */
.sep{border-top:1px solid #DDD;margin:10px 0 10px 0;width:100%}
.hSep{/*border-top:1px solid #DDD;*/background:url(/media/css3/hSep.gif) no-repeat;height:1px;width:100%;background-position:center center} // Frontpage



/* Details page scroll menu */
#scrollMenu{position:fixed;z-index:2;width:995px;z-index:999;visibility:hidden;border-top:1px solid #DDD;background:url(/media/css3/frontpage_tableBg.gif);border-bottom:1px solid #BBB;border-right:1px solid #CCC;-moz-box-shadow: 1px 1px 15px #BBB;-webkit-box-shadow: 1px 1px 15px #BBB;box-shadow:1px 1px 15px #BBB;top:80px !important}
#scrollMenu a{display:block;width:131px;float:left;padding:20px 5px 10px 5px;text-align:center;font-size:14px;text-shadow: #FFF 0 1px 0;color:#0F6C8C;border-left:1px solid #DDD;height:30px}
#scrollMenu a.ml{padding:13px 5px 17px 5px}

#scrollMenu a:hover{background:#EEE}
#scrollMenu a:active{background:#DDD}

/****************************************************************************************************************
 * Home page
 ****************************************************************************************************************/