@charset "UTF-8";
/*
Design by CVWanted team
http://www.cvwanted.ch
*/

/* Body */

html, body{
	height:100%;
}

body {
	margin: 0;
	padding: 0;
	background: #ffffff url(../img/home_body_top_430_bg.jpg) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
}


hr {
	border:1px solid #f5f5f5;
	margin:10px 0px 10px 0px;
}

/* H */

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #555555;
}

h1 {
	font-size:22px;
	color: #555555;
	font-weight:bold;
}


h2 {
	font-size:18px;
}

h3 {
	font-size:18px;
	color:#555555;
}

h4 {
	font-size:12px;
	font-weight:normal;
	color:#555555;
	margin:0px 0 10px 0;
}


/* A */

a {
	text-decoration: none;
	color: #777777;
	font-size:12px;
	font-family:Arial, Verdana, Helvetica;
}

a.tooltip{
	font-size:11px;
	color:#ffffff;
	margin:0px 5px 0px 5px;
	padding:0px 8px 0px 3px;
	font-weight:bold;
	/*background-color:#99cc00;*/
	background-image:url(../img/tooltip_bg.png);
	background-repeat:no-repeat;
}

/* General Control */

input.buttonDisabled {
	color:#dddddd;
}

/* Wrapper */

#headerWrapper {
	width:100%;
	min-width:960px;
	height: 145px;
}

#wrapper {
	width: 960px;
	margin: 80px auto;
	padding: 0;
	/*height:100%;*/
}


/* TopControl */

.topControl{

	border:1px solid #eeeeee;
	background-color:#f5f5f5;
	padding:5px;

}

.topControl .left{
	float:left;
}

.topControl .right{
	float:right;
}

.topControl select, .topControl input{

	width:auto;
	border: 1px solid #dddddd;
	font-size: 12px; 
	color:#666666;
	font-family:Arial, Verdana;
	resize: none; 
	padding:5px;

}


.topControl input.button, .topControl input.buttonDisabled {
	width:auto;
	color:#666666;
	background: #ffffff url(../img/form_button_bg.png) repeat-x;
	/*background-color:#eeeeee;*/
	font-size:0.9em;
	font-weight:bold;
	padding:6px 15px 5px 15px;
	cursor:pointer;
	border:1px solid #dddddd;
}

.topControl input.buttonDisabled {
	color:#cccccc;
}

.topControl input.buttonCritical {
	color:#ff6600;
}

.topControl span.label {
	color:#999999;
}

/* Header - Center - Footer */
#header-cvwanted-solution-entity-copyright{
	position:absolute; 
	left:0; 
	right:0;
	top:0; 
	height:28px; 
	padding:7px 0 0 10px; 
	background: transparent url(../img/solution/cvwanted-solution-entity-copyright-bg.jpg) repeat-x;
	color:#99cc00; 
	font-size:11px;
}

#header-status{
	position:absolute;
	z-index:1;
	width:100%;
	height:85px;
	background-color:#ffffff;
	border-bottom:2px solid #cccccc;
	display:none;
	text-align:center;
}
#header-status #message{
	padding-top:35px;
	font-size:14px;
}

#header, #centerTop #footer  {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
}

#header  {
	height:100%;
}

#centerTop {
	height: 0px;
	/*background: #ffffff url(../img/center_top_bg.jpg) no-repeat;*/
	clear:both;
}

#centerMiddle  {
	padding: 0px 0px 20px 0px;
	height: auto;
	min-height:10px;
	/*background: #ffffff url(../img/center_middle_white_bg.jpg) repeat-y top;*/
}


#centerMiddle  .separator{
	background-image: url(../img/text_separator.jpg);
	background-repeat:no-repeat;
	height:15px;
	background-position:top center;
}

#separator  {
	height: 2px;
	background: #ffffff url(../img/center_middle_grey_bg.jpg) repeat-y top;
}

