/* CSS Document */

/*
background BFDBE0
textbackground F2FAFC
header item 70C1CF
link CB461D
*/



body{
	background-color:#BFDBE0;
	/*background-image:url(img/main_back.gif);
	background-repeat:repeat;*/
}

#menu {
	text-align:center;
	display: block;
	margin-left: 0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
}

#menu ul{
	display: block;
	margin-top: 0px;
	margin-left:10px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
}
div#menu li{
	width:6.5em;
	float:left;
	list-style:none;
	color:#336666;
	font-size:12px;
	font-weight:bold;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
	margin:3px 3px 0px 0px;
	/*border:1px solid #000000;*/
	border-bottom:0px;
	background-color:#BFDBE0;
}

div#menu li.curr{
	background-color:#70C1CF; margin-bottom:-1px; padding-bottom:0px; z-index:10; position:relative;
	background-image:url(/img/menu_gradient.gif); background-repeat:repeat-x; background-position:top;
}

#menu li.no_border{
	border:0px;
	padding-left:2px;
	padding-right:2px;
}

#menu a.header, a.curr{
	display:block;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:5px;
	padding-top:0;
	border-left:1px solid #000;
	border-right:1px solid #000;
	color:#000000;
	font-size:12px;
}

#menu a.curr{padding-bottom:6px;}

#menu a.header:visited, a.header:link{
	text-decoration:none;
	font-weight :normal;
}

#menu a.header:hover{
	/*color:#CC3300;*/
	text-decoration:underline;
	/*background-color: #70C1CF;*/
}

/*a.header:hover .header_roundtop, a.header:hover .header_r1, a.header:hover .header_r2, a.header:hover .header_r3, a.header:hover .header_r4{
	background:#70C1CF;
}*/


#menu a.curr:visited, a.curr:link{
	text-decoration:none;
	font-weight :bold;
	/*background-color:#70C1CF;*/
	color:#000000;
	font-size:12px;
}

#menu a.curr:hover{
	text-decoration:none;
	font-weight :bold;
}

#menu_header div.submenu{
	margin:0 10px 0 10px; background-color:#70C1CF; border-left:1px solid #000; border-right:1px solid #000; padding:0px 11px 3px 11px; display:block;
	background-image:url(/img/menu_gradient.gif); background-repeat:repeat-x; background-position: bottom;
}

#menu_header div.submenu a.newMenuItem:link, #menu_header div.submenu a.newMenuItem:visited, #menu_header div.submenu a.newMenuItem:hover, #menu_header div.submenu a.newMenuItem:active
{
	color:#CB461D;
}

a.submenu{
	color:#000; font-size:12px; font-family:Verdana, Geneva, Arial, helvetica, sans-serif; text-decoration:none;
	}

a.submenu:hover{ text-decoration:underline;}
a.active, a.active:hover{ font-weight:bold; text-decoration:none;}

#menu_header div.submenu ul { padding: 1px 0; margin:0;}
#menu_header div.submenu li{ display:inline; list-style-type:none; font-size:12px; color:#000000; margin:0; padding:0; font-weight:bold;}
#menu_header div.submenu a{color:#000; font-size:12px; font-family:Verdana, Geneva, Arial, helvetica, sans-serif; text-decoration:none; font-weight:normal;}
#menu_header div.submenu a:hover{ text-decoration:underline;}
#menu_header div.submenu a.active{ font-weight:bold;}
#menu_header div.submenu a.active:hover { text-decoration:none; font-weight:bold;}
#logo {
	padding:1px;
	margin:0px 0px 0px 0px;
	display:inline;
	/*margin-right:auto;*/
	float:left;
	border:1px solid #000;
}
div#logo_and_login_container{padding:0px; display:block; width:auto; height:49px; margin:5px 10px 10px 10px;/* border-right:1px solid #000;*/}

div#log_in_container{
	border-right:1px solid #000; border-left:1px solid #000; display:inline; float:right; margin:0px; padding:0px 5px 0 5px; background-color:#F2FAFC; height:40px; clear:right; width:280px;}

div#log_in_container.short{}

div#log_in_box{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	width:280px;
	font-size:12px;
	display:inline;
	float:left;
}
div#log_in_box.short{ width:230px;}

