/* Generic Styling */

body
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 80%; /* Sets default font size to 10px */
    color: #222222;
    background-color: #718693; /*background: #1E5799; /* old browsers      background: -moz-linear-gradient(top, #1E5799 0%, #2989D8 41%, #7db9e8 64%, #207cca 100%); /* firefox      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1E5799), color-stop(41%,#2989D8), color-stop(64%,#7db9e8), color-stop(100%,#207cca)); /* webkit      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1E5799', endColorstr='#207cca',GradientType=0 ); /* ie  	*/
}

*
{
    margin: 0;
    padding: 0;
}

img
{
    border: 0;
}

p
{
    margin-bottom: 1.75em;
}

a
{
    text-decoration: none;
    color: #000;
    
}
a:hover
{
    text-decoration: none;
    color: #6CC7DC;
}
fieldset{ border: 0; }
fieldset legend {display:none;}

fieldset div  {
padding: .4em 0em .1em 0em;
}
fieldset div label
{
float: left;
width: 25em;
margin-top: 0em;
margin-right: 1em;
margin-bottom: 0em;
margin-left: 0em;
text-align: left;
}
fieldset div input, fieldset div textarea 
{
margin-top: 0.1em;
margin-right: 0.1em;
margin-bottom: 0.1em;
margin-left: 0em;
padding-left: 0.3em;
line-height: 1.2em;
color: #000000;
font-style: normal;
padding-top: 0.1875em;
width:16em;
}
fieldset div input:focus, fieldset:focus div textarea:focus,fieldset div select:focus
{
   /* border: solid 1px blue;*/
}
fieldset div select
{
    width:16.6em;    
}

fieldset span.initial
{ color: Blue; }

/*Checkbox*/
div.checkbox span{
margin-left:-.25em;}

div.checkbox span input
{
   width:1.25em!important;
   font-size:1em;  
}
/*Radiobuttonlist*/
div.radio ul
{
    list-style: none;
    display:inline-block;
}
div.radio ul li input  
{   
    width: auto; 
    height: auto; 
    border:none; 
    position: relative; 
    top: .2em; }
div.radio ul li input:focus 
{
    background-color: transparent !important;
}
div.radio ul li label  
{
    float: none; 
}
/* General*/
#keuze
{  border-bottom:1px solid black;  
   padding-bottom:1em; 
   margin-bottom:1em;
}
.hide
{
    display:none;
}

p strong{ color:#781017;}

/* Structure */

#wrapper
{
    margin: 0 auto;
    width: 1000px;
    background: #ffffff;
    font-size: 1em;
    border:solid 1px #000;
}

.boxshadow #wrapper {	
	-webkit-box-shadow: rgba(0,0,0, .5) 10px 10px 10px;
	-moz-box-shadow: rgba(0,0,0, .5) 10px 10px 10px;
	box-shadow: rgba(0,0,0, .5) 10px 10px 10px;
	}
#header
{
    height: 140px;
    background-color: Gray;
    background-image:url(/includes/images/header.png); 
}

#header h2{
    font-size: 1.8em;
    margin-left: 13em;
    padding-top: 2em;
}

#header a:hover{
color:#000;
}

#menu
{
    height: 35px;
    line-height: 35px;
    background: url(/includes/images/bg-menu.png) repeat-x; 
    /*background: #64636B; /* old browsers      background: -moz-linear-gradient(top, #64636B 0%, #898989 22%, #545454 46%, #000A00 76%); /* firefox      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64636B), color-stop(22%,#898989), color-stop(46%,#545454), color-stop(76%,#000A00)); /* webkit      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64636B', endColorstr='#000A00',GradientType=0 ); /* ie      */
    padding: 0 10px;
}

#sidebar
{
    float: left;
    width: 202px;
    background: #efefef;
    margin-right: 10px;
    margin-left:14px;
    margin-top:-5px;
   padding-bottom:20px;
}

.borderradius #sidebar   
{   
  
  -moz-border-radius: 0px 0px 20px 20px; /* FF1+ */
  -webkit-border-radius: 0px 0px 20px 20px; /* Saf3-4 */
  border-radius: 0px 0px 20px 20px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

#feed {
	height:41px;
	width:202px;
	background:url(/includes/images/bg-feed.png) no-repeat;
	margin:0 auto;
	padding-left:26px;
	}