/* Menu CVwanted */
#socialButton{
	position:absolute;
	margin-top:75px;
	margin-left:675px;
}
#menuCreateCV{
	position:absolute;
	margin-top:60px;
	margin-left:675px;
	display:none;
}

#menuCVwanted{
	position:absolute;
	margin-top:116px;
}

#menuCVwanted ul{
	margin:0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menuCVwanted ul li{
	float:left;
	margin-right:15px;
}

#menuCVwanted ul li a{
	display:block;
	padding:5px;
	padding-bottom:8px;
	font-family:Arial;
	font-size:14px;
	/*text-transform:uppercase;*/
}
#menuCVwanted ul li a.pro{
	font-weight:bold;
}

#menuCVwanted ul li a:hover, #menuCVwanted ul li a.selected{
	color:#99cc00;
	background-image: url(../img/menu_cvwanted_bottom.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
}

/* Footer */

#footer {
	padding: 0px 0px 0px 0px;
	height:0px;
}

#footer #goodies {
	float:right;
	margin-bottom:5px;
}

#footer #goodies a {
	padding:0;
}

#footer #menu {
	padding: 5px 0px 0px 0px;
	border-top:5px solid #eeeeee;
	height:50px;
	position:relative;
}

/*#footer ul {
	padding:0;
	margin:0;
    list-style: none;
}

#footer ul li {
	float:left;
	margin-right:15px;
}*/

#footer a{
	display:block;
	font-size:11px;
	color:#666666;
	padding:0px 5px 0px 5px;
	float:left;
	margin-bottom:2px;
}

#footer a:hover{
	color:#99cc00;
}

#footer #copyright{
	position:absolute;
	color:#999999;
	font-size:9px;
	right:0;
	top:5px;
}


/* Logo */

#logo {
	position:absolute;
	margin: 20px 0px 0px 0px;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
}

#logo h1 {
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 3.8em;
}

#logo span {
	margin: 0;
	padding: 0px 0 0 50px;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #666666;
} 

#logo img {
	border: none;
}

/* TAB_MENU */

#tabmenu{
	position:absolute;
	margin-top:-56px;
	width:auto;
	height:31px;
}

#tabmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#tabmenu ul li, #tabmenu ul li.off, #tabmenu ul li.leftSide, #tabmenu ul li.rightSide {
	float:left;
	margin:0 1px 0 0;
	padding:8px 20px 0 20px;
	height:23px;
	background-color:#ffffff;
}

#tabmenu ul li.leftSide, #tabmenu ul li.rightSide {
	background-image: url(../img/tabmenu_item_left_side.png);
	background-repeat:no-repeat;
	background-position:left;
}

#tabmenu ul li.rightSide {
	background-image: url(../img/tabmenu_item_right_side.png);
	background-position:right;
}

#tabmenu ul li.leftSide a, #tabmenu ul li.rightSide a, #tabmenu ul li.middleSide a {
	color:#666666;
	font-weight:bold;
}

#tabmenu ul li.off, #tabmenu ul li.offLeftSide, #tabmenu ul li.offRightSide {
	background-color:#89b701;
	background-image: url(../img/tabmenu_off_item_side.png);
	background-repeat:no-repeat;
	background-position:left;
}

#tabmenu ul li.offLeftSide, #tabmenu ul li.offRightSide {
	background-image: url(../img/tabmenu_off_item_left_side.png);
	background-position:left;
}

#tabmenu ul li.offRightSide {
	background-image: url(../img/tabmenu_off_item_right_side.png);
	background-position:right;
}

#tabmenu ul li a {
	font-size:12px;
	color:#666666;
}

#tabmenu ul li a:hover {
	text-decoration:underline;
}

/* Title & Subtitle*/

#title_subtitle{
	margin-bottom:25px;
	height:50px;
}

#title_subtitle  h1{
	display:block;
	margin-top:12px;
	float:left;
	font-weight:normal;
}