#log_in_container #log_in_box form { padding:0px 0px 0px 0px; margin:0px 0px 2px 0px; display:inline; float:left; }
#log_in_box p{margin:3px 0 0 0; padding:0; display:inline; float:left; font-size:10px; line-height: 1em;}
#log_in_box a{font-size:10px;}
#log_in_box .username{
	font-weight:bold;
}

#log_in_box .u_name{ margin:0px 0px 0px 0px; padding:0; width:80px; height:16px;}
#log_in_box .passwd{ margin:0; padding:0; width:80px; height:16px;}
#log_in_box .s_button{ margin: 0 0 0 0px; padding:0; width:25px; height:20px; background-color:#70C1CF; border:1px solid #000000;}
#log_in_box #login{ margin:0; padding:0;}

#u_avatar{ float:right;margin-left:5px;}
#u_avatar img{ display:block; border:0; padding:0; /*border:1px solid #000;*/}

div#menu_header{
	display:block;
	padding-top:1px;
	padding-bottom:0px;
	background-color:#F2FAFC;
	background-image: url(img/back.gif);
	background-repeat: repeat;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:0px;
	/*border-top:1px solid #000000;*/
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}

#main{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	display: block;
	/*margin-top:5px;*/
	background-color:#F2FAFC;
	width:780px;
	margin-left:auto;
	margin-right:auto;
	/*border-top:1px solid #000000;*/
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	/*border-bottom:1px solid #000000;*/
}
#main p, li{
	font-size:12px;
}

#main span.mail{
	display: block;
	float:left;
	font-size:12px;
	width:100px;
	/*background-color:#CC6600;*/
	margin:0px;
	padding:0px;
	margin-bottom:4px;
}

#main input.mail_form{
	margin-bottom:4px;
	display:block;
	float:left;
	margin-left:10px;
	width:80%;
}

#main textarea.mail_form{
	display:block;
	float:left;
	margin-left:10px;
	width:80%;
}

#main input#post_button{
	border:1px solid black;
	background-color:#70C1CF;
	display:inline;
	float:left;
	margin-left:110px;
	margin-top:3px;
	width:75px;
}



#main input#comment_button{
	border:1px solid black;
	background-color:#70C1CF;
	display:block;
	margin-top:3px;
	width:125px;
}

a.r_link:link, a.r_link:visited{
	font-size:12px;
	color:#CB461D;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	text-decoration:none;
}

#main a.r_link:hover{
	text-decoration:underline;
}

a.sort_order:link, a.sort_order:visited{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	text-decoration:none;
}

a.sort_order:hover{
	text-decoration:underline;
}



.bottom_banners{
	display: block;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	float:none;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	background-color:#F2FAFC;
}

.google_big_bottom{
	width:728px;
	margin-left:auto;
	margin-right:auto;
}

.bottom_banners span.b_120_60_l{
	display:block;
	width:120px;
	height:60px;
	float:left;
}

.bottom_banners span.b_120_60_r{
	display:block;
	width:120px;
	height:60px;
	float:right;
}

.bottom_banners span.b_468_60{
	display:block;
	padding-left:46px;
	width:468px;
	height:60px;
	float:left;
}

#welcome {
	display:block;
	border-bottom:2px solid #70C1CF; padding:0; margin:0;
}

#welcome h1{
	font-size:20px;
	text-align:center;
	margin:0px;
	padding:0px;
}

#welcome p{ margin: 10px 0px; padding:0px;}

#news {
	display:block;
	margin-top:10px;
	padding-right:10px;
	/*border-right:2px solid #70C1CF;*/
	border-collapse:collapse;
	float:left;
	width:780px;
}

#news ul{
	margin: 10px 0 0 0;
	padding:0px;
}

#news li{
	margin-top:3px;
	margin-bottom:3px;
	list-style-type: none;
	list-style-position: inside;
}

#news li a:link, #news li a:visited{
	font-size:12px;
	color:#CB461D;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	text-decoration:none;
}

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

#news li p{margin:0 15px 0 0; padding:0;}

#news li a.first, p.first{
	display:block;
	float:left;
	/*clear:left;*/
	/*background-color:#0066FF;*/
}

#news li a.latest, p.latest{
	display: inline;
	float:right;
	margin-right:15px;
	/*background-color:#CC6666;*/
}

