html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent}body{line-height: 1}ol,ul{list-style: none}blockquote,q{quotes: none}blockquote: before,blockquote: after,q: before,q: after{content: '';content: none}: focus{outline: 0}ins{text-decoration: none}del{text-decoration: line-through}table{border-collapse: collapse;border-spacing: 0}
div.clear{clear: both;font-size: 0;height: 0;}

html#chat {
	background: #062a38 url('/static/img/bg.gif') top center repeat-y;
}
html#home {
	background: #062a38 url('/static/img/bg-home.gif') top center repeat-y scroll;
}
html#info, html#dashboard {
	background: #062a38 url('/static/img/bg-home.gif') top center repeat-y scroll;
}
body {
	background: url('/static/img/bg-hello-small.jpg') top center no-repeat;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
}
#home body {
	background: url('/static/img/bg-hello-home.jpg') no-repeat scroll center -2px;
}
#info body, #dashboard body {
	background: url('/static/img/bg-hello-small.jpg') top center no-repeat;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
}
div.container {
	background: transparent;
	width: 965px;
	margin: 0 auto;
}


/* --------------------------------------------------------------------- HEADER --------------------*/

div.header {
	height: 120px;
	width: 965px;
	position: absolute;
	background: url('/static/img/bg-content-top.jpg') no-repeat bottom center;
	padding-bottom: 30px;
	z-index: 1;
}
#home div.header {
	height: 210px;
	position: relative;
	background: url('/static/img/bg-content-top-home.jpg') no-repeat bottom center;
	padding-bottom: 30px;
}
#info div.header, #dashboard div.header {
	height: 120px;
	width: 965px;
	position: absolute;
	background: url('/static/img/bg-content-top.jpg') no-repeat bottom center;
	padding-bottom: 30px;
}

/* ----------------- Logo/Name --------------------*/

div.brand{
	width: 480px;
}
div.brand img{
	display: block;
	float: left;
	margin-top: 39px;
	margin-left: 12px;
}
div.brand a.alpha img {
    margin-left: 264px;
    margin-top: 34px;
}

div.brand a.logo img {
    margin-left: 1px;
    margin-top: 17px;
}

#home div.brand img{
	margin-top: 129px;
}
#home div.brand a.alpha img {
    margin-left: 264px;
    margin-top: 124px;
}

#home div.brand a.logo img {
    margin-left: 1px;
    margin-top: 107px;
}


div.brand h1{
	text-indent: -900em;
	height: 40px;
	width: 285px;
	background: url('/static/img/name.gif') no-repeat top center;
	float: left;
	margin-left: 110px;
	margin-top: -60px;
}
/* ----------------- URL Box --------------------*/
div.topbox{
	position: relative;
	float: right;
	margin-top: -96px;
	width: 90px;
	/*width: 524px;  width for edit mode*/
	height: 77px;
	background: #0f3d4b url(/static/img/langmap.gif) no-repeat right;
	padding-top: 0;
	border-radius: 3px;
	-o-border-radius: 3px;
	-icab-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#chat div.topbox {
    position: relative;
	float: right;
	margin-top: -100px;
	width: 370px;
	/*width: 524px;  width for edit mode*/
	height: 77px;
	background: #0f3d4b url(/static/img/langmap.gif) no-repeat right;
	padding-top: 0;
	border-radius: 3px;
	-o-border-radius: 3px;
	-icab-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}



div#top_stripe {
/* 	background: #06242e; */
	background: #062a38 url('/static/img/bg-home.gif') top center repeat-y scroll;
	padding-bottom: 3px;
}

div#top_nav {
	width: 960px;
	margin: 0 auto;
	text-align: right;
}

div#top_nav a{
	color: #40abbe;
	font-size: 10px;
	padding-left: 10px;
	
}



div.topbox p {
	color: #e87443;
	padding-left: 15px;
	font-size: 11px;
	display: block;
	margin-top: 8px;
}