#content
{
    float: left;
    width: 740px;
    margin:10px;
    min-height: 400px;
    padding-top: 10px;
    padding-left:10px;
}
#footer
{
    clear: both;
    height: 105px;
    background-color: Gray;
}

#disclaimer{
width:700px;
float:left;
margin:5px;
font-size:85%;
font-weight:bold;
}

#reference{
width:760px;
float:left;
padding-top:15px;
margin:5px;
font-size:70%;
}

/* Tooltip */
/*HELPBALLOONS*/
.hide, .helptext { display:none!important; }

.balloon
{
    position:absolute;
	width:200px;
	 margin-left:11px;
	 padding:10px 15px;
	background: #000;	
	text-align:left;
	font-size:12px;	 
	color:#ffffff; 
    border  :1px solid #ffffff;
	/* for IE */
 	filter:alpha(opacity=70);
 	/* CSS3 standard */
  	opacity:0.7;	    	

}
.boxshadow .balloon {	
	-webkit-box-shadow: rgba(0,0,0, .5) 0px 0px 10px;
	-moz-box-shadow: rgba(0,0,0, .5)0px 0px 10px;
	box-shadow: rgba(0,0,0, .5)0px 0px 10px;
 }

.arrow_helpballoon
{  top:0em!important;  
   position: absolute; 
   z-index:2; 
}
.span_helpballoon
{
  position: absolute;	
  padding-left:.5em;
  padding-top:.1em; 
  /*Voor FF padding-top:.1em; */ 
}
/* Tooltip */
.tooltip-inner{
	background-color:#000;
	border:1px solid #ffffff;
        margin-left:15px;
	padding:10px 15px;
	width:200px;	
	color:#fff;
	text-align:left;
	font-size:12px;
    filter:alpha(opacity=70); /* IE patch */
	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;   
}

.tooltip-arrow
{  
 float:left;   
  width:16px;
  height:28px;
 background-image: url(/includes/images/helpballoonarrow.png);

}

.validator ul{padding-left:13px;}

/* Entries */

.entry
{
    padding: 5px 10px;
    text-align: justify;
    line-height: 1.75em;
}
.entry-title
{
    font-size: 1.90em;
    font-weight: normal;
    letter-spacing: -1px;
}
.date
{
    font-size: 0.9em;
    color: #bbb;
    cursor: default;
    letter-spacing: 1px;
}
.comments
{
    margin-top: -1em;
}
.comments a
{
    color: #6CC7DC;
    background: url(/includes/images/icon-comment.png) no-repeat 0px 2px;
    padding-left: 20px;
    padding-right: 2px;
}
.comments a:hover
{
    color: #B4C835;
}


/* Menu */

#menu ul
{
    list-style-type: none;
    float: right;
}
#menu li
{
    float: left;
}
#menu li a
{
    padding: 0 15px;
    display: block;
    color: #ffffff;
    margin-right: 2px;
}
#menu li a:hover
{
    background: url(/includes/images/bg-menu-hover.png) no-repeat center center;
}

/*Slide out*/
.slide-out-div {
          padding: 20px;
          width: 250px;
          background: #ccc;
          border: 1px solid #29216d;
      }      

/* Sidebar */

#sidebar ul
{
    list-style-type: none;
    margin-top: 10px;
}
#sidebar li
{
}
#sidebar li a
{
    display: block;
    height: 20px;
    line-height: 20px;
    color: #222222;
    padding-left: 10px;
    border-bottom: 1px solid #dddddd;
}
#sidebar li a:hover
{
    background: #edebed;
    color: #6CC4D8;
}
#sidebar-bottom
{
    height: 20px;
    background: url(/includes/images/bg-sidebar-bottom.gif) no-repeat top center;
}

/* Footer */

#footer-valid
{
   float:right;     
}
#footer-valid a
{
    color: #ffffff;
    text-decoration: none;
}
#footer-valid a:hover
{
    color: #ffffff;
    text-decoration: underline;
}

/* Heading's */

h1
{
    font-size: 2em;
    font-weight: normal;
    cursor: default;
    position: relative;   
    letter-spacing: 1px;
    color: #aaaaaa;
    padding-bottom: 20px;
}

