h1, h2, h3, h4, h5, h6 { clear: both;}
#rail { display: none;}
body {max-width: 120em; font-size: 10px !important;}
#body {width: 83em; font-size: 1.4em; background-color:transparent !important; }

#body .menu { width: 99%; clear: both; background-color: #000; }
#body .menu li { width: auto; float: left; border: 1px solid black; border-bottom: none; padding: 2em 2em; 
  height: 4.2em; padding: .8em; background-color: #000; color: #fff; float: left; font-size: 1em; text-align: center; }
#body .menu li a { margin-top: .75em;   font-weight: bold; color: #fff; text-decoration: none; display: block; height: 3.6em; padding: 0 1em; }
#body .menu li.active a { color: #333; }
#body .menu li.active {  background-image: url('/images/linen.jpg'); border-color: #ccc; background-color: #333; }
#body .menu li a:hover {color: #f00; }
#body .menu li:hover { background-image: url('/images/linen.jpg'); border-color: #ccc; }

body div#body {width: 78em;}
/* #body .menu li a { font-weight: bold; color: #fff; text-decoration: none; display: block; height: 3em; padding: 0 .25em; }
#body .menu li.active a { color: red; }
#body .menu li.active {  background-image: url('//d3photography.com/images/linen.jpg');  }
#body .menu li a:hover {color: #f00; }
#body .menu li:hover { background-image: url('//d3photography.com/images/linen.jpg'); border-color: #ccc; } */





#body div.webmail { background-image: url('/images/linen.jpg');}
#body iframe {width: 98.7%;}

.leftrail li { width: 175px; font-size: 1.1em; text-align: center; padding: .25em 0em; font-weight: bold; cursor: pointer;}
.leftrail { width: 180px; }
.leftrail li span.small { font-weight: normal; font-size: .75em; }
.leftrail li ul.hide { display: none; }
.leftrail li ul li { font-size: .9em; text-align: left; }
#openspace { position: absolute; top: 2.25em; right: 0; width: 625px; }
#openspace ul li label { width: 125px; float: left; text-align: center; overflow: hidden; height: 1em; }
#openspace ul li { width: 125px; float: left; margin: .5em; }
iframe.email { width: 100%; height: 50em; }
#tree li { width: 65px; float: left; text-align: center; margin: .25em; padding: .25em; }
#tree { display: block; clear: both; }
#tree li:hover {  color: #fff;}
.hide { display: none;}
#body #build_space { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; opacity: .6; z-index: 10002;}
#body .build_space { padding: 2em; position: fixed; left: 20% !important; right: 20% !important; top: 20% !important; background-color: #fff; width: 60%; z-index: 10004; }
#body .build_space form ul li label { width: 125px; float: left; font-size: 1.1em;}
#body .build_space form ul li { width: 400px; font-size: .9em; }
#body .build_space form ul li:hover { background-color: inherit; color: inherit; }
#body .build_space p { width: 100%;}
.loadpath { padding: .25em; }
.loadpath, .box { cursor: pointer;}
.loadpath:hover { background-color: #000; color: #fff; }
ul li.left { clear: both; }
#body .build_space.taller { top: 1%; left: 1%;  }
/* #body .build_space li div { width: 225px; margin-left: 125px; clear: both;} */
#school_list { width: 400px; left: 20%; margin: 0 auto; top: 25%; position: absolute; z-index: 9999999; background-color: #fff; height: 550px;  overflow: auto; font-size: 1.5em; padding: 2em;  border: 1px solid black; }
#body .build_space li textarea { clear: both; width: 100%; height: 5em;}
#school_list ul li label { width: 200px; float: left; font-weight: bold;  }
#school_list fieldset { margin-bottom: 2em; }
#school_list fieldset legend { font-size: 2em; font-weight: bold;  }
img.close_box { width: 32px; height: 32px; top: 16px; right: 16px; position: absolute; } 
#body #album_progress ul li { width: 48%; padding: .5%; float: left;}
#album_progress ul li label {float: left;}
#album_progress ul li span { background-color: #888; width: 100%; display: block; height: 18px; clear: both;}
#album_progress ul li span img { height: 18px; width: 0%; background-color: green;}

#filelist ul li { width: 100%; margin-left: 0; padding-left: 0; text-align: left;  } 
#filelist ul label { width: 75px; float: left; }

ul.romans li { list-style-type: upper-roman;
margin-left: 2em; 
}

.romans li ul.letters li { list-style-type: upper-alpha;
margin-left: 2em; 
}
.romans li ul.letters li ul li { list-style-type: none;
  font-style: italic;
	margin-left: 2em; 
}

.functions div.items {height: 125px;  display: block;margin-right: 5em;  width: 45%; margin: 1em; float: left; background-image:url('/images/linen.jpg'); }
.functions div.items p {padding-left: .5em;  vertical-align: middle; width: 95% !important; font-size: 1.3em;  }
.functions div.items img { display: block;  float: left; padding: auto; padding-left: .5em;padding-right: .5em; height: 96px; width: 96px; vertical-align: middle; }

ul.middle_menu { display: block; clear: both; }
ul.middle_menu li {
  width: 19%;
  float: left;
  height: 2em;
  padding: .5em 0;
  background-color: #000;
  color: #fff;
  text-align: center;
  border: 1px solid white;  
}
ul.middle_menu li:hover { 
  background-color: #f00;
  cursor: pointer;
}
ul.middle_menu li.active {
  background-color: #00f;
}
#selections, #picked {float:left;   width: 700px; }
div.hidden { display:none;}
p { display: block; }

#body div code fieldset {
  padding-top: 0em;
  padding: 1em 1em;
  font-weight: normal;
  font-family: arial;
  background: yellow;
  border: 1px solid black;
}

