/* Note: in earlier versions of this file a lot of css data */



#main .chk_box {
	float: right;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	width: 110px; height: 18px;
	padding: 0 3px !important;
	padding: 0;
	padding/**/:/**/0;
	margin: 12px 8px 12px 0;
	border: none;
}

u.url {
	cursor: pointer;
}

#my_side_text_block {
	width: 180px;
	position: absolute;
	top: 50px;
	left: 15px;
}

#my_side_text_block .but {
	width: 80px;
}

div .usermessage {
     padding: 15px;
}

#logged_on_username {
	font-weight: bold;
	padding: 5px;
}

#new_meet {
	width: 445px;
}

#TTPSpan0 {
   white-space:nowrap;
}

/* TABS CSS (START) */

#tabs {
	position: relative;
/*	left: -25px; */
	width: 445px;
	height: 815px;
}

#tabs_buttons {
	background-color: #e0ead1;  
	position: relative; 
	float: left;
}

#tabs_content {
	border-top: 1px #c0c0c0 solid; 
	position: relative; 
	float: left;
}

.a_tab iframe {
        left: 0px;
		border: 0px;
        height: 640px;
		width: 470px;
}

/* TABS CSS (END) */

/* Tooltip styles (START) */

/* Default DOM Tooltip Style */
div.domTT {
	border: 1px solid #dfead0;
	background-color: #f4f8ef;
}
div.domTT .caption {
	font-family: serif;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 2px;
	color: #FFFFFF;
}
div.domTT .contents {
	font-size: 12px;
	font-family: sans-serif;
	padding: 3px 2px;
	background-color: #f4f8ef;
}

/* Tooltip styles (END) */

#google_div {
	background: #F4F8EF;
	border-bottom: 1px solid #caddb2;
	height: 76px;
	width: 728px;
	clear:left;
}

.ro-item {
	float: right;
	height: 15px;
	width: 262px;
	background: #BBBBBB;
	border: 1px solid #999999;
}

.ro-item-short {
	float: right;
	height: 15px;
	width: 202px;
	background: #BBBBBB;
	border: 1px solid #999999;
}

.ro-textbox {
	float: right;
	height: 40px;
	width: 262px;
	background: #BBBBBB;
	border: 1px solid #999999;
}

.form-error-list {
	width: 402px;
	color: red;
	font-weight: bold;
	background-color: #CCCCCC;
	border: 0px;
	padding: 5px;
	margin: 5px auto;
}

.custom-fields {
	border:1px solid #999999;
	/* geeft problemen in FF float: right;*/
	padding-top: 4px;
	width: 222px;
	
}

div#side_text_block {
	margin-left: 9px;
	margin-top: 40px;
	width: 250px;
}

/* Style spec's for tooltip  */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#e0ead1; 
  border:0px solid #336; 
  width:300px; padding:6px;
  color:#000; font-size:0.92em; line-height:1.3;
}

.info-title {
	font-weight: bold;
	
}

div.text_panel {
	padding: 5px;
}

div.text_panel  h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
}

div#show_div {
	padding: 5px;
	width: 730;
}

div#show_div  h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
}
div#show_div  h3 {
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 10px;
}

body#all #page #content #main #show_div ul, li {
	display: block;
	list-style: disc;
}

form#home_meet h3 {
	font-size: 0.9em;
}

div .center_content_text {
	padding: 20px 20px;
}

div .center_content_text div {
	padding-bottom: 15px;
}

div#sizer {
	padding: 5px 5px;
}

textarea.small-readonly  {
	background-color: #EEEEEE;
	border: #f7b61e 1px dashed;
	color: black;
	width: 100px;
	height: 100px;
}

textarea.readonly  {
	background-color: #EEEEEE;
	border: #f7b61e 1px dashed;
	color: black;
	height: 60px;
}

textarea .full_width {
	width: 330px;
	height: 100px;
}

input .full_width {
	width: 330px;
}

/* Fading Tooltips */
div#toolTip {
  position:absolute;
  width:220px;
  background:#000;
  border:2px double #fff;
  text-align:left;
  padding:5px;
  -moz-border-radius:5px;
  z-index:1000;
}
div#toolTip p {
  margin:0;
  padding:0;
  color:#fff;
  font:11px/12px verdana,arial,serif;
}
div#toolTip p em {
  display:block;
  margin-top:3px;
  color:#f60;
  font-style:normal;
  font-weight:bold;
}

table.dev_table {
	page-break-inside: avoid;
	width: 465px;
	border: #000 1px dotted;
	border-collapse: collapse;
	text-align: center;
}

table.dev_table td, table.dev_table th {
	page-break-inside: avoid;
	border: #000 1px dotted;
	padding: 5px;
}

div#datetable_div {
	width: 300px;
	border-top: 1px solid #f7b61e;
}

div .date_row {
	clear: both;
	display: block;
	border-top: 1px solid #f7b61e;
	padding: 5px;
}

div .date_row_list {
	border: 1px solid #f7b61e;
	height: 16px;
	width: 40px;
}

div #participants_table_buttons {
	clear: both;
	float: left;
}

/**
 * Overview styles (START)
 **/
div #overview_div {
	clear: left;
	width: 750px;
	margin-right: 5px;
}
div #overview_headers {
	padding-top: 5px;
	padding-bottom: 25px;
	font-weight: bold;
}
div #overview_headers #actions_header {
	width: 80px;
	float: left;
}
div #overview_headers #title_header {
	width: 250px;
	float: left;
}
div #overview_headers #date_header {
	width: 150px;
	float: left;
}
div #overview_headers #status_header {
	width: 50px;
	float: left;
}
div #overview_headers #delete_header {
	width: 50px;
	float: right;
}