/*Social media*/
.sharing-cl{
	  overflow:hidden;
	  margin:0;
	  padding:0;
	  list-style:none;
	}
	.sharing-cl a{
	  overflow:hidden;
	  width:75px;
	  height:30px;
	  float:left;
	  margin-right:5px;
	  text-indent:-200px;
	  background:url("/includes/images/shr-sprite.png") no-repeat;
	}
	a.sh-mail{margin-right:0;background-position:-350px -40px;}
	a.sh-feed{background-position:-420px -40px;}
	a.sh-tweet{background-position:-490px -40px;}		
	a.sh-face{margin-right:0;background-position:-1320px -40px;}
	a.sh-li{background-position:-140px -40px;}
	
	a.sh-mail:hover{background-position:-350px 1px;}
	a.sh-feed:hover{background-position:-420px 1px;}
	a.sh-tweet:hover{background-position:-490px 1px;}	
	a.sh-face:hover{background-position:-1320px 1px;}
	a.sh-li:hover{background-position:-350px 1px;}
	
	a.sh-linkedin{background-position:-140px -40px;}
	a.sh-linkedin:hover{background-position:-350px 1px;}
 
	#text{
	  margin-top:3em;
	  font-weight:bold;
	  font-family:helvetica,arial,sans-serif;
	}
	#text a{
	  text-indent:0;
	  height:auto;
	  text-align:center;
	  font-size:11px;
	  padding-top:35px;
	  color:#999;
	  text-decoration:none;
	}
/*
	click handler for SexyBookmarks
	Credit: Phong Thai Cao - http://www.JavaScriptBank.com
	Please keep this creadit when you use this code
*/
div.sexy-bookmarks {
	margin:20px 0 0 0;
	clear: both !important;
}
div.sexy-bookmarks-expand {
	height: 29px;
	overflow: hidden;
}
/*.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-caring, .sexy-bookmarks-bg-caring-old, .sexy-bookmarks-bg-love, .sexy-bookmarks-bg-wealth, .sexy-bookmarks-bg-enjoy {
	background-image:url('../images/sexy-trans.png') !important;
	background-repeat: no-repeat !important;
}*/
div.sexy-bookmarks-bg-sexy {
	padding: 15px 0 0 10px !important;
	background-position: left -348px !important;	
}
div.sexy-bookmarks-bg-caring {
	padding: 26px 0 0 10px !important;
	background-position: left 0 !important;
}
div.sexy-bookmarks-bg-caring-old {
	padding: 26px 0 0 10px !important;
	background-position: left -748px !important;
}
div.sexy-bookmarks-bg-love {
	padding: 26px 0 0 10px !important;
	background-position: left -1148px !important;
}	
div.sexy-bookmarks-bg-wealth {
	margin-left: 15px !important;
	padding: 35px 0 0 20px !important;
	background-position: left -1535px !important;
}
div.sexy-bookmarks-bg-enjoy {
	padding: 26px 0 0 10px !important;
	background-position: left -1895px !important;
}
div.sexy-bookmarks ul.socials {
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	float: left !important;
}

div.sexy-bookmarks ul.socials {
	background:transparent none !important;
	border:0 none !important;
	outline:0 none !important;
}

div.sexy-bookmarks ul.socials li {
	display:inline !important;
	float:left !important;
	list-style-type:none !important;
	margin:0;
	height:29px !important;
	width:60px !important;
	cursor:pointer !important;
	padding:0 !important;
	background-color:transparent !important;
	border:0 none !important;
	outline:0 none !important;
	clear:none !important;
}

div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after {
	content:none !important;
}

div.sexy-bookmarks ul.socials a {
	display:block !important;
	width:60px !important;
	height:29px !important;
	text-indent: -9999px !important;
	background-color:transparent !important;
}

div.sexy-bookmarks ul.socials a:hover, div.sexy-bookmarks ul.socials li:hover {
	background-color:transparent !important;
	border:0 none !important;
	outline:0 none !important;
}

