/* @group cross browser */

.internetexplorer .newListSelected {width: 214px; height: 41px;display: inline;}

.internetexplorer ul.newList { width:210px;}

/* @end */
/* @group tooltip styling */ 
.internetexplorer .tooltip { 
height:175px;
width:344px;
z-index:1000001;
} 

.internetexplorer .selectedTxt {
margin-top:-2px;
}

.internetexplorer .newList h3 {
	font-size: 1.2em;
}

.internetexplorer60 #downloads a { 
background:transparent url(../images/select-bg-ie6.gif) repeat scroll 0 -344px;
height:35px;
}

.internetexplorer60 #downloads a:hover { 
background:transparent url(../images/select-bg-ie6.gif) repeat scroll -115px -344px;
}

.internetexplorer60 .newListSelected {
background:transparent url(../images/select-bg-ie6.gif) no-repeat scroll 0 -4px;
}

/* @end */
/* @group default styles */

* {
	margin: 0;
	padding: 0;
}

body {
background: #fff;
padding: 0;
text-align: center;
margin: 0;
font-family: Helvetica;
font-size: 13px;
line-height: 1.5em;
text-align: left;
overflow: hidden;
}

img {
border: none;
}

#top_nav_wrapper {
background:url(../images/themelet-switcher_bg.jpg) repeat-x;
position: relative;
width: 100%;
height: 81px;
margin: 0 auto;
}

#filterwrap {
position:absolute;
right:100px;
top:23%;
width:600px;
}

#newsbar {
overflow: hidden;
padding-top: 1px;
padding-left: 270px;
height: 20px;
margin: 0 0 5px;
text-align: left;
}

#newsbar ul {
	left: 50px; top: 3px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	list-style: none;
}

#newsbar ul li a:link, #newsbar ul li a:visited {
color: #C8E2ED; padding-left: 3px;
} 
#newsbar ul li .date {
color: #7BB9D4;
}
.newschunk {
height: 14px;
}
select {
/*border: 1px solid #006699;*/
color:#006699;
margin:0 30px 0 20px;
padding:1px 4px;
visibility:hidden
}

h1 a {
text-indent: -7887px;
background:url(../images/themelet-switcher_logo.jpg);
height: 81px;
width: 339px;
display: block;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
}

#templates {
float:left; 
position: relative;
}

#downloads a { 
background:transparent url(../images/select-bg.png) repeat scroll 0 -344px;
display:block;
float:left;
height:33px;
margin:2px 0px 0;
padding:1px 0;
text-indent:-7887px;
width:114px;
}

#downloads a:hover { 
background:transparent url(../images/select-bg.png) repeat scroll -115px -344px;
}

#themelets {
position: relative;
float:left;
}

#templates a.info,
#themelets a.info {
background:transparent url(../images/tip.gif) no-repeat scroll 0 0;
display:block;
height:16px;
left:16px;
position:absolute;
text-decoration:none;
top:12px;
width:16px;
overflow: hidden;
}
/* @end */

/* @group tooltip styling */ 
.tooltip { 
background:transparent url(../images/tooltip-up.png) no-repeat scroll 0 0;
color:#555555;
display:none;
font-size:12px;
height:135px;
padding:44px 22px 0 34px;
text-align:left;
width:294px;
z-index:1000001;
} 
 /* @end */
 
/* @group a .label element inside tooltip */ 
.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a { 
    color:#2c9abf; 
}

.hide {
display: none;
}
/* @end */

/*
Stylish Select 0.3 - jQuery plugin to replace a select drop down box with a stylable unordered list
http://scottdarby.com/

Copyright (c) 2009 Scott Darby

Requires: jQuery 1.3

Licensed under the GPL license:
http://www.gnu.org/licenses/gpl.html
*/

/* @group remove default focus style */
:focus {outline:none;}

.js ul.newList {left:-9999px;}
/* @end */

