.round_top_left { background: transparent url("/images/build/nav_left.gif") no-repeat left top; }
	 .round_top_right { background: transparent url("/images/build/nav_right.gif") no-repeat right top; }
	 .round_top_inner { 
	 	background: transparent url("/images/build/nav_bg.gif") repeat-x 0 0; 
        margin:0 15px; 
        height:auto; 
	}
	
	#nav  
	{
		height:auto; 
		padding:0 20px;
	}
	
	#subject_nav 
	{
		padding:0 10px;
		border-bottom:solid 1px #ccc;	
	}
	
	#subject_nav ul {
		background: transparent url("/images/build/nav_bg.gif") repeat-x 0 0; 
		list-style: none;
		margin: 0;
		padding: 0 ;
		white-space: nowrap;
		height:45px;
	}

	#subject_nav li {
		float: left;
		margin:0 0px 0 0 ;
		padding: none ;
	}
  	
	#subject_nav li a { 
		background:url("/images/build/nav_icons.gif") no-repeat 0 0; 
		font-size:16px;
		display:block;
		color:#333333;
		height:33px;	
		padding:12px 15px 0px 35px; 
		xborder:1px solid red;
		text-decoration:none;
	}

	* html #subject_nav li a { display:inline-block; height:34px; }
	
	#subject_nav li a:hover { xbackground-color:#ACCFE5; text-decoration:underline; } 
	
	
	#subject_nav li.current a { color:#000; font-weight:bold; text-decoration:none; color:#000; }
	
	#subject_nav li.current a, 
	#subject_nav li.current a:hover { background-color:#fff; text-decoration:none; } 
	
	#subject_nav li a.askables { background-position: 0px 0px;}
	#subject_nav li a.health { background-position: 0px -40px; }
	#subject_nav li a.pets { background-position: 0px -80px; }
	#subject_nav li a.money { background-position: 0px -120px; padding-left:40px; }
	#subject_nav li a.nutrition { background-position: 0px -160px; padding-left:38px; }
	#subject_nav li a.autos { background-position: 0px -200px; padding-left:55px; }
	#subject_nav li a.living { background-position: 0px -240px; padding-left:40px; }
	
	
	
	
	
	/* top login status nav */

	#my_status { float:right; margin-right:15px; }
	#my_status ul { list-style:none; }
	#my_status li { float:left; margin-left:0px;  }

	#my_status  a, #my_status  p { font-family:Arial; font-weight:bold; font-size:13px; text-decoration:none; color:#fff; }
	#my_status  a:hover { text-decoration:underline; }

	#my_status  p { padding:3px 5px 0;}
	
	#my_status a{ 
		padding:5px 10px;
		color:#000;
		display:inline-block;
		color:#fff;
	}
	
	
	/* top tabs nav */
	
	#my_tabs  
	{
		float:right; 
		margin:5px 0 0 0; 
		width:100%; 
		clear:both;
		display:block;
	}
	
	#my_tabs ul { list-style:none; margin:0; }
	#my_tabs li { float:left; margin: 0 0 0 10px;  }
	#my_tabs li.list_first { margin-left: 0px; }
	#my_tabs li.list_last { margin-right:15px; }

	#my_tabs  a  
	{
		background: transparent url("/images/build/nav_tabs.gif") no-repeat 0 -40px; 
		width:110px;
		font-family:Arial; 
		font-weight:bold; 
		font-size:14px; 
		text-decoration:none; 
		padding:10px 0 8px 0;
		display:block;
		color:#fff;
		text-align:center;
	}

	#my_tabs li a:hover { 
		xcolor:#2E4659;
		xbackground:white; 
		xtext-decoration:none;
	}
	
	#my_tabs li.current a 
	{
		background-position: 0 0px; 
		color:#2E4659;
		text-decoration:none;
	}
 
	
	#my_tabs .nav_tab_large
	{
		width: 160px;
		background-position: 0 -120px; 
	}
	 
	#my_tabs .current .nav_tab_large 
	{
		width: 160px;
		background-position: 0 -80px; 
	}

.nav_tabs {
	border-bottom:1px solid #999;
	clear:both;
	height:34px;
	width:98%;
}

.nav_tabs ul {
	
	font-weight:bold;
	position:relative;
	margin:0 0 0 5px; 
	padding:0;
	font-size:120%;
}

