/*  
Description: ISOC Main Style Sheet
URL:    	   http://www.isoc.org/includes/styles.css
Author: 	   Henri Wohlfarth
Contact: 	 webmaster@isoc.org
*********************************************************
*/


/* forms */
/* form section */
fieldset {width:570px; border:4px solid #f4f4f7; padding:5px; padding-right:0px; margin-top: 20px  }

/* form section title */
legend {font-weight:bold; font-size: 14px; color:#069;}
/* form field defintions */
/*https://www.internetsociety.org/chapter-service-form*/
#copy #webform-client-form-16184 fieldset {width:480px;padding-right:5px}

div textarea { width:240px; height: 100px; border:1px solid #ccc; color: #336; margin:6px 5px 0px 0px; background-color: #f4f4f7}
.element input, .element select { background-color: #f4f4f7; border:1px solid #ccc; color: #336; }
/* field captions */
div label.caption { float: left; width: 220px; padding-top: 5px; 
margin-right:6px; font-weight:normal; }
/* form element */
div.element { width: 260px; display:table; margin-bottom: 10px;}
/* error message */
span.error, span.required, .error { color: red}
/* remove red error buttons that are defined somewhere else (????) */
div.error{background-image:none}
label {font-weight:normal;}
/* radio buttons */
div.radio_side label {width:160px;margin-right:10px;display:inline; }
div.radio_side label.caption {width:220px;}
div.radio_side div.element {width: 300px;}
.radio_side input {width:60px; }

div.radio div div label {width:160px;border:1px solid #fff;margin-bottom:7px}
div.radio div.element {width: 250px;}
div.radio .radio {float:left;}
/* left floating checkbox */
div.checkbox_left input { width:20px; float:left; }
div.checkbox_left label {display:block; width:400px}
div.checkbox_left .caption { display:none;}

div.checkbox input {width:20px; float:left}
div.checkbox label {width:200px}

/* webform specific - to be finalized as it may not be compatible with other webform forms */


#copy .webform-client-form .webform-component * {font-weight:normal}
#copy .webform-client-form .webform-component label
{height: 22px; margin: 0;margin-left:0px;padding-left: 2px;width: 170px;
/*height:22px;width:200px;margin-left:0px*/}

#copy input.form-text {width:230px;}
#copy .webform-component-select label, #copy .webform-component-textfield label, #copy .webform-component-email label{float:left}

/*https://www.internetsociety.org/event-request-form*/
/*logistical assistance required*/
#copy .webform-client-form #edit-submitted-logistical-details-logistical-help-required label.option
 {width:260px;}
/*communications help required*/
#copy .webform-client-form #webform-component-logistical-details--communications-assistance label.option
 {width:440px;}


#copy .webform-client-form {width:100%}
#copy .webform-client-form .webform-component-radios label{width:200px;padding:0px;height:35px} /*height is normally 65px - necessary to line up radio buttons vertically*/
#copy #webform-component-country .form-select {width:250px}


/* add comments underneath form labels */
.add_label {font-size:12px;color:#666;margin-top:-8px;margin-bottom:35px;;width:450px}

/* description field in webform */
#copy .webform-client-form .description {margin-top:10px}

.redtext { color: #C00}


/* table definitions */
table.table2{ margin-bottom:20px;margin-top: 20px;width:460px }
table.table2 td, table.table2 th { padding: 4px; border: 1px solid #ccc}
table.table2 th { text-align:left;background-color: #f4f4f7 }

/* right floating images and image boxes with captions */
img.right {float:right; margin-left: 8px; margin-bottom: 8px; border:1px solid #000}

/* choice button in postel award forms */
p.choice {margin-bottom: 90px}
p.choice a, p.choice a:visited{text-decoration:none; text-align:center; padding: 3px; color: #fff;display:block; float:left; background-color: #75687A; width: 100px; border: 1px solid #644954; font-size:12px;margin-right: 10px}
p.choice a:hover{background-color: #644954;}


/* orgregistration*/
/* read more box about credit card security code */
#readMore {
border:1px solid #ccc;
opacity:0.9;
position:absolute;
padding:10px;
margin-left:-33px;
display:none;
width:500px;
background:#eee;
box-shadow: 3px 3px 5px #ddd;/*3px 3px 5px 6px #ddd;*/
-moz-box-shadow: 3px 3px 5px #ddd; /* 3px 3px 5px 6px #ddd;*/
-webkit-box-shadow: 3px 3px 5px #ddd; /*3px 3px 5px 6px #ddd;*/
}

/* for org registration form */
#orgreg .radio_side input {width:25px }
#orgreg #payment .element label {width:120px;border:1px solid #fff;height:20px }
#orgreg #payment .element .radio {float:left;}

#orgreg .pageLoading, #donation .pageLoading{ background-color: #333;
padding:140px;
font-size:30px;
color:#aaa;
text-align:center;
position:absolute;
top:300px;
background:#fff;
-moz-box-shadow: 3px 3px 5px 6px #ddd;
-webkit-box-shadow: 3px 3px 5px 6px #ddd;
box-shadow: 3px 3px 5px 6px #ddd;
}

#orgreg .pageLoadingFinished, #donation .pageLoadingFinished{display:none}




/* for special webform items */
/*http://www.internetsociety.org/RSVP-form-IETF84-dinner#overlay-context=RSVP-form-IETF84-dinner*/
#webform-component-rsvp-form .form-radios div {border:1px solid red;display:table-row;width:440px}
/*
     FILE ARCHIVED ON 17:04:58 May 30, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:50:08 Nov 22, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  CDXLines.iter: 25.918 (3)
  load_resource: 82.957
  LoadShardBlock: 78.343 (3)
  esindex: 0.019
  PetaboxLoader3.datanode: 85.456 (4)
  cdx.remote: 0.12
  exclusion.robots: 0.433
  PetaboxLoader3.resolve: 34.888
  captures_list: 157.92
  exclusion.robots.policy: 0.413
*/