/* @group red curvy example */
ul.newList * {margin:0; padding:0;}
ul.newList {margin:0; padding:0px 0 0; list-style:none; color:#000; width:200px; background:#eee; position:absolute;  top:34px!important; left:2px!important; overflow:auto; z-index:1000001;height: 600px;visibility: hidden;border: 5px solid #ececec;border-top: none;opacity: 0.96;   -moz-opacity: 0.96;   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.96);}
.newListSelected {
background:transparent url(../images/select-bg.png) no-repeat scroll 0 -4px;
color:#666666;
float:left;
font-size:12px;
height:26px;
margin:-0 20px 0 0;
padding:12px 0 4px 40px;
text-transform:uppercase;
width:172px;
cursor: pointer;
}
.newListSelected span {width:284px; display:block;}
ul.newList li {
font-size:11px;
padding:6px 4px 4px;
font-weight: normal;
color: #444;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
ul.newList li li {
border: none;
border-bottom:1px solid #DDDDDD;
}
.selectedTxt {width:157px; overflow:hidden; height:16px; padding:0 23px 0 0;cursor: pointer;}
.hiLite {background:#fff!important; color:#333!important;}
.newListHover {background:#fff!important; color:#000!important; cursor:default;}
.newListSelHover {background-position:0 -47px; cursor:default;}

.newListSelFocus {background-position: 0 -91px; cursor:default;}

.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
/* .newList  h3{font-weight:normal; color: #348ABD; border-bottom: 3px solid #348ABD; margin: 20px 0 0.5em 0;text-transform: uppercase;} */

.newList h3 {
background:#348ABD none repeat scroll 0 0;
color:#FFFFFF;
display:inline-block;
font-weight:normal;
margin:2px 0 2px -4px;
padding:5px 3px 3px;
text-transform:uppercase;
}

/* @end */
/* @group overlay for switching  */
 

#overlay {
	display: none;
	background: #000 url(../images/loadinfo-text.gif) no-repeat 50% 35%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 80px;
	left: 0;
	opacity:0.98;
 	-moz-opacity:0.98;
 	filter:alpha(opacity=98);
 	z-index: 10000;
}

#overlay-themelet {
	display: none;
	background: #000 url(../images/loadinfo-themelet.gif) no-repeat 50% 35%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 80px;
	left: 0;
	opacity:0.98;
 	-moz-opacity:0.98;
 	filter:alpha(opacity=98);
 	z-index: 10000;
}

#themelets-dropdown option span {color: red;}

/* @end */

/* @group beta label */

/* when we have that bg png, remove this */
ul.newList li.beta {
	position: relative;
}

/* temp styling of what should really be a bg png */
ul.newList li.beta::after {
	content: 'beta';
	position: absolute;
	top: 8px;
	right: 10px;
	bottom: 8px;
	line-height: 8px;
	font-size: xx-small;
	color: rgba(100,0,0,0.65);
	display: block;
	padding: 2px;
	padding: 0.3em 2em 0.2em 2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	background-color: #FFD351;
	background-image: -moz-linear-gradient(top, bottom, from(rgba(255,255,255,0.5)), to(rgba(90,90,90,0.0)));
	background-image: -webkit-gradient(
							linear, 
							left top, left bottom, 
							from(rgba(255,255,255,0.5)), 
							to(rgba(90,90,90,0.0)),
							color-stop(0.4, rgba(255,255,255,0.3)),
							color-stop(0.8, rgba(255,255,255,0.1)),
							color-stop(0.8, rgba(90,90,90,0.0)));
	border: 1px solid #FFD351;
	text-shadow: rgba(255,255,255,0.7) 0px 1px 0px;
	
}

/* @end */

/* @group thumbnail tooltip, copied over from better demo of the plugin http://cssglobe.com/lab/tooltip/03/ just so we have something (same source as for our tooltip js) */

#thumbnail {
	position: absolute;
	border: 1px solid #ccc;
	background: #333;
	padding: 5px;
	display: none;
	color: #fff;
	z-index: 1000001;
}

/* @end */