#body div code fieldset legend {
  border: 1px solid black;
  position: relative;
  left: -1em;
  padding: .25em;
  background-color: yellow;
}
#body div#newsroomcontacts fieldset { 
  padding: 0em;
}
div.guidelines { font-weight: normal; }
#body table.settings { 
  width: 60em;
}
#body table.settings tbody tr th {
  width: 125px; 
}
#body table.settings td {
  width: 450px; 
}
#body table.settings td textarea { 
  height: 3em;
  width: 100%; }
#body table.settings td textarea#description { height: 25em; }

.iptc_data label { width: 175px; float: left; clear: both; font-weight: bold; }
.iptc_data textarea { width: 100%; height: 8em; }
#overlay_white {background-image:url('/images/beta_tag.png' top-right no-repeat);}
#keywords li { cursor: pointer; }
#overlay_white ol#keywords li input { width: 250px; }

#tree.small { width: 100%; }
#tree.small li { width: 31%; text-align: left; font-size: 1.3em; float: left; }
#tree.small li img { height: .75em; width: .75em;  }



#lookup_space .picker {
	
    border: 2px solid black;
    padding: .5em;
    width: 250px;
    font-size: 1.2em;	
	
}

#buildmegallerygee2_oh li.steps { float: left; width: 22%; height: 1.1em; font-size: 2.4em; font-weight: bold; text-align: center; border: 1px solid black; border-radius: .25em .25em 0 0; border-bottom: none; background-color: #666;  }
#buildmegallerygee2_oh li.steps.active { background-color: #fff; border: none; }