#title_subtitle  h2{
	display:block;
	float:right;
	font-size:16px;
	font-family:Arial;
	font-style:italic; 
	line-height:22px;
	margin-top:2px;
	width:500px;
	text-align:right;
}

/* Text */

#textpane {
	float:left;
	margin:20px 0 5px 0;
	width:625px;
	text-align:justify;
}

#textpane .title {
	border-bottom:3px solid #f5f5f5;
	padding:5px;
	font-size:18px;
	margin-bottom:5px;
}

#textpane .desc {
	padding:5px;
	margin-bottom:20px;
}

#textpane .desc .spanPremium {
	color:#ff6600;
}

#textpane a{
	color:#999333;
}

#textpane a:hover{
	text-decoration:underline;
}

#textpane a.jumpToPage{
	font-size:11px;
	color:#999333;
	font-weight:bold;
	margin-top:10px;
}

#textpane .column, #textpane .columnPremium {
	float:left;
	width:295px;
	margin-right:30px;
}

#textpane .columnPremium {
	border:1px solid #99cc00;
	background-color:#f9f9f9;
	padding:12px 0 5px 12px;
}

#textpane .columnPremium .titlePremium {
	font-size:16px;
	margin-bottom:10px;
	text-align:left;
}

#textpane .column .feature {
	width:295px;
	margin-bottom:50px;
	height:50px;
	/*border:1px solid #ff6600;*/
}


#textpane .column .feature .icon {
	float:left;
	width:32px;
	margin-right:10px;
}

#textpane .column .feature .content {
	float:left;
	width:240px;
}

#textpane .column .feature .content .title {
	padding:6px 0 0px 0;
	font-size:18px;
	color:#99cc00;
	border:none;
	margin-bottom:5px;
}

#textpane .column .feature .content .description {
	text-align:justify;
}

/* Message */

#textpane .infoHeaderMessageLeft {
	float:left;
	width:40px;
	text-align:right;
	margin-right:10px;
}

#textpane .infoHeaderMessageRight {
	float:left;
	font-weight:bold;
}

#textpane #messageHeader, #textpane #messageRelatedObject {
	background-color:#eeeeee;
}

#textpane #messageRelatedObject {
	margin-top:1px;
	padding:10px;
}

#textpane #messageRelatedObject a {
	font-weight:bold;
}

#textpane #messageBody {
	padding:10px;
	border:1px solid #eeeeee;
}

#textpane #messageHeader #title {
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	padding:10px;
	background-color:#99cc00;
	color:#ffffff
}

#textpane #messageHeader #fromAtDate {
	padding:10px;
}

#textpane .messageHistoric {
	padding-top:0px;
	border-top:0px solid #f5f5f5;
	margin-top: 10px;
}

#textpane .messageHistoric .title {
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	margin-bottom:5px;
	background-color:#99cc00;
	padding:10px;
}

#textpane .messageHistoric .item {
	padding:10px 0 10px 0;
	font-size:11px;
	text-align:left;
	border-bottom:3px solid #f5f5f5;
}

#textpane .messageHistoric .item .info {
	float:left;
	width:200px;
	background-color:#f5f5f5;
	padding:5px;
}

#textpane .messageHistoric .item .comment {
	float:left;
	width:390px;
	border-left:0px solid #f5f5f5;
	padding:0px 10px 0px 10px;
	text-align:justify;
}

/* Screenshot */

#textpane .screenshot {
	position:relative;
	float:left;
	width:447px;
	height:271px;
	margin-right:40px;
	margin-left:10px;
	margin-top:20px;
}

#textpane .screenshot .title {
	position:absolute;
	/*margin-top:-27px;
	margin-left:20px;*/
	left:12px;
	bottom:10px;
	font-size:14px;
	font-weight:bold;
}

/* Partners */

#textpane #intro {
	margin-bottom:30px;
}

#textpane .category {
	font-size:24px;
	margin-bottom:20px;
	color:#99cc00;
	font-weight:bold;
}

#textpane .partner {
	float:left;
	width:450px;
	margin-right:50px;
}