a#edit_chat_address{
/* 	color: #f9ffe0;	 */
	color: #40abbe;
	font-size: 10px;
	position: absolute;
	top: 8px;
	right: 100px;
}
/*
a#btn_editurl{
	color: #f9ffe0;
	cursor: pointer;
	display: block;
	float: right;
	margin-right: 110px;
	margin-top: -11px;
	
}
*/
div.topbox div.input{
	width: 260px;
	height: 26px;
	margin-top: 10px;
	margin-left: 15px;
	color: #D5E5E7;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: -.03em;
}
div.topbox div.editmode{
	width: 200px;
}

div.topbox div.input input{
	background: white;
	width: 160px;
	border-right: 1px solid #D4DCDF;
	border-left: 1px solid #D4DCDF;
	color: #072c3a;
	font-size: 14px;
	font-size: Helvetica, "Lucida Grande", arial, sans-serif;
	font-weight: bold;
	display: block;
	float: left;
	margin: -20px 0 0 135px;
}
div.topbox div.input img{
	float: left;
	margin-top: 4px;
}
div.topbox  div.submit{
	position: absolute;
	top: 25px;
	right: 150px;
}
div.topbox span#current_roomaddress{
	color: #fdffe0;
}
div.topbox a#btn_edit_roomaddress{
	position: absolute;
	top: 12px;
	right: 15px;
	color: #e87443;
	font-weight: normal;
	font-size: 10px;
	letter-spacing: 0;
}
div.topbox div.error{
	clear: both;
	color: red;
	padding-left: 20px;
	font-style: italic;
}

#home div.topbox{
	background: transparent url(/static/img/langmap-home.gif) no-repeat right;
	height: 90px;
	width: 101px;
	margin-top: -81px;
}
#info div.topbox, #dashboard div.topbox{
	background: transparent url(/static/img/langmap-home.gif) no-repeat right;
	height: 90px;
	width: 101px;
	margin-top: -81px;
	font-size: 0.9em;
}

button#submit_roomaddress {
	margin-top: 8px;
}


div#lang_chooser{
	position: absolute;
	top: 0;
	right:	0px;
	z-index: 100;
	width: 65px;
	z-index: 2;;
}

div#lang_chooser label{
	color: #e87443;
	font-size: 11px;
	display: block;
	margin-top: 8px;
	cursor: pointer;
	text-align: center;
	float: right;
	margin-right: 15px;
	width: 65px;
}

div#chataddresslabel p{
	color: #e87443;
}

#home div#lang_chooser label {
	margin-top: 8px;
	margin-right: 17px;
}

#info div#lang_chooser label, #dashboard div#lang_chooser label {
	margin-top: 8px;
	margin-right: 17px;
}

#chat div#lang_chooser label {
	margin-right: 12px;
}

div#lang_options{
	margin-top: 30px;
	background: #0c3440;
	height: 370px;
	padding: 10px;
	border-radius: 3px;
	-o-border-radius: 3px;
	-icab-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
div#lang_options ul{
	height: 380px;
	overflow: hidden;
	float: right;
}
div#lang_options li{
	text-align: right;
	color: #d3e5e7;
	padding: 3px 15px 3px 15px;
	line-height: 18px;
	cursor: pointer;
}
div#lang_options li: hover{
	background: #092934;
}

div#lang_options li.current_language{
	background: #104e5d;
	font-weight: bolder;
}

/* --------------------------------------------------------------------- CONTENT --------------------*/

div.content{
	clear: both;
	background: transparent url('/static/img/bg-content-top2.gif') no-repeat center 150px;
	padding: 150px 20px 30px 20px;
	min-height: 130px;
}

/* ----------------- Home / Creating --------------------*/

#home div.content {
	background-position: top center;
	/*background-attachment: scroll;*/
	padding-top: 0;
	padding-bottom: 15px;
}
#info div.content-back, #dashboard div.content-back {
	clear: both;
	background: transparent url('/static/img/bg-content-back.gif') repeat-y center 150px;

}



