@charset "UTF-8";
body { width: 100.8em; }
a:link, a:visited { color: #00f; }
a:hover {color: #f00; }
#header { height: 18.6em; overflow: hidden; }
#rail {z-index: 50;border-left: 1px solid #ccc;padding-left: .25em;margin-left: 1em; width: 20em; position: relative; left: 80.4em; height: 50em; }
html:not(#challenge) #body:not(.photographers) { background-color: #fff; z-index: 2; padding: 0 .5em; font-size: 1.3em; top: 15em; height: 50em; width: 800px; float: left; position: absolute; margin-bottom: 5em; }
html body.page_production #body { width: 100% !important; max-width: 1500px !important; min-width: 800px !important; } 
h1 { font-size: 2.7em; padding: .25em; font-family: d3photography;}
h2 { font-size: 1.5em; padding: .25em; font-family: d3photography;}
h3 { font-size: 1.25em; padding: .25em; font-family: d3photography;}
h4 { font-size: .9em; padding: .25em; font-family: d3photography;}
ul.list li { list-style: disc; margin-bottom: 1em; margin-left: 3em; font-size: 1.2em; }
.float_r { float: right; margin-right: .125em; }
.photobox { overflow: hidden;width: 230px; font-size: 1em; background-color: #000; color: #fff; padding: .125em 10px .125em 10px; }
.photobox span.img { width: 230px; height:307px; display: block; }
.photobox .caption { font-size: 13px; }
.photobox .credit { font-weight: normal; font-size: 10px; }
#body h1 { width: 100%; }
#body ul li label { font-size: 1em; font-weight: bold; }
#body ul li p { font-size: 1em; width: 58em; }
#body ul li p img { float: left; padding-right: .25em; }
#body p { width:100%; margin: 1em 0; line-height: 1.2em; }
#rail ul li { font-size: 2em; font-weight: bold; }
#rail ul li ul li { margin-left: .5em; font-weight: normal; font-size: .75em; }
#rail ul.sports li a { font-size: 1em; }
.recent { text-align: center; }
#footer { z-index: 1; position: fixed; bottom: 0; width: 1008px; height: 1.2em; }

/*.photo_gallery {padding: .25em; border: 5px solid black;background-color: #fff; overflow: auto; font-size: .75em; float: left; height: 5em; }
.photo_gallery img { width: 250px; padding: 0 .5em; vertical-align: top; height: 250px; float: left; }*/
/* START Remove after frontpage update*/
ul.galleries {padding: .25em;border: 5px solid black;background-color: #fff; height: 30em; overflow: auto; }
ul.galleries li img { width: 50px; padding: 0 .5em; vertical-align: top; height: 50px; float: left; }
ul.galleries li {font-size: .75em;width: 50%;float: left;height: 5em; }
ul.galleries li:hover {background-color: #999; }
ul.galleries li:hover a:hover { color: #fff; }
/* END Remove after frontpage update*/


span.date { color: #ccc; }
.photorow{display: block; background-color: #fff; }
.photogallery{display: block; float: left; height: 175px; text-align: center; width: 175px; height: auto; padding: 3px; }
.photogallery img {border: none; }
.photogallery a:visited, .photogallery a:link{color: #000080; text-decoration: none; }
.photogallery a:hover{color: red; }
.photogallery .photos { font-size: .75em; }
.date{font-size: 11px; color: #CCCCCC; }
.title{font-size: 12px; font-weight: bold; text-align: center; }
#body fieldset { clear: both; display: block; padding-top: 15em; margin-top: 2em;  width: 75%;  }
#body fieldset a { color: #00f; }
#body fieldset legend { font-size: 1.5em; font-weight: bold; height: 1.5em; padding-top: .5em ; } 
#rail .key { border-top: 2px solid black; padding-top: .5em; background-color: #fff; }
#rail .key h3 { text-align: center; }
#rail .key ul li label { float: left; padding-right: .25em;  }
#rail .key ul li { font-size: 14px; font-weight: normal; clear: both; padding: .25em 0em; margin: 0em 1em; }
#body form th { width: 150px ; } 
#body form td input[type='text'] { width: 250px ; } 
#body form td textarea { width: 100%; height: 10em; }
.staff { width: 60em; }
.staff li { font-size: 1.5em; padding-bottom: 1em; padding: .5em; clear: both;  font-size: 13px; }
.left { float: left;  margin-right: .25em; }
.right { float: right; margin-left: .25em; }
.graphic { width: 250px; height: 250px; overflow: hidden; }
.graphic img { margin:auto;  }
.portfolio { width: 310px; height: 485px; }
.graphic .select span { width: 50%; font-size: 1.5em; display: block; float: left;background-color: #00f; padding: .25em 0; color: #fff; }
.graphic .select span.active { color: #fff; background-color: #09f; }
.elsewhere { clear: both; }
.available { border: 3px solid black; width: 100%;  border-top: none; }
span[onclick] { cursor: pointer; }
#body ul.staff li.available label { font-size: 20px; }
img.overlay {  position: absolute; top: -15em;  right: -15.5em; }
.align_c { text-align: center; }
.photobox .credit a { color: #fff; }
.uploaded { border-bottom: 2px solid black; padding: .5em;  }
.uploaded ul li label { float: left;  width: 125px; }
.uploaded ul li {padding: .25em; }
#header .new_menu { background-color: #000; width: 1008px; height: 36px; }
#header .new_menu ul.menu { margin-left: 10px; height: 35px; }
#header .new_menu ul.menu li:hover { background-color: #fff;}
#header .new_menu ul.menu li a { font-size: 3em; color: #fff; text-decoration: none; display: block; width: 100%; height: 35px; }
#header .new_menu ul.menu li a:hover { color: #000; background-color: #fff;}
#header .new_menu ul.menu li { height: 36px; float: left; width: auto; margin-right: 19px; padding: .2em;  }
#footer {z-index: 999; width: 1024px; background-color: #fff; text-align: center; font-size: 1.4em; font-weight: bold; border: 1px solid black; border-bottom: none; left: -15px; }
.data { font-size: 1.1em; width: 100%; } 
.data td, .data th { border-collapse: collapse; padding: .25em; }
.data thead th { background-color: #000; color: #fff; font-size: 1.3em; padding: .25em;  }
iframe.small { width: 300px; height: 385px; }
iframe.medium { width: 500px; height: 585px; }
iframe.large { width: 800px; height: 885px; }
.deadlines li label { width: 200px; float: left;}
.register li label { width: 150px; float: left;}
.register, .deadlines { width: 600px; }
.deadlines li, .register li { width: 100%;}
#body form ul li label.error {color: #f00; float: right;   }

#body table td {vertical-align: middle; }

#body table td.s3l, #body table td .s3l { border: 1px solid black; border-left: none;  }
#body table td.s3r, #body table td .s3r { border: 1px solid black; border-right: none;  }
#body table td.s3r, #body table td.s31 { width: 10%;}
#body table div.s3l, div.s3r { width: 100%; overflow: hidden; height: 1em; }

#body table tr td[rowspan='2'] div { height: 1.25em;}
#body table tr td[rowspan='4'] div { height: 2.2em; }
#body table tr td[rowspan='8'] div { height: 4.4em; }
#body table tr td[rowspan='16'] div { height: 8.5em; }

p.font_bigger { font-size: 1.2em; }
.adblock { float: right; width: 300px; height: 250px; display: block; }

h1.hide, h2.hide, ul.hide { display: none;}
.events li img { max-height: 125px; max-width: 125px;}
.events li {text-align: center; width: 125px; margin: .1em; float: left; height: 200px; font-size: .85em}
.events li span {width: 100%; text-align: left; display: block;}


.cat_icon.category_5 { background-image:url(//d3photography.com/images/icons/basketball.png); }
.cat_icon.category_6 { background-image:url(//d3photography.com/images/icons/baseball.png); }
.cat_icon.category_10 { background-image:url(//d3photography.com/images/icons/swimming.png); }
.cat_icon.category_20 { background-image:url(//d3photography.com/images/icons/tennis.png); }
.cat_icon.category_5, .cat_icon.category_45 { background-image:url(//d3photography.com/images/icons/basketball.png); }
.cat_icon.category_6 { background-image:url(//d3photography.com/images/icons/baseball.png); }
.cat_icon.category_7 { background-image:url(//d3photography.com/images/icons/football.png); }
.cat_icon.category_10 { background-image:url(//d3photography.com/images/icons/swimming.png); }
.cat_icon.category_11 { background-image:url(//d3photography.com/images/icons/trackandfield.png); }
.cat_icon.category_12 { background-image:url(//d3photography.com/images/icons/volleyball.png); }
.cat_icon.category_14 { background-image:url(//d3photography.com/images/icons/lacrosse.png); }
.cat_icon.category_15, .cat_icon.category_46 { background-image:url(//d3photography.com/images/icons/hockey.png); }
.cat_icon.category_16 { background-image:url(//d3photography.com/images/icons/softball.png); }
.cat_icon.category_17 { background-image:url(//d3photography.com/images/icons/fieldhockey.png); }
.cat_icon.category_18, .cat_icon.category_47 { background-image:url(//d3photography.com/images/icons/soccer.png); }
.cat_icon.category_19 { background-image:url(//d3photography.com/images/icons/crosscountry.png); }
.cat_icon.category_20 { background-image:url(//d3photography.com/images/icons/tennis.png); }
.cat_icon.category_48 { background-image:url(//d3photography.com/images/icons/wrestling.png); }
.cat_icon.category_49 { background-image:url(//d3photography.com/images/icons/gymnastics.png); }
.cat_icon.ncaa { background-image:url(//d3photography.com/images/icons/ncaa.png); }
.cat_icon.miac { background-image:url(//d3photography.com/images/icons/miac-icon.png); }
.cat_icon { width: 25px; height: 25px; float: right; }


.special_events li ul li.link { min-width: 31%; float: left; padding: .25em 1%; font-size: 1.5em;}
.special_events li ul li.link a:link {font-size: 1.15em;}
.special_events li.clean_break { clear: both; }

#searchbox { width: 12.5em; float: left;} 
#searchbox select { width: 90%; }
#searchbox input.city { width: 7.5em;}
#searchbox select.city { width: 4em; float: left;}
#searchbox span { display: none;}
#picked { width: 83%; float: right;}
#picked table tbody tr.alt td { background-color: #000; color: #fff; }
#picked table tbody tr td { padding: 0.25em .25em; }
body.page_schedules div#body { width: 80em;}

ul.ui-autocomplete {background: white; width: 15em; font-size: 1.3em; margin: .25em; z-index:999999;}
ul.ui-autocomplete li:hover { background: #ccc;}
body.schedules .hidden { display: none;}
.school_info {position: fixed; width: 30em; left: 30em; border: 3px ridge black;}
.school_info table th, .school_info table td { padding: .25em;}
.school_info table th{ width: 9em; }
.school_info table td{ width: 20em; }

body div#photog_tools a, body div#photog_tools a:link, body div#photog_tools a:visited { color: #fff; text-decoration: none; }
body div#photog_tools { width: 100%; height: 3em; background-color: #000; color: #fff; clear:both; }
body div#photog_tools ul { width: 100%; height: 3em; background-color: #000; }
body div#photog_tools ul li { width: 5em; height: 1em; color: #fff; float: left; font-size: 2em; text-align: center; padding: .25em;}
.date img {margin-right: 1em;}
.date, .alt .date { color: #000; font-size: 1em}


.photo_left { padding-right: 1em; overflow: hidden;}

div.message{ 
	display: block;
	width: 75%;
	margin: 0 auto;
	background-color: #ff0;
	padding: 1.25em; 
	font-size: 1.25em;
	border: 3px dotted black;
}
.float_l { float: left; }
table.small { width: 500px;}

#photo_requests {clear: both; }
div.image_data { width: 45%; float: left; padding: .5em; min-height: 8em; }
div.image_data img { width: 50px; padding-right: 1em; padding-bottom: 1.5em;  }
.explain { font-size: .75em; color: red; font-weight: bold; }
#overlay_black { background-color: #000; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: .75; z-index: 1000;}
#overlay_white { margin: auto; width: 50%; z-index: 1001; position: fixed; top: 25%; height: 45%; left: 25%; background-color: #fff; padding: 2em; font-size: 1.5em; overflow: auto;}
#overlay_white.superbig { width: 75%; top: 12.5%; height: 75%; left: 12.5%;}
#overlay_white p {margin: 1em; }
#overlay_alert { margin: auto; width: 50%; z-index: 1005; position: fixed; top: 25%; left: 25%; color: #fff; background-color: #00f; padding: 2em; font-size: 1.5em; }
html body div.hidden, #overlay_black.hidden { display: none; }
button.removephoto { width: 30px; height: 30px;}
button.removephoto img { width: 18px; height: 18px; }
table.shooters tr.missing td, table.shooters tr.missing th { color: #ccc; }
table.shooters td, table.shooters th { margin: 0 .1em; vertical-align: middle;}
table.shooters {width: 100%;}
table.shooters thead th { font-size: 1.3em;}
table.shooters tbody th[colspan] { font-size: 1.5em;}
img.cms_icon { width: 25px; height: 25px; }
img.cms_icon.edit { background-image: url('/images/icons/ic_menu_edit.png'); }


#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 99999;
}

#underlay {
	width: 50%;
	height: 60%;
	background-color: #fff;
	position: fixed;
	left: 25%;
	top: 20%;
	z-index: 100000;
	overflow: auto;
}
#underlay ul li {padding-left: .25em; margin-left: .25em; min-height: 20px; }
#underlay ul li label {clear: both; width: 125px; float: left; font-weight: bold; font-size: 12px;}
#underlay ul li input, #underlay ul li textarea {width: 300px;}
#underlay ul li textarea { height: 10em; }
ul.published_works { height: 50em; overflow: scroll; }

#update_user ul li {padding-left: .25em; margin-left: .25em; min-height: 20px; }
#update_user ul li label {clear: both; width: 125px; float: left; font-weight: bold; font-size: 12px;}
#update_user ul li input, #update_user ul li textarea {width: 450px;}

.chart { max-width: 50%; max-height: 300px; overflow: hidden; float: left;}
table.production_breakdown  thead tr th, table.production_breakdown tr.header th, table.production_breakdown tr th.header { font-size: 1.3em; }
table.production_breakdown tr:hover td, table.production_breakdown tr:hover th { background-color: #000; color: #fff; cursor: pointer;}
ol#good li { clear: left; list-style:decimal-leading-zero; margin-left: 2em; padding-bottom: .25em; border-bottom: 1px solid #ccc;}
#goodform { float: right; width: 40%; }
ol#good li input[type='text'] { width: 85%;}
button.searching { background-color: yellow;}
button.completed { background-color: #f00;}
table.photographers tbody tr.new td, table.photographers tbody tr.new th {font-style: italic; color: #f00; } 
table.photographers tbody tr.pass td, table.photographers tbody tr.pass th {color: #ccc; } 

#createfolder {font-size: 1.25em; padding: 1em; }
#createfolder input { width: 200px; }
span.hidden { display: none;}

#overlay_white #createfolder h4 { cursor: help;}
#overlay_white #createfolder ul.subfolder li  { text-align: left; }
#overlay_white #createfolder ul.subfolder li  input { width: auto; }

div.error_msg { background-image: url(http://vignette2.wikia.nocookie.net/newdcmovieuniverse/images/a/ab/Warning_icon.png/revision/latest?cb=20100803163630); background-position: left top; background-repeat: no-repeat; background-size: 100px;background-color:rgba(255,0,0,0.5); padding: .5em; color: #fff; padding-left: 120px; margin: 1em;  }
div.error_msg strong, div.error_msg h4 { padding-top: 1em; }

#createfolder ul li label { font-size: 1.25em; width: 3em; float: left; }
#createfolder ul li { font-size: .9em; font-weight: bold; clear: both; }

.ui-menu li { font-size: 1.4em; cursor: pointer; }
.ui-menu li:hover { background-color: #ccc; color: #fff; }

#createfolder fieldset.short { height: 1em; overflow:hidden; }
#createfolder fieldset legend { font-size: 1.3em; font-weight: bold;  height: 1.4em; overflow:hidden; }

/* Photographer Area CSS */
#gallery.form { width: 100%; }
#gallery.form th {width: 150px; }
#gallery.form td input, #gallery.form td textarea { width: 100%; }
#gallery.form td textarea { height: 5em; }
#upload_images {min-height: 5em; } 



@font-face {
    font-family: 'd3photography';
    src: url('//d3photography.com/images/fonts/AE01014D/ae01014d.eot');
    src: url('//d3photography.com/images/fonts/AE01014D/ae01014d.eot') format('embedded-opentype'),
         url('//d3photography.com/images/fonts/AE01014D/ae01014d.woff') format('woff'),
         url('//d3photography.com/images/fonts/AE01014D/ae01014d.ttf') format('truetype'),
         url('//d3photography.com/images/fonts/AE01014D/ae01014d.svg#AachenDEEMedRegular') format('svg');
}

.d3photography { font-family: d3photography; }

ul.times {
	margin-left: 1.5em; font-size: 1.6em;
}
ul.times li label { padding: .5em; }
ul.times li { margin-left: 1.5em; }
ul.times li.finished { color: darkgreen; }
ul.times li.inprogress { color: yellow; background-color: #ccc; }
ul.times li.incomplete { color: red; }



div.schools {
background-color: #fff;
position: fixed; right: 0; width: 200px; font-size: 1.3em; top: 2em; 
 }
ul.schools li.school { padding: .25em .1em; color: #fff; background-color: #ccc;  }
ul.schools li.school:hover {  color: #F00; background-color: #000; cursor: pointer;  }
ul.schools li.school.picked {  color: #2dc937; background-color: #000; font-weight: bold; overflow: hidden; cursor: pointer;  }

div.mats {text-align: center; width: 100%; top: 0; left; 0; height: 3em; font-size: 2.5em;}
div.mats ul.mats{ height: 3em;}
div.mats ul.mats li.mat { width: 10%; float: left; height: 1em; opacity: .45; color: #000; padding:1em 0em; background-color: #fff; }

.page_index table.sales_history { width: 30em; }
.page_index table.sales_history th { padding-right: 1em; }

.page_index table.sales_history tbody td {padding: .25em }
li div.follow { padding: .25em; background-color: #000; color: #fff; text-align: center;}
li div.follow a { color: #fc0; }
li div.follow em { font-size: .75em;}


#body .rostercard img { display: block; width: 12.5em; float: left; }
#body .rostercard { display: block; width: 13.75em; height: 16.25em; float: left;}
#body .rostercard .years { display: block; font-size: .8em; }


#body div.champ_promo { width: 300px; float: right; border: 2px black solid; padding: .5em; }
#body div.champ_promo p { font-size: 1.3em; }
#body div.champ_promo div.championship { font-size: 1.5em; padding: .3em; font-weight: bold; }




@media only screen and (hover: none) and (pointer: coarse){
    body {  }
    html { width: 50em;}
    html body.page_production #body { width: 100% !important; } 
    #body div.champ_promo { font-size: 1.5em; width: 100%; border: 2px black solid; padding: .5em; }
}