@charset "utf-8";
/* CSS Document */

body {
	margin:8px 0 0 0; padding:0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: white;
	font-size: 14px;
	line-height: 130%;
}

a img {
	border: none;
}

a {
	text-decoration: none;
	outline:none;
}

a:hover {
	text-decoration: underline;
}

#wrapper {
	margin:0px auto;
	width: 1009px;  /*911*/
}

/* HEADER */
#header {
	height: 109px;
	background: url(images/header_top_navigation.jpg) no-repeat bottom;
	overflow: hidden;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#header .lower_nav {
	padding-bottom: 10px;
}

/*#home #header {
	height: 189px;
	background: url(images/header_home_1009.jpg) no-repeat bottom;
	overflow: hidden;
}
*/

  
#header .left h1{
	display:none;
	float: left;
}

#header tr.subnav {
	font-size: 11px;
	color: #3e0000;
}

#header tr.subnav a {
	color: #3e0000;
	text-decoration:none;
	padding: 0px 6px 0px 6px;
}

#header tr.subnav a:hover {
	text-decoration: underline;
}

h3.share_your_experience {
	width: 227px;
	margin: 0 0px 10px 0;
	padding: 5px 0px 0px 0px;
}

h3.share_your_experience a {
	display:block;
	outline:none;
	overflow:hidden;
	height: 16px;
	width:227px;
	padding:0;
	background:url(images/share_your_experience.gif) no-repeat;
	
}

h3.share_your_experience a span {
	display:none;
}

h3.share_your_experience a:hover {
	background-position: 0 -16px;
}


/* NAV */
#nav {
	overflow: hidden;
	height: 40px;
	background: url(images/header_bottom_navigation.jpg) no-repeat;
}

#nav ul {
	height: 36px;
	margin:0;
	padding: 6px 0 0 22px;
	list-style: none;
	overflow: hidden;
}

#nav ul li {
	float: left;
	clear:none;
	text-indent:0;
	padding-right: 12px;
}

#nav ul li a {
	display: block;

	margin:0; padding:0;
	color: #2f2b2b;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#nav ul li a:hover {
	color: #563dec;
	text-decoration: none;
}

#nav ul li.active a {
	color: #563dec;
	font-weight: bold;
}

/* CONTENT */
#content_top, #content_bottom {
	/*display: none;*/
}

#content {
	padding: 15px 15px 25px 15px;
	overflow: hidden;
}

.intro {
	background: url('images/blue.png') no-repeat;
	width:276px;
	height:128px;
	float:left;
	padding:15px 10px 10px 10px;
	color:#dadada;
	font-size:12px;
}

#intro_bullet {font-size:12px;float:left;width:500px;color:#dadada;}
#video {float:left;width:425px;height:344px;}
.intro_bullet_1 {
	background: url('images/1.png') no-repeat top left;
	height:70px;
	padding:15px 10px 10px 80px;
}
.intro_bullet_2 {
	background: url('images/2.png') no-repeat top left;
	height:70px;
	padding:15px 10px 10px 80px;
}
.intro_bullet_3 {
	background: url('images/3.png') no-repeat top left;
	height:70px;
	padding:15px 10px 10px 80px;
}

.intro span {font-family:Rockwell;font-size:20px;color:#fff;margin-bottom:15px;}

/* FOOTER */

#footer {
	min-height:74px;
	width:1009px; /* 904 */
	margin:0px auto;
	padding: 8px 0 10px 0;
	overflow: hidden;
	background: url(images/footer_bg_1009.gif) top no-repeat #f8f5f4;
	font-size: 11px;
}

#footer ul {
	list-style: none;
	margin:0;
	padding:8px 0 0 15px;
	
}

#footer ul li{
	float: left;
	text-indent:0;
	padding-right: 14px;
}

#footer ul li a{
	color: #6874b9;
	font-size: 12px;
}

#footer ul li a:hover {
	
}

#footer .right {
	float: left;
	clear:both;
	padding: 18px 15px 0 15px;
	color: gray;
}

/* TEXT & HEADINGS */

#content p {
	line-height: 145%;
	margin:0;
	padding: 5px 5px 10px 5px;
}

#content a {
	text-decoration: underline;
	color: Blue;
}

h1,h2,h3,h4 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	

}