#info div.content, #dashboard div.content {
	clear: both;
	background: transparent url('/static/img/bg-content-top2.gif') no-repeat center 150px;
	padding: 150px 20px 30px 20px;
}
div#home_copy {
	float: left;
	width: 420px;
}
div#home_copy p{
	color: #072D3B;
	font-size: 17px;
	line-height: 24px;
	margin-top: 5px;
}
div#home_button{
	margin-left: 455px;
	height: 109px;
	width: 450px;
	background: url('/static/img/bg-startaconversation.gif') no-repeat;
}
div#home_button button{
	background: 0;
	border: 0;
	background: transparent;
	text-align: left;
	color: white;
	width: 450px;
	line-height: 109px;
	height: 109px;
	font-size: 23px;
	padding-left: 120px;
	cursor: pointer;
}
div#creating table{
	width: 893px;
	height: 110px;
	background: url('/static/img/bg-creating.gif') no-repeat;
}
div#creating-error table{
	width: 893px;
	height: 110px;
	background: url('/static/img/bg-creating.gif') no-repeat;
}

td.working{
	width: 70%;
	padding-right: 15px;
	text-align: right;
	line-height: 110px;
	color: #207182;
	text-transform: uppercase;
	font-size: 22px;
}

td.create-error{
	width: 70%;
	padding-left: 15px;
	text-align: center;
	line-height: 110px;
	color: #207182;
	text-transform: uppercase;
	font-size: 22px;
}

a#learnmore {
	color: #b64512;
}

a#learnmore: active, a#learnmore: hover {
/* 	color: #ffa929; */
}


/* ----------------- Info / Dashboard Pages ------------------------------------------------------------------ */

#info h2, #dashboard h2 {
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 0.3em;
	line-height: 1.4em;
}

#info h3, #dashboard h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.2em;
	line-height: 1.4em;
}

#info span, #dashboard span {
	font-size: 0.6em;
	font-weight: normal;
}

#info p,  #dashboard p {
	margin-bottom: 1em;
	line-height: 1.4em;
}

ul.terms {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 20px;
}

li.terms {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: decimal;
	margin: 0 0 1em 2em;
}

div.topbox li {
    list-style-type: none;
    margin: 0px;
}


div.dashboard h2{
	margin-left: 20px;
	color: #207182;
}

html#dashboard a#startown_link, html#dashboard span#final_separator{
	display: none;
}

div.dashboard #home_button{
	text-align: center;
	margin:0 auto;
}

/*
div.dashboard a#dashboard-startown-link{
	display: block;
	float: right;
	width: 140px;
	height: 23px;
	background: url('/static/img/bg-startaconversation-small.gif') no-repeat;
	color: white;
	text-decoration: none;
	padding: 13px 20px 20px 60px ;
	font-size: 14px !important;
	line-height: 14px;
	font-weight: bold;
	margin-right: 40px;
}
*/

div.dashboard div.chatroom{
	width: 220px;
	/*background: white url('/static/img/bg-sidebar-box-bottom.gif') no-repeat bottom;*/
	padding: 0 0 15px 0;
	margin: 0 10px 10px 0 !important;
	float: left;  
	height: 20px;
	/*min-height: 100px;*/
}

div.dashboard div.chatroom h3{
 	background: url('/static/img/bg-sidebar-box-top.gif') no-repeat; 
	height: 36px;
	line-height: 36px !important;
	padding: 0;
	margin-bottom: 15px !important;
	font-size: 11px;
	font-weight: bold;
}
div.dashboard div.chatroom h3 a{  
	float: left;
	font-size: 14px !important;
	color: #B33F0D;
	margin-left: 20px;
	overflow: hidden;
	display:block;
}   

div.dashboard div.trash {
	position: relative; 
	display: block;
	width: 10px;  
	height: 11px;
	top: -42px;
	left: 190px;
	z-index: 1;
}