.nav_tabs li {
	background:#EEEEEE none repeat scroll 0% 0%;
	border:1px solid #EEEEEE;
	color:#999;
	display:block;
	float:left;
	height:24px;
	line-height:22px;
	margin:8px 5px 0pt 0pt;
	padding:0pt 11px;
}

.nav_tabs a, .nav_tabs a:hover {
	text-decoration:none;
}
	
.nav_tabs li.current  {
	background:#FFFFFF none repeat scroll 0% 0%;
	border:solid 1px #999;
	border-bottom:solid 1px #fff;
	
	color:black;
	font-size:120%;
	height:30px;
	line-height:28px;
	margin-top:3px;
	padding:0px 11px;
}







.tab_header {
	border-bottom:1px solid #999;
	xclear:both;
	height:34px;
	width:auto;
}

.tab_header h1, .tab_header h2 {
	float:left;
	line-height:34px;
	margin-bottom:0px;
}

.tab_header ul {
	float:right;
	position:relative;
	margin:0; 
	padding:0;
}

.tab_header li {
	background:#EEEEEE none repeat scroll 0% 0%;
	border:1px solid #EEEEEE;
	color:#999;
	display:block;
	float:left;
	height:24px;
	line-height:22px;
	margin:8px 5px 0pt 0pt;
	padding:0pt 11px;
}

.tab_header a, .tab_header a:hover {
	text-decoration:none;
}
	
.tab_header li.current  {
	background:#FFFFFF none repeat scroll 0% 0%;
	border:solid 1px #999;
	border-bottom:solid 1px #fff;
	
	color:black;
	font-size:110%;
	height:30px;
	line-height:28px;
	margin-top:3px;
	padding:0px 11px;
}








.toggle_bar
{
	margin:0;
	padding: 0;
	font-size: 12px;
	font-weight:bold;
}

.toggle_bar li
{
	list-style: none;
	margin: 0; 
	display: inline;
}

.toggle_bar li a
{
	padding: 5px 7px;
	background: #ccc;
	text-decoration: none;
}

