.username { font-size:14pt; }

.underline {
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	}
	
.coolquote {
	color:#666666;
	font-family:georgia;
	}
	
.homepageselect {
	font-size: 14pt;
	width: 100%;
	color: #666666;
	border: solid 1px #999999;
	}

.nav {
	color:white;
	cursor:pointer;
	font-size:8.5pt;
	}

.nav2 {
	color:white;
	cursor:pointer;
	padding: 1em;
	}

.number2 {
	font-size:8pt;
	font-family:georgia,garamond;
	color:green;
	}

.number {
	width: 1.3em;
	font-size:18pt;
	font-family:georgia,garamond;
	color:green;
	}

.fun {
	color:#999999;
	font-size:16pt;
	}
	
.fun_small {
	color:#999999;
	font-size:10pt;
	}
	
.toplist {
	width: 100%;
	border-top:1px dotted #999999;
	padding: 0.2em 0.0em 0.2em 0.0em;
	}

.toplist_pic {
	width: 24px;
	border-top:1px dotted #999999;
	padding: 0.2em 0.8em 0.2em 0.0em;
	}

.toplist_number {
	width: 24px;
	border-top:1px dotted #999999;
	padding: 0.2em 0.2em 0.2em 0.0em;
	}

.rank_number {
	font-family:georgia;
	font-size:16pt;
	color:darkgreen;
	}

.category-textarea {
	color:000000;
	font-family:Trebuchet MS,Trebuchet,helvetia;
	font-size:10pt;
	height: 3.5em;
	width: 100%;
	padding: 3 3 3 3;
	background-color: #FFFFFF;
	border: solid #7f9db9 1px;
	overflow: auto;
	}
.testimonial-textarea {
	color:999999;
	font-family:Trebuchet MS,Trebuchet,helvetia;
	font-size:10pt;
	height: 3.5em;
	width: 100%;
	padding: 3 3 3 3;
	background-color: #FFFFFF;
	border: solid #7f9db9 1px;
	overflow: auto;
	}
.description-textarea {
	color:000000;
	font-family:Trebuchet MS,Trebuchet,helvetia;
	font-size:10pt;
	height: 7em;
	width: 100%;
	padding: 3 3 3 3;
	background-color: #FFFFFF;
	border: solid #7f9db9 1px;
	overflow: auto;
	}
.tag-input {
	height:1.7em;
	width: 100%;
	color:#999999;
	font-family:Trebuchet MS,Trebuchet,helvetia;
	background-color: #FFFFFF;
	border: solid #7f9db9 1px;
	overflow: hidden;
	padding: 2 2 2 3;
	}

.inline_join_inputs {
	width: 100%;
	}
	
.errormessage {
	background-image: url(/images/delete.gif);
	background-repeat: no-repeat;
	color: red;
	padding-left: 18px;
	display: none;
	}
	
.testimonialheader
	{
	text-align: left;
	font-size: 9pt;
	color: #000;
	background-color: #ffffcc;
	padding: 5 0 5 0;
	border-bottom: solid #cccccc 1px;
	border-top: solid #cccccc 1px;

	margin: 0em 0 1em 0;
	font-weight: bold;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}	
.testimonial-picture
	{
	border: solid #cccccc 1px;
	}	

.search-picture
	{
	border: solid #cccccc 1px;
	margin: 0em 1em 0em 0em;
	}	

.skillDescription {
	padding: 0 0 0 0;
	/* width: 578; */
	overflow: hidden;
	display: relative;
	}
	
.vouchtexton {
	color:blue;
	display:inline;
	cursor:pointer;
	}
	
.vouchtexton:hover
	{
	text-decoration: underline;
	}
	
.vouchtextoff {
	color:black;
	}

.iconoff {
	cursor:pointer;
	vertical-align:text-bottom;
	border: none;
	}
	
.iconoff_nopointer {
	vertical-align:text-bottom;
	border: none;
	}
	
.icon {
	vertical-align:text-bottom;
	border: none;
	}