#textpane .partner img {
	float:left;
	margin-right:10px;
}

#textpane .partner a {
	display:block;
	font-size:14px;
	color:#99cc00;
	margin-bottom:10px;
	font-weight:normal;
}

#textpane .partner .description {
	text-align:justify;
}

/* Feature pane*/

#featurespane {
	float:right;
	width:295px;
	margin:20px 0 5px 0;
}

#featurespane #topTitle {
	background-image: url(../img/feature_topTitle.jpg);
	background-repeat:no-repeat;
	height:43px;
	width:295px;
}

#featurespane #top {
	background-image: url(../img/feature_top.jpg);
	background-repeat:no-repeat;
	height:3px;
	width:295px;
}

#featurespane #topTitle #title {
	padding:10px 0 0 10px;
	font-size:18px;
	color:#333333;
}

#featurespane #middle {
	background-image: url(../img/feature_middle.jpg);
	background-repeat:repeat y;
	height:auto;
	width:280px;
	padding-left:15px;
}
#featurespane #middle .text {
	padding:15px 0 15px 0;
	border-bottom:1px solid #eeeeee;
}
#featurespane #middle ul {
	margin: 0;
	padding: 15px 0 15px 0;
	list-style: none;
	line-height: normal;
	border-top:1px solid #eeeeee;
	width:260px;
}

#featurespane #middle ul li.ico {
	float:left;
}

#featurespane #middle ul li.txt {
	float:left;
	margin-left:20px;
	margin-top:7px;
	font-size:14px;
}

#featurespane #bottom {
	background-image: url(../img/feature_bottom.jpg);
	background-repeat:no-repeat;
	height:3px;
	width:295px;
}

/* User Logged */

#menuPremiumAccount{
	float: right;
	margin:18px 20px 0px 0px;
}

#menuPremiumAccount a{
	display:block;
	font-size:14px;
	color:#99cc00;
	font-weight:bold;
	/*padding:5px 10px 5px 10px;*/
	border:0px solid #eeeeee;
	border-bottom:none;
}

#menuPremiumAccount a:hover{
	text-decoration:underline;
}

#menuPane{
	float: right;
	margin: 11px 20px 0px 0px;
}
#menuUser{
	float: left;
	font-size:12px;
	font-weight:bold;
	color:#993300;
	height:30px;
	text-align:center;
}
#menuUser a.pro{
	text-decoration:underline;
	color:#99cc00;
}
#menuUser ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}
#menuUser ul li, #menuUser ul li.on, #menuUser ul li.admin {
	float: left;
	margin: 0px 0px 0px 1px;
	padding:5px 13px 0 13px;
	height:20px;
	background-color:#99cc00;
}
#menuUser ul li.admin {
	background-color:#ff6600;
}
#menuUser ul li.leftSide, #menuUser ul li.rightSide{
	background-image: url(../img/menu_item_left_side.png);
	background-repeat:no-repeat;
	background-position:left;
}
#menuUser ul li.rightSide{
	background-image: url(../img/menu_item_right_side.png);
	background-position:right;
}
#menuUser ul li.on, #menuUser ul li.onWSub {
	/*background-image: url(../img/menu_item_on_bg.png);*/
	cursor:pointer;
	background-repeat:no-repeat;
}
#menuUser ul li.onWSub {
	/*background-image: url(../img/menu_itemWSub_on_bg.png);*/
}
#menuUser ul li.onWSub a {
	color:#666666;
}

#menuUser ul li a, #currentUser, #menuUser ul li a.deactivated {
	color:#ffffff;
	font-size:12px;
	font-weight:normal;
	font-family:Arial;
	display:block;
	padding-bottom:4px;
}

#menuUser ul li a.deactivated, #menuUser ul li a.deactivated:hover {
	color:#bfdf5e;
}

#menuUser ul li a:hover {
	color:#666666;
}

