/*******************************************************************************

Wertago Website, main.css (12/13/2008)
(c) 2008 BuzaMoto. All rights reserved.

*******************************************************************************/
html {
  height:100%;
}

body {
  color: #aaaaaa;
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, Geneva, Sans-serif;
  margin: 0;
  padding: 0;
  font-size: 12px;
  background: #323232 url(../images/webapp/background.png) repeat-x fixed top;
  height: 100%;
  scrollbar-base-color:#000000;
  scrollbar-arrow-color: #FFFFFF;
}

hr {
  border: none;
  border-top: 1px solid #ddd;
}

img { border: none; }

a { 
  text-decoration: none;   
  color:#aaaaaa;
}
a:hover {
  color:#ffffff;
}

p { margin: 12px 0; text-align:center; }

h1 { font-size: 32px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }

input[type="text"],
input[type="password"] {
  color: #666;
  background-color: #fff;
  border: 1px solid #666;
  font-size: 12px;
}

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


/* ----------------------------------------------------------------------------
   Page Structure
-----------------------------------------------------------------------------*/
div#content-wrapper {
  position: relative;
  width: 100%;
  min-height: 100%;
  text-align: center;
  z-index: 0;
}

* html #content-wrapper { height: 100%; }

div#content {
  position: relative;
  width: 1100px;
  top:20px;
  text-align: left;
  margin: 0 auto;
}

/* ----------------------------------------------------------------------------
   Header
-----------------------------------------------------------------------------*/
div#header-wrapper {
  position: relative;
  width: 100%;
  min-width: 900px;
  text-align: center;
  height: 65px;
  background: url(../images/webapp/header/background.png) #101010 repeat-y;
  z-index: 10;
}

div#header {
  position: relative;
  width: 1100px;
  text-align: left;
  left:45px;
  margin: 0 auto;
}

div#header-content {
  position: relative;
  width: 100%;
  height: 100%;
}

ul#header-logo-wrapper {
  margin-left: 0px;
}

#header-logo {
  position: absolute;
  display: block;
  top: 15px;
  background: url(../images/webapp/header/logo.png) no-repeat;
  width: 168px;
  height: 41px;
  z-index:10;
}

#header-tagline {
  position: absolute;
  display: block;
  top: 66px;
  background: url(../images/webapp/header/tagline.png) no-repeat;
  width: 180px;
  height: 16px;
  z-index:5;
}


/* ----------------------------------------------------------------------------
   Navigation
-----------------------------------------------------------------------------*/
div#navigation {
  width: 400px;
  height: 40px;
  position: absolute;
  left:240px;
  top: 20px;
}

div#separator {
  position: relative;
  width: 100%;
  min-width: 900px;
  height: 11px;
  background: url(../images/webapp/header/separator.png) repeat-x;
}

/* ----------------------------------------------------------------------------
   Join / Login
-----------------------------------------------------------------------------*/
div#join_login-wrapper {
  position: absolute;
  left: 475px;
  top: 0;
  z-index: 11;
}

div#join_login-fields {
  width: 365px;
  height: 250px;
  background: url(../images/webapp/header/join_login_background.png) no-repeat;
}

div#join_login-button-wrapper {
  position: relative;
  top: 0;
  left: 270px;
  width: 95px;
}

a#join_login-button {
  display: block;
  width: 95px;
  height: 29px;
  background: url(../images/webapp/header/join_login.png) no-repeat;
  overflow: hidden;
}
a#join_login-button:hover          { background-position: -95px 0; }
a#join_login-button.selected       { background: url(../images/webapp/header/join_login_close.png) no-repeat; }
a#join_login-button.selected:hover { background-position: -95px 0; }

div#join_login-new-user,
div#join_login-existing-user {
  float: left;
  width: 175px;
  height: 240px;
  color: #233c65;
}
div#join_login-new-user {
  width: 182px;
  border-right: 1px solid #4e7fd2; }

div#join_login-new-user div.content,
div#join_login-existing-user div.content {
  float: left;
  padding: 16px;
  font-size: 11px;
}

div#join_login-new-user div.content ul li,
div#join_login-existing-user div.content ul li {
	margin-left: 0px;
  margin-bottom: 4px;
}