div.dashboard p{
	color: #444;
	margin: 0 20px 20px 20px;
}


div.dashboard a, div.dashboard span.edit, div.dashboard span.cancellink {
	color: #207182;
	font-size: 10px !important;
	text-decoration: underline;
	margin-left: 10px;
	cursor: pointer;
}

div.dashboard form{
	margin-left: 20px
}
div.dashboard form h3{
	margin-left: -20px;
}
div.dashboard div.chatroom form input{
	 margin-left: 20px;
	 font-size: 16px;
	 width: 100px;
}

div.dashboard div.chatroom form textarea{
	 display: block;
	 width: 260px;
	 font-size: 12px;
	 height: 30px;
	 font-family: arial,sans-serif;
}




/* ----------------------------------------------------------------------------------- CHAT AREA ---------------*/

div.chat{
	background: white url('/static/img/bg-chatline.gif') repeat-y;
	width: 600px;
	float: left;
/*	margin-bottom: 120px;*/
/*	height: 400px;*/
	overflow: auto;
}
div.chatline{
	clear: left;
	line-height: 16px;
}


div.chatname {
	width: 100px;
	float: left;
	text-align: right;
	font-weight: bold;
	background: #ebf4f5;
	border-bottom: 1px solid #ebf4f5;
}

div#moreresults {
	width: 570px; 
	color: #666;
	border-bottom: 1px solid #ebf4f5;
	background: white;
	margin: 0;
}

div#moreresults a: hover {
	background-color: #F2F1EE;
	color: black;
}

div#moreresults a {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	text-decoration: underline;
	color: inherit;    
	padding: 5px;
}

div#moreresults p {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	color: inherit;    
	padding: 5px;
}
 
div.chatname strong {
	display: block;
	padding: 5px;
}
div.chatcontent {
	float: left;
	width: 480px;
	border-left: 1px solid #ebf4f5;
	border-bottom: 1px solid #ebf4f5;
}

div.chatcontent p{
	margin: 0;
	padding: 5px;
}



div.mypost div.chatname {
	background: #fdffe0;
	border-bottom: 1px solid #fdffe0;
}
div.mypost div.chatcontent {
	background: #fdffe0;
}
div.activitymonitor div.chatname,
div.activitymonitor div.chatcontent,
div.timestamp div.chatname,
div.timestamp div.chatcontent{
	background: white;
	color: #999;
	font-style: italic;
	border-left: 0;
	border-bottom: 1px solid #ebf4f5;
}
span.translated{
	display: block;
	color: #b23e15;
	font-style: italic;
	font-family: Georgia,"Times New Roman", serif;
}

/* -------------- Not Found -----------------*/

#notfound{
	width: 893px;
	height: 110px;
	background: url('/static/img/bg-404.gif') no-repeat;
	line-height: 110px;
	font-size: 24px;
	text-align: left;
}
#notfound span{
	color: #A83411;
	padding-left: 220px;
	font-size: 24px;
	text-transform: uppercase

}
#notfound a{
	font-size: 16px;
	padding-left: 20px;
	color: #104B5B;
}

/* ------------------ Basic Button --------------- */

div.button{
	display: block;
	width: 111px;
	background: url('/static/img/bg-sendbutton-bottom.gif') no-repeat bottom;
	margin-bottom: 5px;
}
div.button button{
	width: 100%;
	height: 30px;
	border: 0;
	color: white;
	cursor: pointer;
	text-transform: uppercase;
	background: url('/static/img/bg-sendbutton-top.gif') no-repeat top;
}

/* ----------------------------------------------------------------------------------- Chat Sidebar --------------------*/



div.sidebar{
	width: 300px;
	margin-left: 640px;
	position: absolute;
	color: #4b7686;
	top: 150px;
	z-index: -1;
}
div.sidebar h2,div.sidebar h3{
	height: 36px;
	line-height: 36px;
	padding: 0 15px;
}
div.sidebar h2{
	background: url('/static/img/bg-sidebar-box-top.gif') no-repeat;
}