div #detail_form_div {
	clear: none;
	float: left;
	/* border: 1px solid black; */
}
div #skyscraper_promo {
	clear: none;
	float: right;
	padding-left: 5px;
	display: block;
	height: 600px;
	width: 120px;
	background-color:#F4F8EF;
	/* border: 1px solid black; */
}

a:link {
	color:#FF9966;
}
a:visited {
	color:#FF9966;
}
a:active {
	color:#FFCC99;
}
body {
	background-color:#fff;
}

div #overview_content_div {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #f7b61e;
}

div .meet_image_div {
	width: 45px;
	float:left;
	padding-top: 3px;
	padding-left: 35px;
}

div .klapper {
	display: block;
	border-width: thin;
	height: 220px;
	border-bottom: 1px solid #f7b61e;
	clear:left;
}

.meet_delete_image {
	position: relative;
	top: 2px;
	float:left;
	padding-left: 15px;
}
.meet_image {
	position: relative;
	top: 2px;
	float:left;
	
}
.meet_detail_image {
	float:left;
	position: relative;
	top: 2px;
	padding-left: 5px;
}

div .meet_header {
	height: 40px;
	padding: 2px;
}


div .meet_message {
	height: 100px;
	text-align: left;
	
}

div .meet_title_div {
	display: block;
	width: 250px;
	float: left;
	padding-top: 4px;
	line-height: 14px;
}
div .meet_status_div {
	display: block;
	width: 50px;
	float:left;
	padding-top: 3px;
}
div .meet_delete_div {
	display: block;
	width: 50px;
	float:right;
	padding-top: 3px;
}
div .meet_organizer_pusher_div {
	float:left;
	clear:left;
	width: 80px;
	padding-top: 3px;
}
div .meet_organizer_div {
	display: block;
	width: 500px;
	float:left;
	padding-top: 3px;
}
div .meet_date_div {
	display: block;
	width: 150px;
	float:left;
	padding-top: 4px;
}
div .meet_description_pusher {
	float:left;
	clear:left;
	width: 80px;
	height: 100px;
	padding-top: 3px;
}
div .meet_description {
	display: block;
	float:left;
	padding: 10px;
    margin-top: 5px;
	height: 160px;
	width: 345px;
	background: #e6fefe;
	overflow: auto;
}
div .participant_table {
	display: block;
	float: right;
	padding: 5px;
	margin: 5px;
	border: 2px solid #a7a7a7;
	background: #FFF;
	overflow: scroll;
	width: 260px;
	height: 168px;
}

div.participant {
	clear: both;
	text-wrap: none;
	display: block;
	width: 600px;
}
div.status {
	float: left;
}
div.img {
	float: left;
}
span.meet_status_created {
	color: gray;
}
span.meet_status_invited {
	color: black;
}
span.meet_status_completed {
	color: blue;
	font-weight: bold;
}
span.meet_status_confirmed {
	color: green;
	font-weight: bold;
}
span.meet_status_cancelled {
	color: red;
}
span.meet_status_auto_expired {
	color: lightgrey;
}
span.meet_status_auto_closed {
	color: lightgrey;
}

/**
 * Overview styles (END)
 **/

#participants_table .date_row div .checkbox_image {
	background: #DDDDDD;
	height: 16px;
	text-align: center;
	width: 16px;
}

#participants_table .date_row div .active_checkbox_background {
	height: 16px;
	text-align: center;
	width: 16px;
}

#side fieldset .alert {
	margin: 15px 0 0 8px;
	font-size: 10px;
	color: #f00;
}

fieldset .alert {
	margin: 15px 0 0 8px;
	font-size: 10px;
	color: #f00;
}

div .nag_mail_button_row_div {
	height: 20px; 
	padding-left: 80px;
}

div .nag_mail_button_div {
	text-align: center;
	clear: none; 
	float: left;
	height: 20px; 
	width: 30px;
	background: white url(/images/icons/mail.gif) no-repeat;
	background-position: center; 
}

div .organizer_nag_mail_button_div {
	text-align: center;
	clear: none; 
	float: left;
	height: 20px; 
	width: 30px;
	background-color: white;
}

/* bug#129 */
form#home_meet fieldset#fld_descr div label {
    margin-left: 3px;
    width: 75px;
}

.forgot {
  text-align: right;
}

/* bug#136 */
form#contactform {
	margin-left: 170px;
}

/* images */
body#all div#page div#content div#main div#side_img {
	clear: none;
	float: left;
	margin: 10px 10px 0 10px;
	width: 173px;
}
body#all div#page div#content div#main div.next_to_side_img {
	clear: none;
	float: left;
}
body#all #page #content #main #register_form_div {
	clear: none;
	float: left;
	width: 250px;
}
body#all #page #content #main #register_form_div {
		width: 420px;
		float: left;
		padding: 25px;
}
body#all #page #content #main #register_form_div form {
		width: 420px;
		padding-left: 10px;
}
body#all #page #content #main #register_form_div form label {
		width: 100px;
}
/* Blue user assistance text on the left */
body#all div#page div#content div#main div#side_img p {
	color: #0131c1;
	font-size: 1.3em;
	line-height: 120%;
}