fieldset.join_login {
  border: 1px solid #2f5dac;
  background-color: #243d66;
  padding: 10px;
}

fieldset.join_login input[type="submit"],
fieldset.join_login input[type="button"] {
  color: #243d66;
  background-color: #4e7fd2;
  border: 1px solid #2c559b;
  font-weight: bold;
}

fieldset.join_login a { color: #2f5dac; }
fieldset.join_login a:hover { color: #4e7fd2; }

/* ----------------------------------------------------------------------------
  Webapp Content - 0
-----------------------------------------------------------------------------*/
.title {
  font-size:32px;
  color:#ffffff;
}

.section_name {
  color:#ffffff;
}

.standout {
  color:#dddddd;
}

.attendance {
  color:#ffff00;
}
.attendance a {
  color:#ffff00;
}

.wertago_deal {
  font-size:large;
  color:#ffffff;
}
.diminish {
        display: inline;
        font-size: x-small;
}
.edit_link {
        font-size:x-small;
	text-align:center;
}

/* ----------------------------------------------------------------------------
  Webapp Content
-----------------------------------------------------------------------------*/

ul {
  list-style-type: none;
  width:100%;
}

li {
  float:left;
}

div#nav_widget {
  text-align:center;
  position:absolute;
  top:0px;
  left:0px;
  width:250px;
  height:190px;
  font-size:x-small;
}

div#nav_widget_button {
  vertical-align:middle;
}

div.nav_widget_button td.top {
}

.container {
  border:4px solid #333333;
  background:black;
}

.element {
  background:black;
  padding:6px;
}

.separator {
  height:4px;
  background:#333333;
}

div#sidebar_container {
  position:absolute;
  left:0px;
  top:200px;
  width:250px;
  max-width:250px;
  text-align:center;
}

div#main_container{
  width:600px;
  position:absolute;
  left:280px;
  top:0px;
}

div#main_container_wide{
  width:862px;
  position:absolute;
  left:280px;
  top:0px;
}

div#right_sidebar_ads {
  position:absolute;
  left:910px;
  top:0px;
}

.list_separator {
  height:1px;
  background:#333333;
}
.list_separator_bottom {
  margin-top:10px;
  height:1px;
  background:#333333;
}


.list_item_title {
  color:#d3f1fd;
}

.tags {
  color:#cfcfab;
}

.list_item_table_cell, .list_item_title {
  vertical-align:middle;
  padding:2px;
}

#info_box {
  height:130px;
  position:relative;
  top:10px;
}

#csp_rating_box {
  text-align:center;
  background:#333333;
  position:absolute;
  left:5px;
  width:80px;
}

#csp_rating {
	font-size:50px;
}

#csp_peter_line {
  width:70px;  
  position:absolute;
  left:100px;
  vertical-align:middle;
  top:6px
}

#csp_peter_table {
 height:100%;
}

#csp_address_box {
  width:200px; 
  max-width:200px;
  height:90px;
  max-height:90px;
  overflow:hidden;
  position:absolute;
  left:185px;
  top:20px;
  vertical-align:middle;
}

#csp_buttons {
  width:150px;
  position:absolute;
  text-align:center;
  left:400px;
  vertical-align:middle;
}

#chat_input{
  vertical-align:middle;
}

#triggers {
	text-align:center;
}

#triggers img {
	cursor:pointer;
	margin:0 5px;
	padding:2px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
}
	
#im_here_button {
	display:inline;
}
#add_fav_button {
	display:inline;
}
/* the overlayed element */
.overlay {
	background-color:#000;
	display:none;
	width:350px;
	padding:15px;
	text-align:left;
	border:2px solid #333;

	opacity:1.0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}

.modal h2 {
	margin:0px;
	padding:0px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}
.overlay .close {
	background-image:url(../images/webapp/close.png);
	position:absolute; right:-15px; top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.ui-dialog-overlay{
        opacity:0.5;
        background:black;
} 

.tag_default {
	display:inline;	
}

.tag_vote_up {
	display:inline;
}


.tag_vote_down {
	display:inline;
}



.clicked {
	font-weight:bold;
	color:#ffffff;
}

.best_day {
	display:inline;
}