#news span.break{
	display:block;
	float:none;
	clear: both;
	/*background-color:#CC0033;*/
	width:5px;
	height:3px;
	padding:0px;
	margin:0px;
	font-size:1px;
}

#comments, #wiki_latest {
	display: inline;
	margin-left:0px;
	margin-top:10px;
	float:right;
	width:278px;
	padding-left:10px;
	border-left:2px solid #70C1CF;
	border-collapse:collapse;
}

span.date{
font-size:14px;
font-weight:bold;}

span.signature{
font-size:10px;
font-style:italic;}

span.comment{
font-size:11px;
font-style:normal;}

span.instruction{
font-size:12px;
font-style:normal;
font-weight:bold;}

#comments p{padding-top:10px; margin-top:0px; padding-bottom:5px; margin-bottom:0px; display:block;}
#comments p.border{ border-bottom:1px solid #70C1CF;}
#main #vote form{ padding:0; margin: 10px 0 0 0;}
#main input#comment{ width:185px;}
#main input#alias{ width:75px}

#vote{ margin-bottom:15px;}
#vote form{ margin:0; padding:0;}
#vote form p{ padding-top:0px; padding-bottom:0px;}
#vote #vote_submit{
	border:1px solid black;
	background-color:#70C1CF;
	display:block;
	margin-top:6px;
	/*width:75px;*/
}

div#copy{width:800px; margin-left:auto; margin-right:auto; text-align:center; margin-top:30px; font-size:12px;}

/*link page*/
h3.link_header{
	display:block;
	padding: 0 0 6px 15px;
	margin:0;
	/*text-indent:15px;*/
	background-color:#70C1CF;
	font-size:13px;
	font-weight:bold;}

#main #links table { margin:0 0 25px 1px; border-collapse:collapse;}
#main #links th{ font-size:12px; font-weight:bold; text-align:left; background-color:#BFDBE0; padding:5px; border: 1px solid #70C1CF;}
#main #links td{ font-size:12px; vertical-align: middle; border: 1px solid #70C1CF; padding:8px;}
#main #links td.link{ width:25%;}
#main #links td.desc{ width:37%;}
#main #links td.user{ width:15%;}
#main #links td.approved{ width:4%;}
#main #links td.vote{ width:10%;}
#main #links td.rating{ width:9%; text-align:center;}

#main span.link_form_text{
	display: block;
	float:left;
	font-size:12px;
	width:250px;
	/*background-color:#CC6600;*/
	margin:0px;
	padding:0px;
	margin-bottom:4px;
	margin-top:4px;
}

#main input.link_form{
	margin-bottom:4px;
	display:block;
	float:left;
	margin-left:10px;
	width:50%;
}

#main textarea.link_form{
	display:block;
	float:left;
	margin-left:10px;
	width:50%;
}

#main select.link_form{
	display:block;
	float:left;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
}

#main #link_post_button{ float:none; margin-left:260px; background-color:#70C1CF; border:1px solid #000; }

#main #add_link form{ margin-top:20px;}

#main #cse-search-box{margin-top: 20px; margin-bottom:30px;}