.toggle_bar li a:link { color: #448; }
.toggle_bar li a:visited { color: #667; }

.toggle_bar li a:hover 
{
	color: #fff;
	background: #999;
	text-decoration:none;
}

.toggle_bar li.current a , 
.toggle_bar li.current a:hover,
.toggle_bar li.current a:link,
.toggle_bar li.current a:visited
{
	background: white;
	color:#000;
}







	
	.footer_left { 
	 	background: transparent url("/images/build/footer_left.jpg") no-repeat left bottom; 
	 	width:15px;
	 	padding:0;
		margin:0;
	}
	
	.footer_content {
		background: transparent url("/images/build/footer_bg.jpg") repeat-x left bottom; 
		height:320px;
		padding:0 50px;
		margin:0;
	}
	
	.footer_content p {
		line-height:2em;
	}

	.footer_content a {
		color:#666;
		font-size:120%;
		font-family:Arial;
	}
	
	.footer_right {
		background: transparent url("/images/build/footer_right.jpg") no-repeat right bottom; 
		padding:0;
		margin:0;
		width:325px;
		vertical-align:bottom;
	}
	
	.bloggers_learn_more {
		margin:0 0 10px 120px;	
		display:block;
	}
	
	 
	
	 



/* --- posts ---*/
.posts-browse .item { margin-bottom:2em; }

.posts-browse .title { float:left; width:85%;  }
.posts-browse .rating { float:right; background:#888; padding:.5em; width:2em; 
         font-size:15px; font-weight:bold; color:#fff; text-align:center; }
.posts-browse .item-image { width:10em; float:left; margin:.7em 1em 0 0; }
.posts-browse .item-text { xwidth:35em; xfloat:left;}

.posts-browse .comment { margin:.2em 0 0; display:inline-block; }	
.posts-browse .comment em { font-weight:bold; color:#333; }
.posts-browse .comment p { font-size:1em; display:block; color:#666; }



.posts-sidebar .item-image { margin:5px 5px 5px 0; }

.posts-profile .item-image { margin:5px 5px 5px 0; }
.posts-profile .item-text { font-size:10px; }
.posts-profile .title { font-size:14px; }


.comment_icon { background:#fff url("/images/icons/01/16/29.png") no-repeat left 0; padding-left:20px; }
.comment_icon_right { float:right; background:#fff url("/images/icons/01/16/29.png") no-repeat right 0; padding-right:20px; }


.previousLink, .nextLink
{
	padding:1em 1em 0 1em;
	clear:both;
	width: 100%;
	font-size:1.2em;
	font-weight:bold;
}
.previousLink a, .nextLink a
{
	color:#06f;
}
.previousLink a:hover, .nextLink a:hover
{
	color:#f60;
}



.column_details { width:80px; float:left; text-align:center; }
.column_details_small { width:60px; float:left; }
.column_ass_pain_80 { float:left; padding-left:2%; width:80% }
.column_ass_pain_x { float:left; padding-left:2%; width:68% }

.column_details .quite { margin: 4px 10px 0 0; padding:5px; color:#999; font-size:11px; }


.bubble, 
.bubble_orange, 
.bubble_green,
.bubble_blue { text-align: center; width: 80px; }

.bubble_small, 
.bubble_orange_small, 
.bubble_green_small { text-align: center; width: 60px; }


.bubble_note { font-weight: bold; margin: 2px 0 0; }


/* Standard size bubble */
.bubble .bubble_top, 
.bubble_orange .bubble_top, 
.bubble_green .bubble_top,
.bubble_blue .bubble_top { background: url( "/images/build/bubble_top.gif" ) no-repeat left top; padding: 5px 15px 0px 5px; color: #999; margin: 0; }

.bubble .bubble_bottom, 
.bubble_orange .bubble_bottom, 
.bubble_green .bubble_bottom,
.bubble_blue .bubble_bottom { background: url( "/images/build/bubble_bottom.gif" ) no-repeat left bottom; height: 5px; font-size: .1em; width: 80px; }

.bubble_orange .bubble_top { background-position: -80px top; color: #ff6600; }
.bubble_orange .bubble_bottom { background-position: -80px bottom; }
.bubble_orange .bubble_note { color: #FF7519; }

.bubble_green .bubble_top { background-position: -160px top; color: #fff; }
.bubble_green .bubble_bottom { background-position: -160px bottom; }
.bubble_green .bubble_note { color: #D7F4B7; }

.bubble_blue .bubble_top { background-position: -240px top; color: #fff; }
.bubble_blue .bubble_bottom { background-position: -240px bottom; }
.bubble_blue .bubble_note { color: #C8E7FC; }


.bubble h1, 
.bubble_orange h1, 
.bubble_green h1,
.bubble_blue h1 { font-size: 30px; padding-top: 4px; margin-bottom: 3px; }


/* Small size bubble */
.bubble_small .bubble_top { background: url( "/images/build/bubble_small_top.gif" ) no-repeat left top; padding: 5px 15px 0px 5px; color: #999; margin: 0; }
.bubble_small .bubble_bottom { background: url( "/images/build/bubble_small_bottom.gif" ) no-repeat left bottom; height: 5px; font-size: .1em; width: 60px; }

.bubble_small .bubble_top, 
.bubble_orange_small .bubble_top, 
.bubble_green_small .bubble_top { background: url( "/images/build/bubble_small_top.gif" ) no-repeat left top; padding: 2px 15px 0px 3px; color: #999; margin: 0; }

.bubble_small .bubble_bottom, 
.bubble_orange_small .bubble_bottom, 
.bubble_green_small .bubble_bottom { background: url( "/images/build/bubble_small_bottom.gif" ) no-repeat left bottom; height: 5px; font-size: .01em; width: 60px; }

.bubble_orange_small .bubble_top { background-position: -60px top; color: #ff6600; }
.bubble_orange_small .bubble_bottom { background-position: -60px bottom; }
.bubble_orange_small .bubble_note { color: #FF7519; }

.bubble_green_small .bubble_top { background-position: -120px top; color: #fff; }
.bubble_green_small .bubble_bottom { background-position: -120px bottom; }
.bubble_green_small .bubble_note { color: #fff; }

.bubble_small h1, 
.bubble_orange_small h1, 
.bubble_green_small h1 { font-size: 24px; padding: 3px 0 0 ; margin: 0; }

.bubble_small .bubble_note, 
.bubble_orange_small .bubble_note, 
.bubble_green_small .bubble_note { font-weight: normal; padding:0; margin: 0; font-size:10px; }




    
a.rate_up, a.rate_down { width:40px; height:18px; background: url("/images/build/rate_arrows.gif") no-repeat 0 0; display:block; margin-left:auto; margin-right:auto }
a.rate_down { background-position: 0 -20px; }

a.rate_up:hover { background-position: 0 -40px; } 
a.rate_down:hover { background-position: 0 -60px; } 



.pager-wrapper { padding-bottom:5px; margin-top:20px; text-align:center; width:100%; }

.pager { font-size:1.4em; margin-left:auto; margin-right:auto; padding-top:10px; }
.pager a, .pager .current { background:#FFFFFF none repeat scroll 0%; margin:0 .2em; border:1px solid #DDDDDD; padding:2px 6px; text-decoration:none; }
.pager a:hover { background:orange none repeat scroll 0%; border-color:orange; color:#FFFFFF; text-decoration:none; }

.pager .current{ border-color:#999999; color:orange; font-weight:bold; }
.pager .next { margin-left:1em; padding:2px 6px; }
.pager .prev { margin-right:1em; padding:2px 6px; }
.pager .pfirst { margin-left:1em; padding:2px 6px; }
.pager .plast { margin-right:1em; padding:2px 6px; }
.pager .disabled { color:#AAAAAA; }

.pager .break { padding:2px 6px; color:#666; }

.pager-wrapper .counter { color:#AAAAAA; line-height:15px; margin-top:8px; text-align:center; }

@charset "UTF-8";




.ad_pad { text-align:center; width:99%; color:#999; }
.ad_pad img { border: 1px solid #000; width:99% ; }


.table 
{ 
	width:100%;
}

.table p, .table a 
{ 
	font-family:Arial; font-size:110%;
}

.table td {
	padding:5px;	
}

.unverified {color:darkred;}

.table .alternate { background:#f1f1f1; }



.title { color:#000; margin:0; padding:0 }

.sub_title  { color:#666; 
              margin:0; 
              padding:0 ;
              font-size:90%;
        }

.quote { color:#999; 
         margin:0; 
         padding:5px 0 ; 
         width:80%;
         font-size:80%;
         
          }
          
h3.stats a{ color:#666;}



#teaser { 
	background:#fff url("/images/build/teasers/home_bg.jpg") repeat-x bottom left; 
	height:auto; 
	overflow:hidden;  
}

#teaser_inner {
	background:transparent url("/images/build/teasers/home_ad.jpg") no-repeat bottom left; 
	height:120px; 
	margin-left:30px ;
}


#teaser_actions { 
	float:right;
    padding:40px 15px 0 0;    
}

.search_container {
	width:300px;
	float:left;
	margin:10px 5px 20px 0 ;  /* Margin bottom pushes tags down */
}

.search_text {
	border:none;
	margin:0;
	font-size:15px;
	width:195px;
	background:#fff ;
}

.search_button {
	width:85px;
	height:24px;
	border:none;
	background:none;
	cursor:pointer;
	background:transparent url("/images/build/button_search.gif") repeat-x bottom left; 
}

#teaser_tags 
{
}
#teaser_tags a
{
	font-size:14px;
	font-weight:bold;
	margin-right:10px;
}

.askables #teaser { background:#fff url("/images/build/teasers/everything_bg.jpg") repeat-x bottom left; }
.askables #teaser_inner { background:transparent url("/images/build/teasers/everything_ad.jpg") no-repeat bottom left;  }

.health #teaser { background:#fff url("/images/build/teasers/health_bg.jpg") repeat-x bottom left; }
.health #teaser_inner { background:transparent url("/images/build/teasers/health_ad.jpg") no-repeat bottom left;  }

.pets #teaser { background:#fff url("/images/build/teasers/pets_bg.jpg") repeat-x bottom left; }
.pets #teaser_inner { background:transparent url("/images/build/teasers/pets_ad.jpg") no-repeat bottom left;  }

.money #teaser { background:#fff url("/images/build/teasers/money_bg.jpg") repeat-x bottom left; }
.money #teaser_inner { background:transparent url("/images/build/teasers/money_ad.jpg") no-repeat bottom left;  }

.autos #teaser { background:#fff url("/images/build/teasers/autos_bg.jpg") repeat-x bottom left; }
.autos #teaser_inner { background:transparent url("/images/build/teasers/autos_ad.jpg") no-repeat bottom left;  }

.nutrition #teaser { background:#fff url("/images/build/teasers/nutrition_bg.jpg") repeat-x bottom left; }
.nutrition #teaser_inner { background:transparent url("/images/build/teasers/nutrition_ad.jpg") no-repeat bottom left;  }

.living #teaser { background:#fff url("/images/build/teasers/living_bg.jpg") repeat-x bottom left; }
.living #teaser_inner { background:transparent url("/images/build/teasers/living_ad.jpg") no-repeat bottom left;  }

/*---------------------------------------*/
#featured 
{
	background:#f1f1f1; borderx-bottom:solid 1px #ccc; padding:0 10px 10px;
}
/*

*/
#featured.health { background:#F1E2E0; }
#featured.pets { background:#F8EFDF; }
#featured.money { background:#E5E8E3; }
#featured.nutrition { background:#FCF1C6; }
#featured.autos { background:#EDEDF5; }
#featured.living { background:#ECF7C5; }
x#featured.cloud { background:#DAEFFE; }

x#featured { background:#fff; }

#featured .sub_items 
{
}

#featured .sub_items .item
{
	width:31%; 
	xbackground:#fff; 
	display:block;
	float:left; 
	padding:4px;
	xborder:solid 2px transparent;
}
x#featured .sub_items .item:hover
{
	background:#fff;
	border:solid 2px orange;
}

#featured .sub_items .item .title_link
{
	padding:5px 0;
	font-weight:bold;
	display:block;
	text-decoration:none;
	line-height:130%;
	font-size:15px;
}
#featured .sub_items .item:hover a.title_link
{
	text-decoration:underline;
}
#featured .sub_items .item { color:#666}

#featured .sub_items .item .image_link
{
	width:100%; 
	max-height:170px;
	overflow:hidden;
	display:block; 
}

#featured .sub_items .item .image_link img
{
	width:100%;
}



/*---------------------------------------*/

#ask_widget
{
    width:310px; 
    background:#ccc; 
    height:270px;	 /* -40 for padding ???! */
    background: transparent url("/images/build/widget/bg.png") no-repeat right top; 
    padding:10px;
}

#ask_widget .ask_container 
{
    padding:10px;	
}

#ask_widget .ask_container textarea
{    
	border:none;
	background:transparent;
	width:100%;
	height:75px;
	overflow:auto;
}

#ask_widget .ask_container p
{
	font-size:11px; color:#999; clear:both; padding-top:10px;
}

#ask_widget .experts_container 
{
	
}


#ask_widget .experts_container .expert
{
	width:60px;
	float:left;
	text-align:center;
}

#ask_widget .experts_container .expert a
{
	display:block;
}
	
#ask_widget .experts_container .expert img
{
	width:40px;
	height:40px;
	xborder:solid 1px #ccc;
	background:#fff;
}

#ask_widget .experts_container .expert:hover img
{
	border:solid 2px orange;
}

#ask_widget .experts_container a { color:#999; font-size:10px; } 

#ask_widget .experts_container h5 
{
    color:#fff;	
}

	
	.form-item { margin-bottom:1em; padding:.5em .7em; width:auto%; } 
	
	.form-item label { display:block; font-size:15px; font-weight:bold; margin:4px 0; }
	
	.form-item .form-error { font-size:11px; font-weight:bold; color:red; padding:0 0 0px 10px; display:none; }
	
	.form-item.error { background:#fdd; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted; }
	.form-item.error .form-error { display:inline; }
	
	.form-item-info { font-size:11px; color:#666; font-family:Verdana; margin:6px 0 0 3px ; }
	
	
	
	.form-checkbox { margin:8px; }
	.form-checkbox input { margin:0px 8px 0 3px; }
	.form-checkbox label { font-size:13px; font-weight:normal; display:inline; } 
	
	.text { border:solid 1px #ccc; font-size:1.2em; padding:.25em; }
	.text.big { width:98%; }
	
	


input.text, 
textarea.textarea, 
select.select { border-top: 1px solid #7c7c7c; 
                border-left: 1px solid #c3c3c3; 
                border-right: 1px solid #c3c3c3; 
                border-bottom: 1px solid #ddd; 
                background: #fff url(/imagesOld/fieldbg.gif) repeat-x top; } 
                
                
                
.text_box_small { font-size:10px; }


.box_container { 
	text-align:center; 
}

.box, 
.box_dark,
.box_light {
	text-align:left;
	margin:auto;	
	background:#DFEEF3;
}
.box_dark {
	background:#CEDBE0;
}
.box_light {
	background:#C1E186;
}

.box_heading { 
	  background:#EEF6F9;
    padding:7px 14px;  
    font-size:25px; 
    font-weight:normal; 
}
.box_dark .box_heading {
	background:#E4ECEE;
}
.box_light .box_heading {
	background:#DDEFBE;
}

.box_content {
	padding:25px 50px;
}

.box_footer {
	padding:15px;	
}






background:#CEDBE0;"



	
	x.buttons S { display:block; margin:10px; }
	
	.button, a.button { font-family:Arial; color:#fff; font-size:16px; 
	          background: url("/images/buttons.gif") no-repeat 0 0; 
	          border:none; height:32px; width:150px; 
	          cursor:pointer;
	          margin:10px 0 0;
	          display:block;
	          }
	          
	.button.one, a.button.one { background-position:0 -40px; }
	.button.two, a.button.two { background-position:0 -80px; }
	
	
	a.button { padding-top:7px; text-align:center; text-decoration:none; }
	a.button:hover { color:#fff; text-decoration:none; }
	
	
	.button.small { font-family:Arial; color:#fff; xfont-weight:bold; font-size:14px; }
	.button.small { background: url("/images/buttons_small.gif") no-repeat 0 0; border:none; height:22px; width:90px; }
	.button.small.one { background-position:0 -30px; }
	.button.small.two { background-position:0 -60px; }
	.button.small { display:block; cursor:pointer; float:left; }
	a.button.small { padding-top:2px; text-align:center; text-decoration:none; }
	
	
	.buttons .button { margin-left:1em; }
	.buttons .bold { font-weight:bold; }
		
	

.itemRatingOverlay { 
	position:absolute;
	z-index:1000;  
	
	background:#fff; 
	opacity: 0.5;
	filter: alpha(opacity = 50);
	
	width:70px;
	height:105px;                     
	
	text-align:center;
}




#modalPage
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}
.modalBackground
{
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
    width: 100%; height: 100%; background-color: #999999;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}

.modalContainer
{
    position: absolute;
    width: auto;
    left: 50%;
    top: 50%;
    z-index: 750;
}

.modal
{
    xbackground-color: white;
    xborder: solid 1px #666; 
    xposition: relative;
    z-index: 1000;
    padding: 0px;
    margin:0;
}

.modalTop
{
    width: 602px;
    height: 21px;
    padding: 0;
    margin: 0;
    background: url("/images/build/modal/modal_top.png") no-repeat 0 0; 
}

.modalBody
{
	background: url("/images/build/modal/modal_bg.png") repeat-y 0 0; 
    width: 562px;
    padding: 0 20px;
}

.modalBottom
{
	background: url("/images/build/modal/modal_bottom.png") no-repeat 0 0; 
    width: 602px;
    height: 16px;
    padding: 0px;
}

.vertical_list
{
	margin:0;
	xfont-size: 14px;
}

.vertical_list li
{
	list-style: none;
	margin: 0 5px 0 0; 
	display: inline;
}


.big_list
{
	font-size:18px; 
	font-weight:bold;
	list-style:none;
	
}

.big_list li
{
	margin:0 30px 20px 0;
}


.memberBox .name
{
	
}

.memberBox .points
{
	
}

.memberBox .points span
{
	color: #666;
}


.action_text 
{
	color:#666; margin:3px 0;
}

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 */

@media all
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding: 0; }

  /* (en) Correction: margin/padding reset caused too small select boxes. */
  /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em; }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 100%; margin-bottom: 1px; }
  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size: 100.01%;

    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    color: #000;
    background: #fff;
    text-align: left;
  }

  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img { border: 0 solid; }

  /* (en) new standard values for lists, blockquote and cite */
  /* (de) Neue Standardwerte für Listen & Zitate */
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  blockquote { margin: 0 0 1em 1.5em; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section base layout | Basis Layout
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header { position:relative; }

  /* (en) Text Alignment for #topnav content */
  /* (de) Textausrichtung für #topnav Inhalte */
  #topnav { text-align: right; } 

  /* (en) Absolute positioning only within #header */
  /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
  #header #topnav {
    position:absolute;
    top: 10px;
    right: 10px;
  }

  /* (en) Backup for correct positioning */
  /* (de) Absicherung korrekte Positionierung */
  #header, #nav, #main, #footer { clear:both; }

  /* (en/de) Standard: 200 Pixel */
  #col1 { float: left; width: 200px }
  /* (en/de) Standard: 200 Pixel */
  #col2 { float:right; width: 200px }
  /* (en) Standard: center column with flexible width */
  /* (de) Standard: Flexible mittlere Spalte */
  #col3 { width:auto; margin: 0 200px }

  /* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content { position:relative; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section generic classes for layout switching | Generische Klassen zur Layoutumschaltung
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * .hidecol1 -> 2-column-layout (using #col2 and #col3)
  * .hidecol2 -> 2-column-layout (using #col1 and #col3)
  * .hideboth -> single-column-layout (using #col3)
  */

  .hideboth #col3 { margin-left: 0; margin-right: 0; }
  .hidecol1 #col3 { margin-left: 0; margin-right: 200px; }
  .hidecol2 #col3 { margin-left: 200px; margin-right: 0; }

  .hideboth #col1, .hideboth #col2, .hidecol1 #col1, .hidecol2 #col2 { display:none; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  x.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns { width: auto; overflow:hidden; }
  
  *html .subcolumns { width: 100%; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }
}


  /*-------------------------------------------------------------------------*/

	.d { border:solid 1px red; }
	
	.clear { display: block; clear: both; }
	.inline { display: inline !important;}
	.center{ text-align: center !important;}
	.left{ float: left; }
	.right { float: right; }
	.hide{ display: none !important;}
	.quite { color: #666; }
	.brite { color: #ff6600; }

		.john { line-height:2em; font-size:1.3em; color:#fff; }
		.john a { color:#fff; text-decoration:underline; }

	
	
	
	
	.wrapper-green { background:#82CC00 url("/images/build/banner_green.jpg") repeat-x top left; }
	.wrapper-grey { background:#f1f1f1; }
	.wrapper-blue { background:blue; }
	
	.section { margin: 0 auto; clear:both; }
	.section { width: auto;  min-width: 930px; max-width: 980px; padding:0 20px; }
	
	body { background:#DFEEF9 url("/images/build/page_gradient.jpg") repeat-x 0 0; }
	
	#body_inner { background: url("/images/build/page_bg.jpg") no-repeat top center; }
	       

	#header { padding: 10px 0 0px 0; }
  
	#topnav { color: #fff; margin-top:15px; }
	
	#nav { overflow:hidden; }
	#nav_main {  }
	
	
	.page { background: #fff; padding:5px 15px 100px 15px; }
	.page_bigpad { background: #fff; padding:20px 65px; }
	
	.page, .page_bigpad, .page_borders { border-left:solid 1px #ccc; border-right:solid 1px #ccc;  }

	

	#footer { background:url("/images/build/footer_logo.gif") no-repeat bottom left; padding: 20px 10px 80px 10px; color:#666; }


	/*-------------------------------------------------------------------------*/

	/**
	* (en) Formatting content container
	*/

	/*-------------------------------------------------------------------------*/



	.environment { display:none; }
	.environment.development { background:#fff; display:inline-block; }
	.environment.test { background:orange; display:inline-block; }

	  span.amp {
		color:#646870;
		font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
		font-size:1.1em;
		font-style:italic;
		font-weight:normal;
	}
    
    
    
  
	.comment_container,
	.comment_container_owner { padding:15px 10px 10px; xmargin-bottom:15px; border-bottom:solid 1px #ccc; }
	
	.comment_container_owner { background:#FFE8DA; }
	.comment_container_ba { background:#E2FCE2; }
  
    	
		
	
	x.toggle-list-simple ul li { float:left; }
	x.toggle-list-simple	ul li a { 
		font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		display:block; font-size:11px; color:#666; text-decoration:none; padding:.3em ; }
	x.toggle-list-simple ul li.selected a, .toggle-list-simple ul li.selected a:hover { color:#000; font-weight:bold; }
	
	
	
	
  
  
  
	.nav-list-footer li { float:left; background: url("../../images/page/nav_footer_divider.gif") no-repeat 0 2px; padding-left:3px; }
	.nav-list-footer li.nlf-first { background: none; }
	.nav-list-footer li a { font-size:13px; font-family:arial; padding:0 10px; text-decoration:none; color:#000; }
	.nav-list-footer li a:hover { color:#000; }
	
	
	
	
	
	
	.level_container { background:#f1f1f1 url("/images/build/levels/level_2.gif") no-repeat right bottom; }
	
	.level_rep { margin-bottom:15px; }
	.level_rep h1 { font-size:4em; color:#666; float:left; }
	.level_rep h4 { padding:5px 0 0 10px; color:#999; float:left; }
	
	.level_explanation { color:#666; }
	
	
	
	.tab_container { margin:15px 0}
	
	
	
	.breadcrumb { padding:10px 0 15px 0; }
	.breadcrumb .bc-back a { font-weight:bold; margin-right:1.5em; }
	.breadcrumb.bc-color { background:#EBF5FB; margin:0; padding: 0 0 .4em 0; }
	
	
	

  #col1 { float: left; width: 60%}   
  #col2 { display:none}   
  #col3 { width: auto; margin: 0 0 0 60%}   
  #col1_content { padding: 0 10px 0 10px }   
  #col3_content { padding: 0 10px 0 10px }   







/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen f�r die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 * @appdef yaml
 */

@media all
{
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgr��en f�r �berschriften und �bliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgr��en auf Standardgr��e (16 Pixel) zur�cksetzen */
  html * { font-size: 100.01%; }

  /* (en) reset monospaced elements to font size 16px in Gecko browsers */
  /* (de) Schriftgr��e von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erh�lt Standardschriftgr��e von 12 Pixeln */
  body {
    xfont-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    xfont-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
    font-family: Arial;
    font-size: 75.00%; 
  }

  h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; font-family: Arial; }
  h1 { font-size: 200% }                        /* 24px */
  h2 { font-size: 166.67% }                     /* 20px */
  h3 { font-size: 150% }                        /* 18px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic; } /* 14px */

  p { line-height: 1.5em; margin: 0 0 1em 0; font-family:Verdana; }

  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
  li { margin-left: 1.5em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic; }
  blockquote { margin: 0 0 1em 1.5em; }

  strong,b { font-weight: bold; }
  em { font-style:normal; }
  i { font-style:italic; }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note { background: #dfd; padding: 1em; margin-bottom:1em;}
  .important { background: #ffd; padding: 1em; margin-bottom:1em;}
  .warning { background: #fdd; padding: 1em; margin-bottom:1em; }

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { text-align:center; margin: 0.5em auto; }



  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */
   
	h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration:none; }
	
	em.big {font-weight:bold; color:orange; font-size:140%;}
	
	
  a { color: #333; xtext-decoration:none; }
  a:focus,
  a:hover,
  a:active { color:#0C7FC4; text-decoration:underline; }
  
  #topnav a { color: #aac; font-weight: bold; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active{ text-decoration:underline; background-color: transparent; }
  
  #footer a { color: #aac; background:transparent; font-weight: bold; }
  #footer a:focus,
  #footer a:hover,
  #footer a:active { color: #fff; background-color: transparent; text-decoration:underline; }

	.pages a { color: #0C7FC4; }

  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen f�r die Tabellenbreite und Gestaltungsvorschriften f�r Tabellen
   *
   * @section content-tables
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.5em; }
  thead th { background: #CEDBE0; color: #fff; }
  tbody th { background: #ccc; color: #333; }
  tbody th.sub { background: #ddd; color: #333; }

  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #ccc solid;
  }
  
  
	.pages  p, .pages  hr { width:80%; }
	
	.pages  hr { margin-bottom:20px; }
  
  
  
  
 


  
}






.author_blurb
{
	width:98%;
	height:100px;	
}

.formCheckBox 
{
	float:left;
	margin-right:5px;	
}


.box_grey, .box_orange, .box_white
{
	padding:10px;
	display:block;
	margin-top:10px;
}
.box_grey { background: #f1f1f1; }
.box_orange { background: #ffcc66; }
.box_white { background: #fff; }
 
.box label {
	color:#000;
}




.info_table 
{
	background: #CBE0F5;
	padding:5px;
}
.info_table td 
{
	background: #FAFBFF;
	font-size:16px;
	padding-left:10px;
	border:solid 5px #CBE0F5;
} 
.info_table thead td 
{
	font-weight:bold;	
} 

.info_table td.table_center
{
	text-align:center;
} 




/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    margin-left: auto;
    margin-right: auto;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#main
{
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}



/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}