div.subMenu, div.subMenuAdmin{
	display: none;
	width:160px;
	height:auto;
	/*border:1px solid #cccccc;*/
	border:0px solid #dddddd;
	background:#eeeeee;
	position: absolute;
	padding:1px;
	z-index:99;
	background-image: url(../img/menu_item_on_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	-moz-box-shadow: 3px 3px 5px #999;
	-webkit-box-shadow: 3px 3px 5px #999;
	box-shadow: 3px 3px 5px #999;
}

div.subMenuAdmin{
	background-image: url(../img/menu_item_admin_on_bg.png);
}

div.subMenu ul, div.subMenuAdmin ul {
	margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
	line-height: normal;
}


div.subMenu ul a, div.subMenu ul a.extra, div.subMenuAdmin ul a, div.subMenuAdmin ul a.extra{
	font-size:12px;
	color:#666666;
	display: block;
	width: 150px;
	border-top: 0px solid #eeeeee;
	padding:5px 5px 5px 5px;
	background-color:#ffffff;
}

div.subMenu ul a.separator, div.subMenuAdmin ul a.separator{
	border-top:1px dashed #dddddd;
}

div.subMenu ul a:hover, div.subMenuAdmin ul a:hover{
	color:#333333;
	background-color:#f5f5f5;
}

div.subMenu ul a.deactivated{
	color:#dddddd;
}

div.subMenu ul a.deactivated:hover{
	background-color:#ffffff;
}

#currentUser{
	float: left;
	margin: 5px 0px 0px 0px;
	color:#666666;
	font-weight:normal;
}

/* New Menu */
#new-menu {
	margin:0;
	padding:0;
	float: right;
	margin: 11px 20px 0px 0px;
	list-style: none;
	width:auto;
}
#new-menu li {
	float: left;
	position: relative; /*--Declare X and Y axis base--*/
}
#new-menu li + li{
	border-left:1px solid #ffffff;
}
#new-menu  li a{
	height:16px;
	padding:6px 15px 6px 15px;
	display: block;
	color:#ffffff;
	background-color: #99cc00;
	font-size:12px;
}
#new-menu  li a.first{
	-webkit-border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
}
#new-menu  li a.last{
	-webkit-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
}
#new-menu  li a:hover,
#new-menu  li a.on{
	background-color: #82ad00;
}
#new-menu li ul.submenu {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 28px;
	background-color:#ffffff;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 150px;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	z-index:99;
	-moz-box-shadow: 0px 0px 8px #ddd;
	-webkit-box-shadow: 0px 0px 8px #ddd;
	box-shadow: 0px 0px 8px #ddd;
	border:1px solid #eeeeee;
}
#new-menu li ul.submenu li{
	margin: 0; padding: 0;
	width: 150px;
	border:0;
	
}
#new-menu li ul.submenu li a{
	padding:6px 10px 6px 10px;
	background:none;
	color:#999999;
	border:0;
	height:auto;
}
#new-menu li ul.submenu li a.separator,
#new-menu li ul.submenu li a.separator:hover{
	border-top:1px solid #eeeeee;
}
#new-menu li ul.submenu li a.last{
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
#new-menu li ul.submenu li a:hover{
	color:#99cc00;
	border:0;
	background-color:#f5f5f5;
}
#new-menu a.pro{
	color:#99cc00;
	text-decoration:underline;
}


/* Counter */

.counter {
	float:right;
	color:#666666;
}

/* Tooltip */

div.tooltip{
	position:absolute;
	display:none;
	padding:8px;
	width:250px;
	height:auto;
	/*background: #ffffff url(../img/tooltipText_bg.png) repeat-x top;*/
	background-color: #ffffff;
	font-size:11px;
	color:#666666;
	border:1px solid #dddddd;
	z-index:2;
}

div.tooltip ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

div.tooltip ul li {
	margin-bottom:5px;
}

div.tooltip ul li span {
	color:#999333;
	font-weight:bold;
}


/* ProgressBar */