/*menu and header icons, gradients*/
.my_wrapper{ height:17px; background-color:#70C1CF; border-left:1px solid #4F828B; border-right:1px solid #4F828B;}
h3.round {
	display:block;
	float:left;
	clear: right;
	padding:0 0 0 5px;
	margin:0;
	/*text-indent:15px;*/
	/*background-color:#70C1CF;*/
	font-size:14px;
	/*margin:2px 4px 2px 4px;
	padding:4px 0px 4px 25px; *//*top right bottom left*/
	/*border:2px solid #BFDBE0;*/
}
.pl_icon{ width:16px; height:16px; float:left; display:inline; border:0; padding: 0 0 0 5px; margin:0; background-repeat:no-repeat; background-position:right;}
.gradient{ background-image:url(img/gradient.gif); background-repeat:repeat-x;}
.talk_bubble{background-image: url(/img/talk_bubble.gif);}
.news_image{background-image: url(/img/news.gif);}
.contact_image{background-image: url(/img/contact.gif);}
.information_image{background-image: url(/img/information.gif);}
.member_image{background-image: url(/img/member.gif);}
.rules_image{background-image: url(/img/rules.gif);}
.math_image{background-image: url(/img/math.gif);}
.links_image{background-image: url(/img/links.gif);}
.links_add_image{background-image: url(/img/links_add.gif);}
.vote_image{background-image: url(/img/vote.gif);}
.search_image{background-image: url(/img/search.gif);}
.rss_image{background-image: url(/img/rss.gif);}
.sitemap_image{background-image: url(/img/sitemap.png);}


/*rounded corners*/
.h3_roundtop {background: #F2FAFC; display:block; padding:0;}
.h3_roundbottom {background: #F2FAFC; display:block; padding:0;}
.h3_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #4F828B; display:block; padding:0; border-left:1px solid #4F828B; border-right:1px solid #4F828B;}
.h3_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #70C1CF; display:block; padding:0; border-left:1px solid #4F828B; border-right:1px solid #4F828B; border-width:0px 2px;}
.h3_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #70C1CF; display:block; padding:0; border-left:1px solid #4F828B; border-right:1px solid #4F828B;}
.h3_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #70C1CF; display:block; padding:0; border-left:1px solid #4F828B; border-right:1px solid #4F828B;}
.top_color{ background-color:#BFDBE0;}

.header_roundtop {background: #F2FAFC; display:block; padding:0;}
.header_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #000; display:block; padding:0; border-left:1px solid #000; border-right:1px solid #000;}
.header_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #BFDBE0; display:block; padding:0; border-left:1px solid #000; border-right:1px solid #000; border-width:0px 2px;}
.header_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #BFDBE0; display:block; padding:0; border-left:1px solid #000; border-right:1px solid #000;}
.header_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #BFDBE0; display:block; padding:0; border-left:1px solid #000; border-right:1px solid #000;}

.curr_roundtop {background: #F2FAFC; display:block; padding:0;}
.curr_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #000; display:block; padding:0; border-left:1px solid #000; border-right:1px solid #000;}
.curr_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #BFDBE0; display:block; padding:0; border-left:1px solid #000; border-right:1px solid #000; border-width:0px 2px;}
.curr_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #BFDBE0; display:block; padding:0; border-left:1px solid #000; border-right:1px solid #000;}
.curr_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #BFDBE0; display:block; padding:0; border-left:1px solid #000; border-right:1px solid #000;}

.menu_roundtop {background: #BFDBE0; display:block; padding:0; width:802px; margin-left:auto; margin-right:auto;}
.menu_roundbottom {background: #BFDBE0; display:block; padding:0; width:802px; margin-left:auto; margin-right:auto;}
.menu_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #000; display:block; padding:0; border-left:1px solid #000; border-right:1px solid #000;}
.menu_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #F2FAFC; display:block; padding:0; border-left:1px solid #000; border-right:1px solid #000; border-width:0px 2px;}
.menu_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #F2FAFC; display:block; padding:0; border-left:1px solid #000; border-right:1px solid #000;}
.menu_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #F2FAFC; display:block; padding:0; border-left:1px solid #000; border-right:1px solid #000;}

.submenu_roundtop_r {background: #F2FAFC; display:block; margin:0 10px;}
.submenu_r1{margin: 0 5px 0 0; height: 1px; overflow: hidden; background: #000000; display:block; border-right:1px solid #000;}
.submenu_r2{margin: 0 3px 0 0; height: 1px; overflow: hidden; background: #9dcfd9; display:block; border-left:1px solid #000; border-right:1px solid #000; border-width:0px 2px 0px 1px;}
.submenu_r3{margin: 0 2px 0 0; height: 1px; overflow: hidden; background: #9dcfd9; display:block; border-left:1px solid #000; border-right:1px solid #000;}
.submenu_r4{margin: 0 1px 0 0; height: 2px; overflow: hidden; background: #9dcfd9; display:block; border-left:1px solid #000; border-right:1px solid #000;}

.banner_bottom_roundtop{margin-top:5px; background: #BFDBE0; display:block; padding:0; width:802px; margin-left:auto; margin-right:auto;}
.banner_bottom_roundbottom {background: #BFDBE0; display:block; padding:0; width:802px; margin-left:auto; margin-right:auto;}

.banner_math_top, .banner_math_bottom{ background:#F2FAFC; display:block; width:132px;}

div.right_round_top{display:block; padding:0; float:right; width:292px; background: #F2FAFC;}
div.right_round_bottom{ display:block; padding:0px 0px 0px 0px;  width:293px; float:right; background: #F2FAFC; margin: -9px 0px 0px 3px;}
div.right_round_top.short{ }
div.right_round_bottom.short{}
#menu_header .rr_r1{overflow:hidden; background-color:#000; height:1px; margin:0 5px; border-left:1px solid #000; border-right:1px solid #000;}
#menu_header .rr_r2{overflow:hidden;  height:1px; margin:0 3px; border-right:1px solid #000; border-left:1px solid #000; border-width:0px 2px;}
#menu_header .rr_r3{overflow:hidden;  height:1px; margin:0 2px; border-right:1px solid #000; border-left:1px solid #000;}
#menu_header .rr_r4{overflow:hidden;  height:2px; margin:0 1px; border-right:1px solid #000; border-left:1px solid #000;}

/*javascripts css*/
.rtop_i,.rbottom_i{display:block; margin-left:-15px;}
.rtop_i *,.rbottom_i *{display:block;height: 1px;overflow: hidden}
.rtop,.rbottom{display:block;}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px;}
.r2{margin: 0 3px;}
.r3{margin: 0 2px;}
.r4{margin: 0 1px;height: 2px;}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

/*messages outputted to users*/
.error{ background-color:#FF0033; padding:5px;}
.thanks{ background-color: #66CCFF; padding:5px;}
#comments p.error{ background-color:#FF0033; padding:5px; margin-top:10px;}
#comments p.thanks{ background-color: #66CCFF; padding:5px;  margin-top:10px;}

/* some forum specific*/
quick_search{ }

/*mathformulas*/
table.symbol_list, table.formula_list {margin-bottom:30px; margin-top:15px;}
table.symbol_list a img, table.formula_list a img{ border: 0px;}
table.symbol_list { float:left; margin-right:100px;}
table.symbol_list td, table.formula_list td {padding:10px 10px 10px 0; font-size:12px;}
table.symbol_list th, table.formula_list th { text-align:left;}
.clear_all { clear:both; float:none;}
table.formula_list td.formula_header { font-size:13px; font-weight:bold; padding-bottom:0px;}
table.trig { border-collapse:collapse;}
table.trig th { font-weight:normal; font-size:12px;}
table.trig th, table.trig td{ text-align:center; vertical-align:middle;  border:1px solid black;  padding:10px 10px 10px 10px;}
table.omv th { font-weight:bold;}


/*Sitemap page*/
ul.sitemap .heading_1, ul.sitemap .heading_1 a.r_link { font-size:16px;}
ul.sitemap .heading_1 { display:block; margin-top:10px; width:50%; border-bottom:1px solid black;}
ul.sitemap .heading_2, ul.sitemap .heading_2 a.r_link { font-size:14px;}
ul.sitemap .heading_3, ul.sitemap .heading_3 a.r_link { font-size:12px;}
ul.sitemap { margin-left: 0px; padding-left:0px;}
ul.sitemap li{ list-style-type:none;}

/*typtal pages*/
div#google_math_ad{border-left:1px solid #000; border-right:1px solid #000; padding:0 5px;}
div#outer_google_math_ad{float:right; margin-left:20px;}

#main .math_desc h1 a, #main .math_desc h1{ font-size:20px;}
#main .math_desc h2 a, #main .math_desc h2{ font-size:16px;}
#main .math_desc { font-size:12px;}

/*show exer..*/
#exer_list { margin:0 0 25px 1px; border-collapse: collapse; border: 1px solid #70C1CF;}
#exer_list th{ font-size:12px; font-weight:bold; text-align:left; background-color:#BFDBE0; padding:5px;  border-bottom: 1px solid #70C1CF;}
#exer_list td{ font-size:12px; vertical-align: middle; border-bottom: 1px solid #70C1CF; padding:8px;}
#exer_list td.center, #exer_list th.center{ text-align:center;}

/* misc */
.center { text-align:center;}
.spacer{ padding-bottom:5px;}
.bottom_line { border-bottom:1px solid #000}
.main_width { width:802px; margin-left:auto; margin-right:auto; font-size:0px;}
.ad_remove_text {font-size:10px; margin-top:-12px; z-index:5; display:block; position:relative;}

/* market */

#add_ad { font-size:12px;}
#add_ad fieldset { margin-top:10px; padding:10px 10px 10px 10px;}
/*#add_ad label { display:block;}
#add_ad input, #add_ad select { display:block;}*/

/*RSS news*/
p.news_item_body{ margin-top:0; font-size:11px;}

/*new pm in loginbox*/
.new_pm{ color: #0033FF;}

.bold_me { font-weight:bold;}

/*periodic table*/


.periodic_table{ font-size:10px; vertical-align:middle; text-align:center; margin-top:20px; margin-left:auto; margin-right:auto;}
.periodic_table td {border:1px solid black; background-color:#FF66FF;}
.periodic_explan td{background-color:#F2FAFC; font-size:12px;}
.periodic_table td.no_border{ border: 0px; background-color:#F2FAFC;}
.periodic_table td.alkali_metal{ background-color:#0099FF;}
.periodic_table td.alkali_earth_metal{ background-color:#9999FF;}
.periodic_table td.non_metal{ background-color:#00FF33;}
.periodic_table td.lanta{ background-color:#FFFF00;}
.periodic_table td.aktin{ background-color:#FFCC33;}
.periodic_table td.halo{ background-color:#CC33FF;}
.periodic_table td.halo_weak{ background-color:#CC99FF;}
.periodic_table td.adel_gas{ background-color:#99FFCC;}
.periodic_table td.metal{ background-color:#CCCCCC;}
.periodic_table td.half_metal{ background-color:#33FFFF;}
.periodic_table td.trans_metal{ background-color:#FF66FF;}

/*tooltip*/
#dhtmltooltip{position: absolute; border: 2px solid black; padding: 8px; background-color: #FFFFE0; visibility: hidden; z-index: 100; text-align:left; font-size:12px;}

/* Words general section */
a.add_boxes{margin-top:3px; margin-bottom:0px; padding-bottom:0; padding-top:0; display:block}

/* words do excer*/
#orig_word { background-color:#6699FF; width:600px; text-align:center; font-size:36px; border:1px solid black; margin-left:auto; margin-right:auto;
margin-top:40px; margin-bottom:40px;}
#word_results{ width:600px; text-align:left;  border:1px solid black; font-size:22px; margin-left:auto; margin-right:auto; height:52px; display:block; margin-top:40px;}
#user_word{ width:300px; font-size:22px;}
.correct_word, .wrong_word{ margin-right:10px;}
.correct_word{ color:#00FF33; font-weight:bold;}
.wrong_word{ color:#FF0033;}
#correct_button, #next_button{}
#word_progress{ border:0px solid black; margin-top:40px; width:600px; margin-left:auto; margin-right:auto; padding-bottom:3px; height:20px;}
.word_progress_item{ float:left; background-color:#CCCCCC; border:2px solid black; margin:3px 3px 3px 3px; width:15px; height:15px;}
#user_controls{  text-align:center;}
#congrat_box{ visibility:hidden; position: absolute; background-color: #FFFFE0; z-index:100; text-align:center; font-size:14px; top:300px; left:300px; width:500px; height:300px;}
#percentage{ color:#00FF00; font-size:48px; height:54px; width:200px; text-align:center; margin-left:auto; margin-right:auto;}

/*add exer*/
.from_lang{ width:165px; display:block;float:left; margin-bottom:0;}
.to_lang{ display:block; clear:right; margin-bottom:0;}
.word{ font-size:12px;}
.word_to_add{ width:150px; margin-right:10px; margin-left:0px; display:inline; }
#add_words{ margin-top:3px; padding:0 0 0 0;}

/*graph*/
.darkcolour{background-color:#70C1CF}
.lightcolour{background-color:#BFDBE0}
.window{
position:absolute;
z-index:2;
border:solid black 1px;
background-color:white;
}
.linewindow{
position:absolute;
z-index:4;
border:solid black 1px;
background-color:white;
}

#graph_wrapper form
{
	margin: 2px 2px 2px 2px;
	padding: 0px 0px 0px 0px;
	
}

/*Rules page*/
ul.rulesList li{list-style-type:none;}