/* Theme Silverlight Extensions by UCAYA*/
/**
*  Keep N2 structure style
**/

/********* globals *********/

a img,table {border:0}
table {border-collapse:collapse}
caption,th,td {text-align:left}
h1,h2,h3,h4,h5,h6,p {margin: 0.2em;}

/* fonts & colors */
body { font:1em Arial; color:#000; }
button,select,textarea,input {font:100% Arial,SansSerif}
a { color:#0091E4; text-decoration:none; }
a:hover { text-decoration:underline; }
h1,h2,h3,h4,h5,h6,.date { font-family: Arial; color:#0091E4; font-weight: normal;}
p { font-size: 0.8em;}

/* clearfix */
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cf { *display: inline-block; }
* html .cf { height: 1px; }


/********* layout *********/

body { margin:0; padding:0; background:#002339; }
	#wrap { background: #000 url(sle-header-logo.jpg) no-repeat 50% 0; }
		#wrapinner { background: transparent url(background-gradient.jpg) repeat-x 0 100%; } 
			#header { width:900px; margin:0 auto; height:130px; }
			#page { min-height: 302px; width:828px; margin:0 auto; background: transparent; padding:20px 0; }
				#content { }
					.secondary { width:170px; float:right; margin-bottom:1px;}
					#menu { padding:0 15px;}
					#extras { width:300px; }
					#main { min-height:400px; width:468px; float:left; padding: 8px 20px; background: transparent url(background-header-main.png) no-repeat 0 0; color:#ffffff;}		
		#footerseparator { position: relative; height: 12px; }
			#footerseparator .footer-left { position: relative; float: left; background: #0171BB; width: 50%; height: 100%;}
			#footerseparator .footer-right { position: relative; float: right; background: #000; width: 50%; height: 100%;}
			#footerseparator .footer-middle { position: absolute; margin-left: -512px; left: 50%; background: #000; width: 1024px; height: 100%; background: transparent url(background-gradient-footer.jpg) repeat-y 0 0;}
					
		#footer { color:#FFFFFF; padding:10px 25px; background: #002339; clear: both;}
			#footer .n2 { color:#BCC5C1; font-size:.8em; position:absolute; right:50%; margin-right:-440px }
			
			#footer .footer-info  { position: relative; margin-left: auto; margin-right: auto; width: 828px; }
				#footer .footer-info ul.horizontal-columns  { list-style-type: none; margin:0; padding: 0; }
					#footer .footer-info ul.horizontal-columns li.column  { float: left; width: 25%; }
						#footer .footer-info ul.horizontal-columns li.column ul { list-style-image: url(bullet.jpg); }
						#footer .footer-info ul.horizontal-columns li.column h2 { color: #02548C; margin-left: 40px;}
							#footer .footer-info ul.horizontal-columns li.column ul li { font-size: 0.8em; padding-top:4px; padding-left: 4px; }
			#footer .credits { background: #002339; color:#FFFFFF; padding:1.2em 0; clear: both;}
				#footer .credits p { text-align: center; }
			
.boxTitle,
.secondary h4 { margin:0; padding:5px 10px; font-size:1.2em; background: transparent url(line_bg.gif) repeat-x 0% 100%; font-style:italic; }
	.secondary h4 a,
	.secondary h4 a:visited { color:#333; }
.box { border-top:solid 1px #f8f9f9; background: #fff url(bg.gif) repeat-x; }
	.inner { padding:5px 10px; }


/* top */
#header { position:relative; }
	.top { position:absolute; right:15px; top:15px; }
	.siteLogo { float:left; display: none; }
	.siteHeader { float:left; margin:2px; }
	.siteHeader a { color:#BCC5C1; }


/* secondary */
.secondary .uc { margin-bottom:15px; }


/* content */
img.main {margin-bottom:15px;}


/* menu */
.menu { }
.menu li { list-style:none; }

.navigationMenu { position:absolute; height: 26px; top:0px; left: 568px; font-size:0.8em; font-weight: 600; font-family: Trebuchet MS; margin:0; padding:0px; background: transparent url(background-menu-right.png) no-repeat 100% 0;}
	.topMenu { height: 26px; margin:0; padding:0px 8px; background: transparent url(background-menu-left.png) no-repeat 0 0;}
	.topMenu li { float:left; height: 26px; background: transparent url(background-menu-middle.png) repeat-x 0 0; }
	.topMenu a { display:block; padding:2px 12px; color:#ffffff; }
	.topMenu .current,
	.topMenu .trail {  }
	.topMenu .current a,
	.topMenu .trail a,
	.topMenu .trail .current a { color:#02548C; }
	.topMenu .current li a,
	.topMenu .trail li a { color:#02548C; }

		.topMenu li ul { display:none; padding:0; margin:0; width:900px; font-size:.8em; position:absolute; top:25px; left:0; height:auto; font-style:normal; }
		.topMenu .current ul, 
		.topMenu .trail ul { display:block }

		.topMenu .current ul li,
		.topMenu .trail ul li { font-weight:normal; padding:0; background:transparent none; }
		.topMenu .trail .current,
		.topMenu .trail .trail { margin:0; font-weight:bold; padding:0; }

.languageMenu { position: absolute; bottom: -8px; right:174px; }
	.languageMenu a { opacity:.4;}
	.languageMenu .current { cursor:default; opacity:1;}
	.languageMenu a:hover { opacity:1;}

.subMenu{padding:0;margin:0;}
	.subMenu a { display:block; padding:2px 0; _height:1px; }
	.subMenu ul { margin:0 0 2px 15px; }
	.subMenu .trail > a { color:#0096DB; }
	.subMenu .current > a { color:#0096DB; font-weight:bold; }


/* lists */
.list { padding-bottom:6px; }
	.list .item { padding:5px; background: transparent url(bg.gif) repeat-x; }


/* path */
.path { display:none; }


/* date */
.date { font-size:x-small; color:#8DBAD9; display:block; }


/* columns */
.columns .left { float:left; width:245px; }
.columns .right { float:right; width:245px; }


/* drag&drop */
.dragDrop .secondary .uc { margin-bottom:0;}
.dragDrop .SiteLeft,.dragDrop .SiteRight,.dragDrop .SiteTop { background-color:#fef;}
.dragDrop .Left,.dragDrop .Right,.dragDrop .Content { background-color:#eef;}

.faq { background: transparent url(bg.gif) repeat-x; }
#extras {  }
.startPage em { font-size:1.1em; font-style:normal;}

.tabs { font-family: Trebuchet MS,Arial,Sans-Serif; }

/* gallery */

.imageGallery #menu { display:none; }
.imageGallery h1 { margin-bottom:0; }
#thumbnails
{
	padding:15px;
	background:transparent url(bg.gif) repeat-x;
}
#preview
{
	background:transparent url(bg.gif) repeat-x;
	padding:15px;
}
#thumbnails:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #thumbnails { height: 1px; }

.faqList h1 { margin-bottom:0; }
.faqList .list { margin-bottom:0; }

/* login */
.login .tb { width:130px; }
.login .ff { margin-bottom:5px; }
.register td { padding:0 5px 5px 0; }

/* gallery */
.thumbnail { opacity:.4; }
.thumbnail:hover, .selected { opacity:1; }
#thumbnails {padding-bottom:10px;}
#thumbnails .text { display:none; }
.thumbnail {margin-bottom:10px;margin-right:5px;}


/*custom*/
#stickerversion
{
	background: transparent url(background-header-extras.png) no-repeat 0 0;
	position: relative;
	height: 92px;
	padding: 8px;
	padding-right: 24px;
	color: #ffffff;
}
	#stickerversion .picture
	{
		background: transparent url(sticker-silverlight.png) no-repeat 0 0;
		position: relative;
		width: 66px;
		height: 73px;
		float: left;
	}
	#stickerversion .description
	{
		margin-left:84px;
		padding-top: 8px;
		font-size: 0.8em;
	}
	
.button-box
{
	width: 282px;
	height: 96px;
	background: transparent url(button-download.png) no-repeat 12px 12px;
}	
	.button-box a
	{
		display: block;
		height: 96px;
		padding-left:74px;
		text-decoration: none;
	}
	.button-box a:hover
	{
		background: transparent url(button-box-hover.png) no-repeat 0 0;
	}	
		.button-box  a .title
		{
			padding-top: 12px;
		}
		.button-box a .description
		{			
			font-size: x-small;
			color: #8DBAD9;
		}
.button-box.download
{
	background-image: url(button-download.png);
}
.button-box.showcase
{
	background-image: url(button-showcase.png);
}
.button-box.addcontrib
{
	background-image: url(button-addcontrib.png);
}