div.progressBarContainer, div.progressBarContainerCV {
	padding:0;
	border:1px solid #dddddd;
	height:20px;
	background-color:#ffffff;
	margin:10px 0px 5px 0px;
	text-align:left;
}

div.progressBarContainerCV {
	border:1px solid #dddddd;
	margin:2px 0px 0px 0px;
	width:105px;
}

div.progressBarElementLow, div.progressBarElementMedium, div.progressBarElementHigh {
	padding:2px 0px 0px 5px;
	background: #ffffff url(../img/progressBarLow_bg.png) repeat-x left top;
	width:0px;
	height:18px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}

div.progressBarElementMedium {
	background: #ffffff url(../img/progressBarMedium_bg.png) repeat-x left top;
}

div.progressBarElementHigh {
	background: #ffffff url(../img/progressBarHigh_bg.png) repeat-x left top;
}

/* Warning Message */

.warningMessage{ background-color:#f9f9f9; border:1px solid #eeeeee; padding:10px; margin-bottom:10px; width:auto; }
.warningMessage img{ float:left; margin-right:10px; }
.warningMessage a{ color:#999333; }
.warningMessage a:hover{ text-decoration:none; }


/* SPAN */

span{
	color: #99cc00;
}
span.dark{
	color: #5c7a00;
}
span.confidential{
	color: #dddddd;
}
span.warning{
	color: #ff6600;
}
span.tips{
	color: #999999;
}

/* MISC */

#clearAll{
	clear:both;
}
.clear-all{
	clear:both;
}

/* Focus */

*:focus { 
	outline: none; 
}

*::-moz-focus-inner { 
	border: none; 
}

/* Top Status */

div.topStatus{
	position:fixed;
	top:0;
	width:100%;
	height:57px;
	background:url(../img/topstatus_bg.png); 
	background-repeat:repeat-x;
	background-position: left top;
	border-top:10px solid #ff6600;
	z-index:9999;
	display:none;
	padding-left:20px;
}

div.topStatus .icon{
	padding-top:15px;
	float:left;
	margin-right:20px;
}

div.topStatus .icon img{
	display:none;
}

div.topStatus .content{
	float:left;
	width:960px;
	font-size:14px;
	padding-top:15px;
	color:#999999;
	/*background-color:*/
	
	
}

/* Dialog */

div.dialog{
	display:none;
	width:auto;
	max-width:400px;
}

div.dialog .header{
	color:#ffffff;
	background-color:#99cc00;
	padding:10px;
	font-weight:bold;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:14px;
}
div.dialog .header.warning{
	background-color:#ff6600;
}

div.dialog .body{
	color:#666666;
	font-size:12px;
	margin-top:15px;
	padding:5px;
}

div.dialog .action{
	float:right;
	margin-top:20px;
	margin-bottom:5px;
}

div.dialog input.button{
	float:left;
	width:auto;
	color:#666666;
	border:none;
	background: #ffffff url(../img/form_button_bg.png) repeat-x;
	font-size:0.9em;
	font-weight:normal;
	padding:4px 20px 5px 20px;
	cursor:pointer;
	border:1px solid #dddddd;
	margin-right:5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/* JQUERY CSS */



#simplemodal-overlay {background-color:#666666;}
#simplemodal-container {
	background-repeat:no-repeat;
	background-color:#ffffff;
	border:5px solid #eeeeee; 
	padding:5px;
	width:auto;
	height:auto;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/* Spry CSS */

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 8px 10px;
	margin: 0px 0px 0px 3px;
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	background-color: #eeeeee;
	color:#cccccc;
	list-style: none;
	border-left: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	border-top: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}



/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #ffffff;
	color:#666666;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #ffffff;
	color:#666666;
	border-bottom: 1px solid #ffffff;
}


/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border:none;
	border-top: solid 1px #dddddd;
	background-color: #ffffff;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 8px 4px 4px 4px;;
	/*background-image:url(../img/tabs_content_bg.jpg);*/
	background-color:#ffffff;
}