.icon_margins {
	vertical-align:text-bottom;
	margin-right: 3px;
	margin-left: 3px;
	border: none;
	}

.icon_margin_right {
	vertical-align:text-bottom;
	margin-right: 0.25em;
	border: none;
	}
	
.thumb {
	vertical-align:text-bottom;
	margin-right: 0.2em;
	}

.thumb_off {
	vertical-align:text-bottom;
	margin-right: 0.2em;
	display: none;
	}
	
.iconoff_nopointer {
	vertical-align:text-bottom;
	}
	
.iconon {
	cursor:pointer;
	vertical-align:text-bottom;
	}
	
.iconon_nopointer {
	vertical-align:text-bottom;
	}


html,body {
	/* background:url(/images/background.gif); */
	background-color: #edf0f2;
	margin:0 auto 0 auto;
	font-size:10pt;
	font-family: Trebuchet MS,Trebuchet, helvetica;
	text-align: center;
	}

.headerbar {
	text-align: center;
	vertical-align: baseline;
	background-color: #4897bf;
	/* background-image: url(/images/gradient_strip.gif); */
	padding: 0em 0px 0em 0px;
	margin-bottom: 1.5em;
	font: 11pt Trebuchet MS,Trebuchet,helvetica,sans;
	/* height: 2.5em; */
	width: 100%;
	/* border-bottom: 3px solid #3399CC; */
	}

.headerbar_search {
	margin: 0em 0em 0.5em 0em;
	}
	
.headerbar_sub {
	text-align: left;
	vertical-align: baseline;
	background-color: #fff;
	padding: 5px 0px 5px 0px;
	margin: 0em auto 2em auto;
	font: 11pt Trebuchet MS,Trebuchet,helvetica,sans;
	height: 2em;
	width: 100%;
	border-bottom: 4px solid #3399CC;
	}

.button {
    font-family: Trebuchet MS,Trebuchet;
    cursor: pointer;
    border: 2px solid #797979;
    border-top-color:#FFF;
    border-left-color:#FFF;
    margin:2px;
    padding:2px;
    font-size: 12px;
	font-weight: bold;
    background-color: #339933;
    text-decoration:none;
    vertical-align: middle;
    color: #ffffff;
}

.button_red {
    font-family: Trebuchet MS,Trebuchet;
    cursor: pointer;
    border: 2px solid #797979;
    border-top-color:#FFF;
    border-left-color:#FFF;
    margin:2px;
    padding:2px;
    font-size: 12px;
	font-weight: bold;
    background-color: #CC0000;
    text-decoration:none;
    vertical-align: middle;
    color: #ffffff;
}

td
	{
	font-size: 10pt;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}
.regular
	{
	font-size: 10pt;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	font-weight: lighter;
	}
.white
	{
	color:#FFF;
	font-size: 10pt;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}
.white:hover
	{
	color:#FFF;
	font-size: 10pt;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	text-decoration: underline;
	}

.biglink
	{
	font-size: 14pt;
	font-weight: bold;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}