.build_space ul.builder { display: block; height: 7.5em; width: 100%; background-color: #ccc; overflow: hidden; }
.build_space ul.builder li { height: 7.5em; width: 95%; float: left; background-color: #fff; display: none; }
.build_space ul.builder li.active { display: block; }

.build_space ul.builder li h3 { font-size: 2em;}
.build_space ul.builder li select, .build_space ul.builder li input, .build_space ul.builder li textarea { font-size: 2em; width: 100%;}
.build_space ul.builder li textarea { height: 2.4em;}
.build_space ul.navigation { width: 95%; height: 2em; clear: both; cursor: pointer; }
.build_space ul.navigation li { width: 32%; font-size: 1.4em; float: left;  }
.build_space ul.builder li select.choosenshooters { font-size: 1.2em; }
.build_space ul.builder li .photog_picker { width: 250px; float: left; }
.build_space div.confirmation { position: fixed; top: 33%; left: 33%; height: 33%; width: 33%; background-color: #fff; z-index: 9999; padding: 1em; border: 3px solid black;  border-radius: 2em;  }
.build_space div.confirmation .date { color: #000;}
.build_space div.confirmation ul { clear: both; }
.build_space div.confirmation ul li { font-size: 1.2em;  clear: both; }
.build_space div.confirmation ul li label { width: 8em; float: left; }
.build_space div.confirmation .startover { background-color: rgba(255,0,0,.2); font-weight: bold; } 
.build_space div.confirmation .execute { background-color: rgba(80,255,80,.3); font-weight: bold; } 

html #body .build_space ul.builder li .photog_picker .multipleshooters2_0 {

    width: 225px;
    float: left !important;
    margin-left: 5px !important;
}

html #body .build_space ul.builder li .photog_picker .multipleshooters2_0 select {font-size: .95em; }

.align_c { text-align: center;}
.align_r { text-align: right;}

/*
.build_space div.steps { display: none; }
.build_space div.steps.active { display: block; border: 1px solid black; }
.build_space div.step1 div.items { display: none; }
.build_space div.step1 div.confirmation div.action { height: 6em; padding: .25em; background-color: #ddd; }
.build_space div.step1 div.confirm_details span.items { display: none; }
*/

.ui-widget { display: none; }

form#folder_maker strong { width: 125px; float: left; display: block;}



html body ul li.linked { opacity: .67 !important;}

@media screen and (max-width: 700px) {
	body { width: 100% !important; max-width: 100% !important; }
	#body .build_space { padding: .25em; position: fixed; left: 2% !important; right: 2% !important; top: 2% !important; background-color: #fff; width: 90%; min-heigth: 300px; z-index: 10004; }
	#body .build_space .builder { height: 300px; }
	#body .build_space .builder li { height: auto !important;}
	#body .build_space div.confirmation { position: fixed; top: 5%; left: 5%; height: 80%; width: 80%; background-color: #fff; z-index: 9999; padding: .5em; border: 3px solid black;  border-radius: 2em;  }
	#overlay_white { height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; padding: 0em }
	ul.gallery_manager li ul.thumbnails { max-height: 400px; height: 50%; }


}

/* #body .menu li.active a { background-color: #000; color: #fff; } */
.leftrail li { width: 175px; font-size: 1.1em; text-align: center; padding: .25em 0em; font-weight: bold; cursor: pointer;}
.leftrail { width: 180px; }
.leftrail li span.small { font-weight: normal; font-size: .75em; }
.leftrail li ul.hide { display: none; }
.leftrail li ul li { font-size: .9em; text-align: left; }
#openspace { position: absolute; top: 2.25em; right: 0; width: 625px; }
#openspace ul li label { width: 125px; float: left; text-align: center; overflow: hidden; height: 1em; }
#openspace ul li { width: 125px; float: left; margin: .5em; }
iframe.email { width: 100%; height: 50em; }
#tree li { width: 65px; float: left; text-align: center; margin: .25em; padding: .25em; }
#tree li img { width: 64px; height: 64px; }
#tree { display: block; clear: both; }
#tree li:hover { background-color: #000; color: #fff;}
.hide { display: none;}
#body #build_space { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; opacity: .6; z-index: 10002;}
#body .build_space { padding: 2em; position: fixed; left: 20% !important; right: 20% !important; top: 20% !important; background-color: #fff; width: 60%; z-index: 10004; }
#body .build_space form ul li label { width: 125px; float: left; font-size: 1.1em;}
#body .build_space form ul li { width: 400px; font-size: .9em; }
#body .build_space form ul li:hover { background-color: inherit; color: inherit; }
#body .build_space p { width: 100%;}
.loadpath { padding: .25em; }
.loadpath, .box { cursor: pointer;}
.loadpath:hover { background-color: #000; color: #fff; }
ul li.left { clear: both; }
#body .build_space.taller { top: 1%; left: 1%;  }
#body .build_space li div { margin-left: 175px; clear: both;}
#body .build_space li textarea { clear: both; width: 100%; height: 5em;}
#school_list ul li label { width: 200px; float: left; font-weight: bold;  }
#school_list fieldset { margin-bottom: 2em; }/
#school_list fieldset legend { font-size: 2em; font-weight: bold;  }
img.close_box { width: 32px; height: 32px; top: 16px; right: 16px; position: absolute; } 
#body #album_progress ul li { width: 48%; padding: .5%; float: left;}
#album_progress ul li label {float: left;}
#album_progress ul li span { background-color: #888; width: 100%; display: block; height: 18px; clear: both;}
#album_progress ul li span img { height: 18px; width: 0%; background-color: green;}
#photog_list .multipleshooters li label { width: 25px !important; float: left; } 
#photog_list .multipleshooters li { width: 33% !important; float: left;} 

#filelist ul li { width: 100%; margin-left: 0; padding-left: 0; text-align: left;  } 
#filelist ul label { width: 75px; float: left; }

ul.romans li { list-style-type: upper-roman;
margin-left: 2em; 
}

.romans li ul.letters li { list-style-type: upper-alpha;
margin-left: 2em; 
}
.romans li ul.letters li ul li { list-style-type: none;
  font-style: italic;
	margin-left: 2em; 
}

ul.middle_menu { display: block; clear: both; }
ul.middle_menu li {
  width: 19%;
  float: left;
  height: 2em;
  padding: .5em 0;
  background-color: #000;
  color: #fff;
  text-align: center;
  border: 1px solid white;  
}
ul.middle_menu li:hover { 
  background-color: #f00;
  cursor: pointer;
}
ul.middle_menu li.active {
  background-color: #00f;
}
#selections, #picked {float:left;   width: 700px; }
#body { width: 900px;}
div.hidden { display:none;}
p { display: block; }

#body div code fieldset {
  padding-top: 0em;
  padding: 1em 1em;
  font-weight: normal;
  font-family: arial;
  background: yellow;
  border: 1px solid black;
}

#body div code fieldset legend {
  border: 1px solid black;
  position: relative;
  left: -1em;
  padding: .25em;
  background-color: yellow;
}
#body div#newsroomcontacts fieldset { 
  padding: 0em;
}
div.guidelines { font-weight: normal; }
#body table.settings { 
  width: 60em;
}
#body table.settings tbody tr th {
  width: 125px; 
}
#body table.settings td {
  width: 450px; 
}
#body table.settings td textarea { 
  height: 3em;
  width: 100%; }
#body table.settings td textarea#description { height: 25em; }