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

/* Global tag redefinitions */
* { font: 12px Arial, sans-serif }
img  { border: 0px }
li  { padding-bottom: 5px }
table, td { padding: 0px; border-spacing: 0px; vertical-align: top }
th { padding: 4px; vertical-align:top; text-align:left;border: 1px solid #ccc; font-weight: bold; background-color: #f4f4f7 }
em {font-style:italic}
strong em { font-weight: bold; font-family:italic}
/* section titles */
h1 {width:760px;margin:0px;margin-top: 5px; background-color:#EAE2D8;margin-left:auto;margin-right:auto;color: #009;padding-top:1px;padding-bottom:1px;text-align:right; font: 14px 'Arial Black'}

dt {margin-top: 15px; margin-bottom: 4px}
p {margin-top: 5px;}

h2, h4, h3, h5, h6 {font-size: 13px; font-weight:bold}
h2 {color: #009}
h3 {color: #000; margin-top: 15px; margin-bottom: 15px}
h3.big {color: #630000; font-size:18px}
h5 {margin-bottom: 8px}
h6, h4 {color: #203040; margin-top: 25px; margin-bottom: 18px}

strong { font-weight:bold }
body {background-color: #FFF; margin: 0px; text-align: center;  margin-left: 20px; margin-right: 20px}

a, a:active, a:visited {color: #009; text-decoration:none}
a:hover {color: #C60}

a.link_block_bold {margin-left:6px; margin-bottom:6px;display:block; width:170px; float:right; padding:6px;background-color:#EAE2D8; border:1px solid #E7A365}
a.link_block_bold:hover {color: #009; background-color: #E7A365}

/* Bullet lists global standard */
td.content ul, td.content ol { margin-left: 16px;padding-left:16px;margin-bottom: 20px;  }
li ul, li ol { margin-top: 6px; margin-bottom: 6px }
ol li { margin-left:26px}
td.content ul li ul, td.content ol li ol { margin:6px }

/* Bullet lists in subnavigation */
div.subnav_large ul, div.subnav ul  {list-style-type:none; border:none; border-bottom:1px solid #EAE2D8; margin:0px;padding:0px;}
.subnav_large li, .subnav li{margin:0px;padding:0px;display:inline}
div.subnav p, div.subnav_large p {margin:0px}


ul.pdf { list-style-image: url('/graphics/icons/pdf.gif')}
ul.pdf li { padding-left: 6px;}
/* header*/
div.top {height:97px; margin-top: 5px; width: 760px; margin-left: auto; margin-right:auto; border-bottom: 1px solid #009; background-image:url('/graphics/isoc/line_horizontal.gif');background-position:332px 62px; background-repeat:no-repeat;}
div.top img { float:left; }
div.top div a {display:block;  padding: 6px; padding-left: 10px; padding-right: 10px; font-weight:bold; font-size:11px; text-align:right}

div.top div {margin:0px;float:right;  background:url('/graphics/isoc/line_vertical.gif') no-repeat 0px 0px; 
padding-top: 10px; padding-bottom: 10px; }
div.top p {margin:0px;}
div.top form {margin:2px;text-align:right; height: 24px;border:2px solid #fff}
div.top input.search {margin: 0px; border:none; background-color:#009; color:#EAE2D8; font-weight:bold; font-size:11px;  margin-left: 6px; width: 60px}
.skip {display:none}
span.donate{padding:3px;padding-top:5px;}
span.donate a, span.donate a:visited{background-color: #630000 ;font-weight:bold;color:#fff;font-family:verdana;padding:2px;padding-left:5px; padding-right:5px;font-size:11px}
span.donate a:hover{background-color: #E7A365}




div.scrollbar {
scrollbar-3dlight-color:#EAE2D8;
scrollbar-arrow-color:#630000;
scrollbar-base-color:#EAE2D8;
scrollbar-darkshadow-color:#EAE2D8;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#630000

} 






/* right floating sidenavigation */
div.subnav { float: right; width: 115px; margin-left: 8px; margin-bottom: 10px; border-bottom: 1px solid #EAE2D8; }
div.subnav a, div.subnav a:visited { text-align:left;font-size: 11px; background-image: url('/graphics/isoc/arrow.gif'); background-repeat:no-repeat; background-position: 7px 2px; padding-bottom: 3px; padding-top: 2px; padding-left: 14px; padding-right: 1px; display:block; color: #009; text-decoration: none;border-right: 1px solid #EAE2D8; border-left: 1px solid #EAE2D8; }
div.subnav a:hover, .subnav li.current_page_item a,.subnav li.current_page_parent a, .subnav li.current-cat a { color: #C60 }

div.subnav div { color: #009; font-weight:bold; text-align:left; padding:1px; padding-left: 7px; background-image: url("/graphics/isoc/submenu_top.gif"); background-repeat:no-repeat}

/* additional item, example: sponsors, inside right floating subnavigation*/
div.subnav p.subitem, div.subnav_large p.subitem {color: #630000; font-weight: bold;  font-size: 14px; padding-top:10px; width: 113px;margin:0px; border: 1px solid #EAE2D8; border-bottom:none; text-align:center}
.subnav p.subitem a, .subnav p.subitem a:visited, .subnav_large p.subitem a {background-image:none; padding: 10px; border:none;text-align:center }
div.subnav p.subitem img {margin-top: 15px}


div.subnav_large p.subitem {width: 157px;}

div.languages{float:right; width:70px;padding:0px;color:#7F3C89;font-weight:bold;margin-right:-75px;position:relative;}
div.languages a, div.languages a:visited {background-image: url('/graphics/isoc/arrow_EAE2D8.gif'); background-repeat:no-repeat; background-position: 7px 0px;color:#EAE2D8;border-left:1px solid #EAE2D8;background-color:#7F3C89; font-size:10px;display:block;padding-left:17px;border-top:1px solid #C0A3F5;padding-bottom:1px;padding-top:1px}
div.languages a:hover{background-color:#630000}

/* right floating sidenavigation LARGE */
div.subnav_large { float: right; width: 157px; margin-left: 4px; margin-bottom: 6px; border-bottom: 1px solid #EAE2D8; }
div.subnav_large a, div.subnav_large a:visited, div.subnav_large span { font-size: 11px; background-image: url('/graphics/isoc/arrow.gif'); background-repeat:no-repeat; background-position: 7px 4px; padding-bottom: 1px; padding-top: 4px; padding-left: 14px; padding-right: 1px; display:block; color: #009; text-decoration: none;border-right: 1px solid #EAE2D8; border-left: 1px solid #EAE2D8; }
div.subnav_large span { color:#000}
div.subnav_large a:hover { color: #506070 }
div.subnav_large div { margin-bottom:-2px; color: #009; font-weight:bold; text-align:left; padding:2px; padding-left: 7px; background-image: url("/graphics/isoc/submenu_top_large.gif"); background-repeat:no-repeat}



/* right floating sidenavigation Wide */
div.subnav_wide { float: right; width: 180px; margin-left: 4px; margin-bottom: 6px; border-bottom: 1px solid #EAE2D8; }
div.subnav_wide a, div.subnav_wide a:visited, div.subnav_wide span { font-size: 11px; background-image: url('/graphics/isoc/arrow.gif'); background-repeat:no-repeat; background-position: 7px 4px; padding-bottom: 1px; padding-top: 4px; padding-left: 14px; padding-right: 1px; display:block; color: #009; text-decoration: none;border-right: 1px solid #EAE2D8; border-left: 1px solid #EAE2D8; }
div.subnav_wide span { color:#000}
div.subnav_wide a:hover { color: #506070 }
div.subnav_wide div { margin-bottom:-2px; color: #009; font-weight:bold; text-align:left; padding:2px; padding-left: 7px; background-image: url("/graphics/isoc/submenu_top_wide.gif"); background-repeat:no-repeat}


.followus{float:right;width:180px; border:1px solid #EAE2D8;margin-left:8px}
.followus div{ font-weight:bold;color:#630000;padding:2px;padding-left:6px;background-color:#EAE2D8; margin-bottom: 5px;}
.followus p{ padding:6px}


/* left menu items */
div.sidenav { width: 150px;}
div.sidenav a, .l-menuTopline { display:block; padding: 5px; text-align: right; font-size: 11px; text-decoration:none}
a.l-menuTopline { border-top: 1px solid #ccc}


/* left menu subtitles */
.menutitle, .menutitle:visited { text-align:right; padding: 5px; padding-left: 0px; margin-left: -3px; font-weight: bold; color: #009; }

/* footer */
div.footer {color: #999; margin-left: auto; margin-right:auto; width: 760px; border-top: 1px solid #aaa096; text-align: left; padding-top: 5px; }



/* main table */
.main { width: 760px; text-align:left;margin-left: auto; margin-right:auto; border-top: 1px solid #009; margin-top: 5px}
div.main { padding-top:20px}

/* left container */
td.left { width: 150px }

/* Content right container */
td.content { padding: 20px; text-align:left; padding-right: 0px;border-left: 1px solid #aaa096; width: 590px; height: 300px }



/* BEGIN XHTML Template */
div.content {min-width:585px;padding-left:18px;display:table;border-left: 1px solid #aaa096;height:400px;border-top:1px solid #009}
div.leftcol {width:150px;padding-right:3px;float:left;}
div.leftcol a { display:block; padding: 5px; text-align: right; font-size: 11px; text-decoration:none;}
div.container {width: 760px; margin-left: auto; margin-right:auto;border-top:1px solid #009;display:block;text-align:left;margin-top:5px}
.rightcol {min-width:585px;padding-top:16px;padding-left:18px;display:table;border-left: 1px solid #aaa096;min-height:400px;}
.rightcol h2 {margin-top:0px}
/* END XHTML Template */








/* important text */
.importanttext, .faqQuestion { color: #203040; font-weight: bold; margin-bottom:10px }

/* textboxes */
.txtbox1 { background-color: #f4f4f7; padding: 4px; border:1px solid #ccc }
.txtbox2 { background-color: #f4f4f7; padding: 4px; border:1px dashed #ccc }
.txtbox3 { float:right; padding: 4px; margin-left: 4px; width: 170px; margin-bottom: 4px; background-color: #f4f4f7; border: 1px solid #c0d0e0}
.box4 {background-color: #630000; width: 180px;color:#EAE2D8; padding: 3px; float:right; margin-left: 6px; margin-bottom: 5px;}
.box4 div {background-color:#fff; color: #630000; margin:-4px;margin-top: 12px; padding-top: 2px}

.box_CECFA4_right{background-color:#cecfa4;width:200px; padding:8px; float:right;margin-left:8px;margin-bottom:6px}
.box_CECFA4_right strong{height:20px}

.box705F9A{background-color:#705F9A;float:right; margin-top:10px;width:170px;padding:4px;border:1px solid #65266B;color:#EAE2D8}
.box97BD6C{background-color:#97BD6C;border:1px solid #630000;}









/* textboxes with rounded corners */
div#box1, b.rtop b, b.rbottom b{ background: #EAE2D8;}

div#box1 p { padding:5px; margin:0px }
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


/* Pop up windows - example: staff page */
.popup { border:1px solid #009; margin: 5px; width: 510px; padding: 10px; text-align:left }
/* colored text */


/* borders */
.border1 { border:1px solid #000 }

/* right floating images and image boxes with captions */
img.right {float:right; margin-left: 6px; margin-bottom: 5px; border:1px solid #000}
div.right {float:right; margin-left: 6px; margin-bottom: 5px; color: #405060; width: 180px}
div.right img, div.left img {border:1px solid #000; margin-bottom: 5px}

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


/* line with link to top of page, example:newsletters */
.gotop { border-top: 1px solid #ccc; text-align:right }

.redtext { color: #C00}
.greytext { color: #405060}

/* backgrounds */
.bg1 { background-color: #EAE2D8}
.bg2 { background-color: #EBEAE7}
.bg3 { background-color: #EDF6F7}
.bg4 { background-color: #F8F3F8 }

/* Table cells */
table.table1, table.table2{ margin-bottom:20px; margin-top: 20px;border-collapse: collapse;  }
table.table1{ margin-left: -4px;border-collapse: collapse;  }
table.table1 td { padding: 4px; border-collapse: collapse;}
table.table2 td { padding: 4px; border: 1px solid #ccc;border-collapse: collapse;}
table.table2, table.table1 { width:460px}
table.table2 td p {margin-top: 0px;}

acronym:hover { cursor: help }
acronym  { border-bottom: thin dotted; cursor: help}

.join {float:right; margin-right: 4px; margin-left: 20px; margin-bottom: 10px; margin-top: 10px}

/*RSS feeds */

h3.headlines {background-color:#EAE2D8; padding:3px}
#webFeeds { width: 180px; text-align:right; float:right; margin-top: -34px; }
table.webFeeds {width: 460px}
#webFeeds a {font-size: 10px;text-decoration: none;padding-right: 8px; }
#webFeeds img {	vertical-align: bottom; }
.feedDate, .feedLink { padding-bottom:8px }
td.feedDate { color: #405060; width: 80px }
div.feedFooter{ text-align:right; width: 100%; border-top: 5px solid #EAE2D8; padding-top: 6px }

.code {color:#a00; font-family:courier;font-size:11px;}

p.reg a,p.reg a:visited { display:block; border: 1px solid #000; background-color: #630000; width: 100px; padding: 4px; color: #fff; text-decoration:none; font-weight:bold}
p.reg a:hover { background-color: #930000;color:#fff}
p.reg {padding:2px; margin-top:18px;text-align:center}


/*site map */

	.level1 {border-left:1px solid #EAE2D8; }
	.level2 {margin-bottom: 20px; margin-top:10px; }
	.level3 {border-left:1px solid #EAE2D8;margin-left:55px }
	.level4  {margin-bottom: 1px; border-left:1px solid #EAE2D8;margin-left:55px}
	.level1 a {font-weight:bold; display:block;padding:1px; padding-left: 5px; padding-right:5px; background-color:#EAE2D8; width: 450px}
	.level2 a {width: 430px; display:block;  background-image: url('/help/map/img/EAE2D8.gif');background-repeat:no-repeat; background-position: -1px 0px; background-color:white}
	.level2 a{padding-left: 54px;padding-bottom: 2px; padding-top: 2px;font-weight:bold}
	.level3 a {font-weight:normal}
	

	
	
	.level1 p {padding-bottom: 6px; padding-top: 3px;margin:0px;font-weight:bold;padding-left: 54px;background-image: url('/help/map/img/EAE2D8.gif');background-repeat:no-repeat; background-position: -1px 0px;}
	
	
	
	
	
/* forms */	
fieldset {width:570px; border:4px solid #f4f4f7; padding:5px; padding-right:0px; margin-top: 20px  }
#inet fieldset {width:450px;  }
#inet input {width:220px}
#inet .caption {width:150px}


#login fieldset, #signup fieldset {width:450px}
#login input, #signup input {width:200px}
#login .caption, #signup .caption {width:170px}
legend {font-weight:bold; color:#203040; font-size: 14px}
form div input, form div textarea, form div select { width:250px; border:1px solid #ddd; color: #336; margin:6px 5px 0px 0px}

textarea { height: 80px;}
div label.caption { float: left; width: 220px; padding-top: 5px; 
margin-right:6px; }
div.element { width: 260px; display:table; margin-bottom: 10px;}
.error{color:red;}
span.error, form span.required { color: red}
form div select {width: 150px}
select.date {width: 60px}



div.radio div div label {width:160px;}
div.radio div.element {width: 250px;}
.radio .required {float:right;}
input.radio  {width:25px;margin:0px;margin-top:5px; border:none}


.widetext textarea { width: 380px; height:300px;}
.checkbox_left div.element { width: 530px; margin-left: 5px  }
.checkbox_left .required { position:relative; bottom: 0px}
.checkbox_left .caption { width: 1px}
.checkbox_left input { width:20px; float:left; border:none}
.checkbox_left label {display:block}

div.checkbox input, input.checkbox {width:20px; border:none}

select.large {width: 400px}
select.medium {width: 270px}
.altselect input {width:40px; border:none}
.altselect .element label {width:130px;}

/* wide textarea fields, caption must go down to 0 */	
.wide textarea { width: 440px; margin-bottom: 20px;}
.wide .caption {width:0px}


input.save {background-image: url('/graphics/icons/save.gif'); border:none; width: 60px; background-color:white; background-repeat:no-repeat; background-position:-3px 0px }
input.submit{width: 140px;CURSOR: pointer;font-size:14px;border:1px solid #630000;font-weight:bold;color:#630000}
.submit:hover {background-color:#E7A365}

p.link_button {text-align:center}
p.link_button a {width: 140px;CURSOR: pointer;background-color:#97BD6C;border:1px solid #009;font-weight:bold;color:#fff;padding:1px;padding-left:3px;padding-right:3px}
p.link_button a:hover {background-color:#E7A365}


/* buttons to choose one or the other form option */	
h4.choice {margin-bottom: 90px}
h4.choice a, h4.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}
h4.choice a:hover{background-color: #644954;}



/* https://www.isoc.org/leaders/private/?s=2&orderby=lastname&order=ASC */
.on { background-color: #e4e4e7}
#people_browse fieldset{width: 600px;padding:0px; }
#people_browse .caption {display:none}
#people_browse label { width: 162px; padding:0px;font-size:10px}
#people_browse input {  width: 16px;border:none; margin:0px}
#people_browse .element {  width: 185px; float:left; margin:4px; }