div.sharebuttons{
	background: url('/static/img/icons-sharing.gif') no-repeat;
	height: 37px;
}
div.sharebuttons a{
	text-indent: -900em;
	display: block;
	float: left;
	width: 100px;
	height: 37px;
}
div.sidebarbox {
	background: white url('/static/img/bg-sidebar-box-bottom.gif') no-repeat bottom;
	padding: 15px;
	font-size: 11px
}
div#userbox {
	height: 100px;
	overflow: auto;
}

div.sidebarbox p{
	margin-bottom: 15px;
	line-height: 14px;
}
div.sidebar h3{
	background: #ddf0f5;
}
h2#whoshere, h2#yourlanguage, h2#yournickname{
	margin-top: 20px;
}
div.particpant_count{
	float: right;
	margin: -28px 15px 0 0;
}
div.particpant_count span{
	color: #072D3B;
	font-size: 13px;
	font-weight: bold;
}
td.particpant_name{
	width: 50%;
	color: #072D3B;
	line-height: 16px;
}
td.particpant_lang{
	width: 50%;
	text-align: right;
}
td.youarehere{
	color: #E87443;
}
div#language {
	padding-top: 15px;
}
a#edit_nickname {
	color: #E87443;
}


div#language select#select_language {
	display: block;
	float: left;
	width: 192px;
	margin-right: 15px;
}

div#change_nickname {
	margin-top: 15px;
}

input#nickname_field{
	font-size: 12px;
	border: 1px solid #cad6d8;
	line-height: 18px;
	padding: 5px;
	color: #666;
	width: 180px;
}

div#language input#submit_language input#submit_nickname{
	display: block;
	float: left;
}

input#submit_nickname{
	margin-left: 15px;
}

/* ------------------ Admin Box --------------- */


h2#administrate {
	margin-top: 20px;
	background: url('/static/img/bg-sidebar-box-top-arrow.gif') no-repeat;
	cursor: pointer;
}

div#admin_buttons {
	height: 30px;
}

div#admin_button {
	float: left;
}

span#admin_response {
	display: block;
	padding-right: 70px;
	padding-top: 10px;
}     

img#admin_image {
	margin-bottom: -2px;
	margin-right: 5px;
}   

div#adminbox{
	padding-bottom: 40px;
}
div#adminbox span.adminbox_control_description{
	display: block;
	margin-left: 20px;
}
p.admin_link{
	background: #ddf0f5;
	padding: 3px 0;
	margin: 15px auto;
	text-align: center;
}
p.admin_link a{
	/*display: block;*/
	text-decoration: underline;
	color: #e87443;
	font-size: 11px;
	line-height: 20px;
	padding: 3px 0px 3px 20px;
}

p#print_transcript a {
	background: url('/static/img/i-printer.png') no-repeat left center;
}    

p#clear_chat_log a { 
	background: url('/static/img/cross.png') no-repeat left center;
}

span.form_response{
	text-align: right;
	color: black;
	font-weight: bold;
	font-style: italic;
	padding-left: 30px;
}


/* --------------------------------------------------------------------- Send Chat Box --------------------*/


div.sendchat {
	position: fixed;
	bottom: 42px;
	width: 100%;
}
div#sendchat-div {
	width: 928px;
	margin: 0 auto 5px auto;
	position: relative;
}
div.sendchat form {
	width: 600px;
	height: 70px;
	background: #ddf0f5;
	border-top: 10px solid white;
}
div.sendchat form textarea {
	width: 451px;
	height: 50px;
	display: block;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
}
div.sendchat form #sendchat_submit {
	margin-top: 10px;
	margin-left: 5px;
	width: 111px;
}
div.sendchat_wrapper {
	float: left;
}

div#sendchat_error {
	margin-left: 10px;
	color: red;
}