h2 {
	font-size: 16px;
	font-weight: normal;
	color: black;
	margin:0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	color:#464646;
	margin:0;
	padding: 15px 0 5px 0px;
}

.error {
	border: 1px solid red;
	background-color: #fbe0e0;
	margin: 15px 15px 15px 15px;
	width:80%;
	padding:10px 10px 10px 30px;
}

.note {
	border: 1px solid blue;
	background-color: #def2fa;
	margin: 15px auto;
	width:80%;
	padding:10px 10px 10px 10px;
	color: blue;
}

.tutorial_note {
	border: 1px solid #d3d3d3;
	background-color: #f4f4f4;
	width:80%;
	padding:10px 10px 10px 10px;
	color: #00a8ff;
	}

.success {
	border: 1px solid green;
	background-color:#dfffbf;
	margin: 15px auto;
	width:80%;
	padding:10px 10px 10px 10px;
	color: green;
}

ul.error li {
	text-indent: 5px;
	list-style-image: url(images/red_x.gif);
	list-style-type:square;
}

.small {
	font-size: 10px;
	line-height: 13px;
}

.normal {
	font-size: 12px;
	font-weight:normal;
}

.legible {
	font-size: 12px;
}

/* images */
img.avatar, img.thumb {
	border: 1px solid #666666;
}



/*tables */

table.user_data {
	width: 500px;
	margin: 5px 0 8px 0;
	background-color: #f7f1e6;
	border: 1px solid black;
}

th {
	text-align: left;
	background-color: #b00808;
}

th h3, th h2, th h4{
	color: white;
	margin:0;
	padding:0;
}

/* EXPERIENCE LISTING */

div.experience_list {
	float: right;
	width:325px;
	padding: 5px;
}

div.experience_list .experience:hover {
	
	border: 1px solid black;
}

.experience_list .experience {
	border-top: 1px solid white;
	border-bottom: 1px dotted #777777;
	padding: 0;
	border-left: 1px solid white;
	background-color: white;
	margin: 0 0 5px 0;
	background: url(images/icons/edit.gif) 10px 6px no-repeat;
}

.experience_list a {
	display: block;
	width: 100%;
	padding: 6px 0 6px 30px;
	color: black;
	font-weight: bold;
}

.experience_list a:hover{
	text-decoration:none;
}

.experience_list .experience.active{
	background-color: #f0fee6;

}

.experience_list .experience.unpublished{
	background-color: #efefef;

}

.experience_list .experience.unpublished a{
	font-weight: normal;
}

.experience_list .experience.declined{
	background-color: #ffd5e2;

}

.experience_list .experience.waiting{
	background-color: #fefdd7;

}

.login_box {
	float: right; border: 1px dotted gray; padding: 6px;
	background: #fdfeeb; text-align:center;
	margin: 0 0 8px 9px;
}

hr {
	border: none 0;
	border-top: 1px dotted #474fb6;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

/* VIEW EXPERIENCE */
body#experience .author, body#view_user .author {
	float: right; 
	width: 200px;
	text-align: center;
}

.rating_box {
	float: right;
	width: 130px;
}

input {
     /*   background-color: #eaf9ff; */
         font-family : Verdana,Geneva,Arial,Helvetica,sans-serif;
         color: #2e2e2e;
         border: 1px solid ;
	   border-color: #5F9EA0 #5F9EA0 #5F9EA0 #5F9EA0;
	   font-size: 14px;
	   padding-left: 5px;
}


textarea {
      /*  background-color:  #eaf9ff; */
         /*color: #5F9EA0;*/
         border: 1px solid ;
	   border-color: #5F9EA0 #5F9EA0 #5F9EA0 #5F9EA0;
	   
	     padding-left: 5px;
	     padding-top: 5px;
}

select {
      /*  background-color:  #eaf9ff; */
         font-family : Verdana,Geneva,Arial,Helvetica,sans-serif;
         color: #2e2e2e;
         border: 1px solid ;
	   border-color: #5F9EA0 #5F9EA0 #5F9EA0 #5F9EA0;
	   font-size: 14px;
	     padding-left: 5px;
}

.intype {
     /*   background-color: #eaf9ff; */
         font-family : Verdana,Geneva,Arial,Helvetica,sans-serif;
         color: #2e2e2e;
         border: 1px solid ;
	   border-color: #5F9EA0 #5F9EA0 #5F9EA0 #5F9EA0;
	   font-size: 16px;
	   padding-left: 5px;
}