.regular_light
	{
	font-size: 10pt;
	color: #999999;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}
.gray
	{
	font-size: 10pt;
	color: #999999;
	display: inline;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}
a
	{
	cursor: pointer;
	color: blue;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	text-decoration: none;
	}
a:visited
	{
	cursor: pointer;
	color: blue;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	text-decoration: none;
	}
a:active
	{
	cursor: pointer;
	color: blue;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	text-decoration: none;
	}
a:hover
	{
	cursor: pointer;
	color: blue;
	text-decoration: underline;
	}
.small
	{
	font-size: 9pt;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}
.smaller
	{
	font-size: 8pt;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}
.tiny
	{
	font-size: 7pt;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}
.vote_text
	{
	font-size: 9pt;
	color: #FFF;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}
.tiny_indent
	{
	font-size: 8pt;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	margin-left: 1.5em;
	display: block;
	}
.tiny_indent:hover
	{
	font-size: 8pt;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	margin-left: 1.5em;
	}
.slogan
	{
	font-size: 18pt;
	color:#3399cc;
	font-weight: bold;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}
.slogan_sub
	{
	font-size: 11pt;
	color:#999999;
	font-weight: bold;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}
.bullet
	{
	font-size: 11pt;
	color:#3399cc;
	font-weight: regular;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}
.search_name
	{
	font-size: 12pt;
	color:3399cc;
	font-weight: bold;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}
.bigname
	{
	border-bottom: solid #3399cc 1px;
	}
.namefont
	{
	font-size: 32pt;
	color:3399cc;
	font-weight: bold;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}
.bigfontname
	{
	border-bottom: solid #3399cc 1px;
	font-size: 32pt;
	color:3399cc;
	font-weight: bold;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}
.bigname2
	{
	text-align: left;
	font-size: 16pt;
	color:3399cc;
	font-weight: bold;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}

.bigskill
	{
	font-size: 16pt;
	color:3399cc;
	font-weight: bold;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	height:1em;
	}	

.bluebold
	{
	color:3399cc;
	font-weight: bold;
	}	
	
.endorsecount
	{
	text-align: left;
	font-size: 10pt;
	color:3399cc;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}	
.windowtitle
	{
	background: url('/images/tablebackground.png') no-repeat;
	padding: 5px 5px 5px 10px; 
	background-color: #3085af;
	color: white;
	font-weight: bold;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}
.smallgray
	{
	font-size: 8pt;
	color:#999999;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}
.testimonial
	{
	font-size: 10pt;
	padding: 10 2 10 50;
	color:#000000;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}
.subsection
	{
	background: #3085af url('/images/tablebackground_edge.png') no-repeat;
	padding: 0.4em 0.2em 0.4em 0.7em; 
	color: white;
	font-size:10pt;
	font-weight: bold;
	font-family: Trebuchet MS,Trebuchet,verdana,sans;
	}
div#outer1 {
	text-align: left;
    width: 61em;
	/* width: 90%; */
    background-color:#FFFFFF;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    /* padding: 0px 20px 20px 20px;  ! aaargh this messed stuff up */
    border: 1px solid #cccccc;
}

.fancywindow .header { 
	font-size: 14px; 
	color: #FFFFFF; 
	width: auto; 

	background: #3085af url(/images/tablebackground.png) no-repeat top right; 

	padding-right: 8px; 
	}
.fancywindow .header h2 { 
	font-size: 14px; ;
	background: #3085af url(/images/tablebackground.png) no-repeat; 
	padding: 5px 5px 5px 10px; 
	margin: 0; 
	}
.fancywindowborderspacer{
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	overflow: hidden;
	}
.fancywindowborder{
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	}
.fancywindowNoBottom{
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	}
.tagcell {
	padding:0 0 0 0;
	width: 10em;
	font-size:14pt;
	overflow:hidden;
	}

.tagcell_others {
	padding:0 0 0 0;
	cursor: default;
	width: 10em;
	font-size:14pt;
	overflow:hidden;
	}	

/*	
.tagcell_others:hover {
	background-color: #dadbf0;
	}	
*/
/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0em 0 0 0; /* set margins as desired */
font: 11px Trebuchet MS,Trebuchet, verdana, sans-serif; /* set font as desired */
border-bottom: 1px solid #CCCCCC; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 0px 3px 0px; /* THIRD number must change with respect to padding-top (X) below */
position: relative;
top: 1px;
width: 72em;

}

ul#tabnav li { /* do not change */
display: inline;

}

/*
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
position: relative;
}
*/

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
border-bottom: 1px solid #fff;
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #CCC; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #eee; /* set unselected tab background color as desired */
/* background:url(/images/tab_bg_on.gif); */
color: #666; /* set unselected tab link color as desired */
margin-right: 0em; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
font: 11px Trebuchet MS,Trebuchet, verdana, sans-serif; /* set font as desired */
position: relative;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */

}

/* end css tabs */