div#branding {
	position: absolute;
	bottom: 0px;
	right: 5px;
	z-index: 1000;	
}
div#branding div.gBranding{
	background: white;
	padding-left: 5px;
}
/* --------------------------------------------------------------------- Footer--------------------*/


div.footer {
	padding: 20px 0 10px;
	font-size: 11px;
	background: url('/static/img/bg-content-bottom.gif') no-repeat top center;
	position: fixed;
	width: 100%;
	bottom: 0;
	color: #2E7B8C;
	z-index: 0;
}
#home div.footer {
	padding-top: 70px;
	position: relative;
	background: url('/static/img/bg-content-bottom-home.gif') no-repeat top center;
}
#info div.footer, #dashboard div.footer {
	padding-top: 20px;
	position: relative;
	background: url('/static/img/bg-content-bottom.gif') no-repeat top center;
}

div.footer div.container{
	width: 955px;
}
div.footerleft{
	float: left;
	width: 650px;
}
div.footerright{
	float: right;
	width: 250px;
	text-align: right;
}
span.switchlang{
	padding-right: 20px;
}
div.footer a{
	color: #2E7B8C;
	text-decoration: none;
}


/* ----------------- Lightboxes --------------------*/

div.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #082127;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
}

div.white_content {
	display: none;
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left: -263px;
	width: 527px;
	height: 304px;
	background: url('/static/img/bg-overlay.jpg') no-repeat;
	z-index: 1002;
	overflow: auto;
}
#lightbox_cancel{

}

.cancel_button {
    float: right;
	color: black;
	text-decoration: underline;
	cursor: pointer;
	margin-top: 10px;
	margin-right: 15px;
}

/* (LIGHTBOX: Start a Conversation) */

div#label_nickname{
	position: absolute;
	top: 40px;
	left: 50px;
	color: #2C4649;
	font-size: 16px;
}
div#text_nickname{
	position: absolute;
	top: 89px;
	left: 65px;
}
div#text_nickname input{
	font-weight: bold;
	font-size: 22px;
	letter-spacing: -1px;
	width: 320px;
	border: 0;
}
div#btn_nickname{
	position: absolute;
	top: 83px;
	right: 57px;
}
div#nick_error{
	position: absolute;
	top: 15px;
	left: 50px;
	font-size: 16px;
	color: red;
	
}
div#label_twitterlogin{
	position: absolute;
	top: 160px;
	left: 50px;
	color: #2C4649;
	font-size: 14px;
}
div#label_twitterlogin strong{
	text-transform: uppercase;
	font-size: 16px
}
div#text_twitterlogin{
	position: absolute;
	top: 225px;
	left: 65px;	
}
div#text_twitterlogin input{
	font-weight: bold;
	font-size: 22px;
	letter-spacing: -1px;
	width: 140px;
	border: 0;
}
input#twitter_un{
	border-right: 1px solid #666 !important;
	margin-right: 20px;
	width: 130px;
}
div#btn_twitterlogin{
	position: absolute;
	top: 218px;
	right: 57px;
}

/* (LIGHTBOX: Login) */


div.login {
	background: url('/static/img/bg-overlay-login.jpg') no-repeat;
}
div#label_login{
	position: absolute;
	top: 30px;
	left: 50px;
	color: #2C4649;
	font-size: 30px;
}
div#text_username{
	position: absolute;
	top: 97px;
	left: 65px;
}
div#text_username input{
	font-weight: bold;
	font-size: 22px;
	letter-spacing: -1px;
	width: 400px;
	border: 0;
}
div#text_password{
	position: absolute;
	top: 180px;
	left: 65px;
}
div#text_password input{
	font-weight: bold;
	font-size: 22px;
	letter-spacing: -1px;
	width: 400px;
	border: 0;
}
input#submit_login{
	position: absolute;
	top: 240px;
	left: 50px;
}
label#remember_me{
	position: absolute;
	top: 250px;
	left: 150px;
}
a#forgot_password{
	position: absolute;
	top: 257px;
	left: 375px;
	color: black;
}