files {
      /*  background-color:  #eaf9ff; */
         font-family : Verdana,Geneva,Arial,Helvetica,sans-serif;
         color: #2e2e2e;
         border: 1px solid ;
	   border-color: #5F9EA0 #5F9EA0 #5F9EA0 #5F9EA0;
	   font-size: 16px;
	     padding-left: 5px;
}


.searchBox{
  background-image:url('images/magnifying-glass.gif');
  background-repeat:no-repeat;
  padding-left:20px;
  padding-top: 0px;
  padding-botton: 10px;

} 

.searchButton{

} 

 #nav  .searchBox{
  background-image:url('images/magnifying-glass.gif');
  background-repeat:no-repeat;
  padding-left:20px;
  padding-top: 0px;
  position: absolute; 
  float: right;
  top: 122px; 
} 

#nav .searchButton{
 position: absolute; 
margin-left: 135px;
 padding-top: 0px;
 float: right;
 top: 123px; 
} 

/*
#home .searchBox{
  background-image:url('images/magnifying-glass.gif');
  background-repeat:no-repeat;
  padding-left:20px;
  padding-top: 0px;
  position: absolute;
  float: right;
  top: 201px; 
} 

#home .searchButton{
  padding-top: 0px;
  margin-left: 170px;
  position: absolute;
  float: right;
  top: 202px; 
} 
*/
#footer  .searchBox{
  display: none;
} 

#footer  .searchButton{
  display: none;
} 

.radio {
  background-color: transparent;
  font-size: xx-small;
  font-family : Verdana,Geneva,Arial,Helvetica,sans-serif;
  border: none;
}
 
.visitcount {
font-size: 9px;
border: none;
float: right;
height: 9px;
vertical-align: top;
  }
  
  .sortlinks {
font-size: 12px; 
font-variant: small-caps;
font-weight: bolder;
text-decoration:none; 
color: black; 
cursor: hand;
}

#favorites {
height: 20px;
}

.topAuthors {
font-size: 12px; 
/*font-variant: small-caps;*/
font-weight: bolder;
text-decoration:none; 
}


.experience_header {
margin:1px 0 0 0; 
padding:0;
}

/*
.experience_fieldset {
float:left; 
height: 300px; 
width: 290px; 
overflow-y:auto; 
overflow-x: hidden; 
scrollbar-width: 5px; 
margin: 10px 5px 10px 10px; 
padding: 5px 5px 5px 5px; 
}
*/

.topauthors_fieldset {
float:left; 
height: 300px; 
width: 290px; 
overflow-y:auto; 
overflow-x: hidden; 
/*scrollbar-width: 5px; */
border: 1px solid #666666;
margin: 10px 5px 10px 10px; 
padding: 5px 5px 15px 5px; 	

}

.topauthors_fieldset_index{
float:left; 
height:220px; 
width: 290px; 
overflow-y:auto; 
overflow-x: hidden; 
/*scrollbar-width: 5px; */
border: 1px solid #666666;
margin: 10px 5px 10px 10px; 
padding: 5px 5px 15px 5px; 	
text-align:left;

}

.summary_fieldset {
height: 160px; 
overflow:hidden; 
/*text-align:justify; */
padding: 0px 10px 10px 10px; 
margin:0px 10px 20px 10px;
background: url(images/bottom_background.jpg) no-repeat bottom;
}

.summaries_legend {
font-size:12px; 
line-height: 12px;
}

.summaries_price {
font-size: 11px; 
color: green; 
font-weight: bolder; 
text-decoration: none;
}

#email{

}

.caution {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	color: #2e2e2e;
	border: 1px solid;
	border-color: #5F9EA0 #5F9EA0 #5F9EA0 #5F9EA0;
	font-size: 16px;
	padding: 5px 5px 5px 5px;
	background-color: #FEFF6A;
	     
	     }
	     
a.menu_list:hover{ 
background-color: #E8E7D3;
/*border: 1px solid #0281c3;*/
	padding-left: 5px;
	left: 5px;
		}

a:link {color: #0281c3}     /* unvisited link */
a:visited {color: #0281c3}  /* visited link */
a:hover {color: #0281c3}   /* mouse over link */
a:active {color: #0281c3}   /* selected link */