li.sexy-diigo, li.sexy-diigo:hover, li.sexy-digg, li.sexy-digg:hover, li.sexy-reddit, li.sexy-reddit:hover, li.sexy-stumbleupon, li.sexy-stumbleupon:hover, li.sexy-delicious, li.sexy-delicious:hover, li.sexy-yahoobuzz, li.sexy-yahoobuzz:hover, li.sexy-blinklist, li.sexy-blinklist:hover, li.sexy-technorati, li.sexy-technorati:hover, li.sexy-facebook, li.sexy-facebook:hover, li.sexy-twitter, li.sexy-twitter:hover, li.sexy-myspace, li.sexy-myspace:hover, li.sexy-mixx, li.sexy-mixx:hover, li.sexy-scriptstyle, li.sexy-scriptstyle:hover, li.sexy-designfloat, li.sexy-designfloat:hover, li.sexy-mail, li.sexy-mail:hover, li.sexy-comfeed, li.sexy-comfeed:hover, li.sexy-newsvine, li.sexy-newsvine:hover, li.sexy-devmarks, li.sexy-devmarks:hover, li.sexy-linkedin, li.sexy-linkedin:hover, li.sexy-google, li.sexy-google:hover, li.sexy-misterwong, li.sexy-misterwong:hover, li.sexy-izeby, li.sexy-izeby:hover, li.sexy-twittley, li.sexy-twittley:hover, li.sexy-tipd, li.sexy-tipd:hover, li.sexy-pfbuzz, li.sexy-pfbuzz:hover, li.sexy-friendfeed, li.sexy-friendfeed:hover, li.sexy-blogmarks, li.sexy-blogmarks:hover, li.sexy-fwisp, li.sexy-fwisp:hover, li.sexy-designmoo, li.sexy-designmoo:hover, li.sexy-bobrdobr, li.sexy-bobrdobr:hover, li.sexy-yandex, li.sexy-yandex:hover, li.sexy-memoryru, li.sexy-memoryru:hover, li.sexy-100zakladok, li.sexy-100zakladok:hover, li.sexy-moemesto, li.sexy-moemesto:hover, li.sexy-ning, li.sexy-ning:hover, li.sexy-hackernews, li.sexy-hackernews:hover, li.sexy-identica, li.sexy-identica:hover, li.sexy-printfriendly, li.sexy-printfriendly:hover, li.sexy-designbump, li.sexy-designbump:hover, li.sexy-fleck, li.sexy-fleck:hover, li.sexy-netvibes, li.sexy-netvibes:hover, li.sexy-netvouz, li.sexy-netvouz:hover, li.sexy-nujij, li.sexy-nujij:hover, li.sexy-globalgrind, li.sexy-globalgrind:hover, li.sexy-wikio, li.sexy-wikio:hover, li.sexy-xerpi, li.sexy-xerpi:hover, li.sexy-sphinn, li.sexy-sphinn:hover, li.sexy-blogospherenews, li.sexy-blogospherenews:hover, li.sexy-posterous, li.sexy-posterous:hover, li.sexy-techmeme, li.sexy-techmeme:hover, li.sexy-ekudos, li.sexy-ekudos:hover, li.sexy-pingfm, li.sexy-pingfm:hover, li.sexy-tomuse, li.sexy-tomuse:hover {
	background:url('/includes/images/shr-sprite.png') no-repeat !important;
}