/* (LIGHTBOX: Feedback Message) */

div.feedback {
 	background: url('/static/img/bg-overlay-message.jpg') no-repeat;
 	height: 180px;
}

div.feedback p{
	margin: 50px auto 15px auto;
	text-align: center;
	color: #2C4649;
	margin-top: 50px;
	width: 300px;
	font-size: 16px;
	line-height: 20px;
}
div.feedback div.button{
	margin: 0 auto;
}


/* (LIGHTBOX: Share boxes) */

div.sharebox {
 	background: url('/static/img/bg-overlay-message.jpg') no-repeat;
 	height: 180px;
 	width: 527px;
 	overflow: hidden;
 	
}

div.sharebox h3{
	font-size: 24px;
	margin: 20px;
}


div.sharebox form{
	margin: 0 20px
}

div.sharebox_left{
	width: 190px;
	float: left;
}
div.sharebox_right{
	text-align: right;
	float: left;  
	width: 290px;
}

div.sharebox textarea{
	font-family: "lucida sans", arial, sans-serif;
	font-size: 12px;
	border: 1px solid #cad6d8;
	width: 295px;
	color: #666;
}
div#characters_remaining{
	font-size: 10px;
	color: #666;
}
div.sharebox form input.textfield{
	font-size: 12px;
	border: 1px solid #cad6d8;
	line-height: 18px;
	padding: 5px;
	color: #666;
	display: block;
	margin-bottom: 7px;
	width: 80%;
}
div.sharebox div.button{
	clear: left;
}

div#twitter_submit{
	position: absolute;
	right: 205px;
	top: 130px;
}


form#twitter_form span.form_response{
	position: absolute;
	padding-left: 0;
	top: 137px;
	right: 130px;
	display: block;
}

form#email_form span.form_response{
	position: absolute;
	padding-left: 0;
	top: 132px;
	left: 150px;
	display: block;
}


/* (LIGHTBOX: Login) */

div.login{
	background: url('/static/img/bg-overlay-plain.jpg') no-repeat;
	
}

div.login h3{
	font-size: 20px;
	width: 500px;
	text-align: center;
	font-weight: normal; 
	margin-top: 80px;
}
div.login .login_links {  
	width: 390px;
	text-align: center;   
	margin-top: 20px;
}
div.login .login_links a{
}
div.login p{
	margin: 20px 80px 20px 80px;
	line-height: 18px;
}

/* ------------------------------------- about page ---------------------- */

.about h2{
	margin-left: 20px;
	color: #207182;}
.about p{
	margin-left: 20px;
	margin-right: 20px;
	color: #444;
}
.about p.intro{
	margin-left: 20px;
	margin-right: 15px;
	font-size: 16px;
	color: #072d3b;;
}
.about p.intro em{
	font-weight: bold;
	background: #ffd;
}
#column_left{
	float: left;
	width: 255px;
	margin-left: 20px;
}
#column_center{
	float: left;
	width: 240px;
	margin-left: 40px;
}
#column_right{
	float: left;
	width: 310px;
	margin-left: 40px;
}
.about h3{
	text-transform: uppercase;
	color: #B33F0D;
	margin-left: 20px;
}
.about a {
	color: #207182;
}

.about{
	height: 1%;
}
.about h2{
	margin-left: 20px;
	color: #207182;
	}
.about p{
	color: #444;
	margin-left: 20px;
	margin-right: 20px;
}
.about h3{
	text-transform: uppercase;
	color: #B33F0D;
	margin-left: 20px;
}
.about a {
	color: #207182;
}
.about ol{
	margin-left: 20px;
	padding-left: 20px;
	color: #444;
}


a.chat_url, a.chat_url:visited, a.chat_url:active {
	color: #D5E5E7;
	text-decoration: none;
}	

span.original_lang {
	font-style: normal;
	margin-left: 5px;
}