li.sexy-diigo {
	background-position:-910px bottom !important;
}
li.sexy-diigo:hover {
	background-position:-910px top !important;
}
li.sexy-digg {
	background-position:-980px bottom !important;
}
li.sexy-digg:hover {
	background-position:-980px top !important;
}
li.sexy-reddit {
	background-position:-700px bottom !important;
}
li.sexy-reddit:hover {
	background-position:-700px top !important;
}
li.sexy-stumbleupon {
	background-position:-630px bottom !important;
}
li.sexy-stumbleupon:hover {
	background-position:-630px top !important;
}
li.sexy-delicious {
	background-position:-1190px bottom !important;
}
li.sexy-delicious:hover {
	background-position:-1190px top !important;
}
li.sexy-yahoobuzz {
	background-position:-1120px bottom !important;
}
li.sexy-yahoobuzz:hover {
	background-position:-1120px top !important;
}
li.sexy-blinklist {
	background-position:-1260px bottom !important;
}
li.sexy-blinklist:hover {
	background-position:-1260px top !important;
}
li.sexy-technorati {
	background-position:-560px bottom !important;
}
li.sexy-technorati:hover {
	background-position:-560px top !important;
}
li.sexy-myspace {
	background-position:-770px bottom !important;
}
li.sexy-myspace:hover {
	background-position:-770px top !important;
}
li.sexy-twitter {
	background-position:-490px bottom !important;
}
li.sexy-twitter:hover {
	background-position:-490px top !important;
}
li.sexy-facebook {
	background-position:-1330px bottom !important;
}
li.sexy-facebook:hover {
	background-position:-1330px top !important;
}
li.sexy-mixx {
	background-position:-840px bottom !important;
}
li.sexy-mixx:hover {
	background-position:-840px top !important;
}
li.sexy-scriptstyle {
	background-position:-280px bottom !important;
}
li.sexy-scriptstyle:hover {
	background-position:-280px top !important;
}
li.sexy-designfloat {
	background-position:-1050px bottom !important;
}
li.sexy-designfloat:hover {
	background-position:-1050px top !important;
}
li.sexy-newsvine {
	background-position:left bottom !important;
}
li.sexy-newsvine:hover {
	background-position:left top !important;
}
li.sexy-google {
	background-position:-210px bottom !important;
}
li.sexy-google:hover {
	background-position:-210px top !important;
}
li.sexy-comfeed {
	background-position:-420px bottom !important;
}
li.sexy-comfeed:hover {
	background-position:-420px top !important;
}
li.sexy-mail {
	background-position:-350px bottom !important;
}
li.sexy-mail:hover {
	background-position:-350px top !important;
}
li.sexy-devmarks {
	background-position:-140px bottom !important;
}
li.sexy-devmarks:hover {
	background-position:-140px top !important;
}
li.sexy-linkedin {
	background-position:-70px bottom !important;
}
li.sexy-linkedin:hover {
	background-position:-70px top !important;
}
li.sexy-misterwong {
	background-position:-1400px bottom !important;
}
li.sexy-misterwong:hover {
	background-position:-1400px top !important;
}
li.sexy-izeby {
	background-position:-1470px bottom !important;
}
li.sexy-izeby:hover {
	background-position:-1470px top !important;
}
li.sexy-twittley {
	background-position:-1540px bottom !important;
}
li.sexy-twittley:hover {
	background-position:-1540px top !important;
}
li.sexy-tipd {
	background-position:-1610px bottom !important;
}
li.sexy-tipd:hover {
	background-position:-1610px top !important;
}
li.sexy-pfbuzz {
	background-position:-1680px bottom !important;
}
li.sexy-pfbuzz:hover {
	background-position:-1680px top !important;
}
li.sexy-friendfeed {
	background-position:-1750px bottom !important;
}
li.sexy-friendfeed:hover {
	background-position:-1750px top !important;
}
li.sexy-blogmarks {
	background-position:-1820px bottom !important;
}
li.sexy-blogmarks:hover {
	background-position:-1820px top !important;
}
li.sexy-fwisp {
	background-position:-1890px bottom !important;
}
li.sexy-fwisp:hover {
	background-position:-1890px top !important;
}
li.sexy-designmoo {
	background-position:-1960px bottom !important;
}
li.sexy-designmoo:hover {
	background-position:-1960px top !important;
}
li.sexy-bobrdobr {
	background-position:-2030px bottom !important;
}
li.sexy-bobrdobr:hover {
	background-position:-2030px top !important;
}
li.sexy-memoryru {
	background-position:-2100px bottom !important;
}
li.sexy-memoryru:hover {
	background-position:-2100px top !important;
}
li.sexy-100zakladok {
	background-position:-2170px bottom !important;
}
li.sexy-100zakladok:hover {
	background-position:-2170px top !important;
}
li.sexy-yandex {
	background-position:-2240px bottom !important;
}
li.sexy-yandex:hover {
	background-position:-2240px top !important;
}
li.sexy-moemesto {
	background-position:-2310px bottom !important;
}
li.sexy-moemesto:hover {
	background-position:-2310px top !important;
}
li.sexy-marrows {
	background-position:-2380px bottom !important;
}
li.sexy-marrows:hover {
	background-position:-2380px top !important;
}
li.sexy-identica {
	background-position:-2450px bottom !important;
}
li.sexy-identica:hover {
	background-position:-2450px top !important;
}
li.sexy-hackernews {
	background-position:-2520px bottom !important;
}
li.sexy-hackernews:hover {
	background-position:-2520px top !important;
}
li.sexy-ning {
	background-position:-2590px bottom !important;
}
li.sexy-ning:hover {
	background-position:-2590px top !important;
}
li.sexy-designbump {
	background-position:-2660px bottom !important;
}
li.sexy-designbump:hover {
	background-position:-2660px top !important;
}
li.sexy-printfriendly {
	background-position:-2730px bottom !important;
}
li.sexy-printfriendly:hover {
	background-position:-2730px top !important;
}
li.sexy-fleck{
	background-position:-2800px bottom !important;
}
li.sexy-fleck:hover{
	background-position:-2800px top !important;
}
li.sexy-netvibes{
	background-position:-2870px bottom !important;
}
li.sexy-netvibes:hover{
	background-position:-2870px top !important;
}
li.sexy-netvouz{
	background-position:-2940px bottom !important;
}
li.sexy-netvouz:hover{
	background-position:-2940px top !important;
}
li.sexy-nujij{
	background-position:-3010px bottom !important;
}
li.sexy-nujij:hover{
	background-position:-3010px top !important;
}
li.sexy-globalgrind{
	background-position:-3080px bottom !important;
}
li.sexy-globalgrind:hover{
	background-position:-3080px top !important;
}
li.sexy-wikio{
	background-position:-3150px bottom !important;
}
li.sexy-wikio:hover{
	background-position:-3150px top !important;
}
li.sexy-xerpi{
	background-position:-3220px bottom !important;
}
li.sexy-xerpi:hover{
	background-position:-3220px top !important;
}
li.sexy-sphinn{
	background-position:-3290px bottom !important;
}
li.sexy-sphinn:hover{
	background-position:-3290px top !important;
}
li.sexy-blogospherenews{
	background-position:-3360px bottom !important;
}
li.sexy-blogospherenews:hover{
	background-position:-3360px top !important;
}
li.sexy-posterous{
	background-position:-3430px bottom !important;
}
li.sexy-posterous:hover{
	background-position:-3430px top !important;
}
li.sexy-techmeme{
	background-position:-3500px bottom !important;
}
li.sexy-techmeme:hover{
	background-position:-3500px top !important;
}
li.sexy-ekudos{
	background-position:-3570px bottom !important;
}
li.sexy-ekudos:hover{
	background-position:-3570px top !important;
}
li.sexy-pingfm{
	background-position:-3640px bottom !important;
}
li.sexy-pingfm:hover{
	background-position:-3640px top !important;
}
li.sexy-tomuse{
	background-position:-3710px bottom !important;
}
li.sexy-tomuse:hover {
	background-position:-3710px top !important;
}

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	background: url(/includes/images/panel/tab_b.png) repeat-x 0 0;
  	width: 1000px;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: left;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	left: 14px;
  	color: white;
  	font-size: 80%;
	text-align: center;
}

.tab ul.login li.left {
  	/*background: url(/includes/images/panel/tab_l.png) no-repeat left 0;*/
  	background:url(/includes/images/panel/tab.png);
  	background-position: 0px 0px;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	/*background: url(/includes/images/panel/tab_r.png) no-repeat left 0;*/
  	background:url(/includes/images/panel/tab.png);
  	background-position: 0px -52px;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(/includes/images/panel/tab_m.png) repeat-x 0 0;
  	
}

.tab ul.login li a {
	color: #15ADFF;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(/includes/images/panel/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(/includes/images/panel/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(/includes/images/panel/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(/includes/images/panel/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 1000px;
    height: 165px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left 
{
    left:20px;    
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right {
	border-right: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(../images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(../images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}



/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	background: url(/includes/images/panel/tab_b.png) repeat-x 0 0;
  	width: 1000px;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: left;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	left: 14px;
  	color: white;
  	font-size: 80%;
	text-align: center;
}

.tab ul.login li.left {
  	/*background: url(/includes/images/panel/tab_l.png) no-repeat left 0;*/
  	background:url(/includes/images/panel/tab.png);
  	background-position: 0px 0px;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	/*background: url(/includes/images/panel/tab_r.png) no-repeat left 0;*/
  	background:url(/includes/images/panel/tab.png);
  	background-position: 0px -52px;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(/includes/images/panel/tab_m.png) repeat-x 0 0;
  	
}

.tab ul.login li a {
	color: #15ADFF;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(/includes/images/panel/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(/includes/images/panel/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(/includes/images/panel/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(/includes/images/panel/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 1000px;
    height: 165px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left 
{
    left:20px;    
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right {
	border-right: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(../images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(../images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}