﻿.fieldsetOuter {float:left; width:33%; margin-right:1%}
.twoColumns .fieldsetOuter {width:50%; margin-right:1%}
.fieldsetOuter.ProjectDetails {width:32%; margin-right:0}
.twoColumns .fieldsetOuter.ProjectDetails {width:49%}
.fieldsetOuter.ProjectFiles {float:none; width:auto; margin-right:0}
fieldset, .legend, .tab {background-color:#f3f5f4; border-style:solid; border-color:#cacaca}
fieldset {padding:10px; margin:0 0 20px 0; border-width:1px; border-radius:0 5px 5px 5px}
fieldset input:not([type="checkbox"]), fieldset select:not([name="DueDateTimeHour"]):not([name="DueDateTimeMinute"]):not([name="DueDateTimeAMPM"]) {width:100%; box-sizing:border-box}
.legend/*, .tab*/ {color:#1a6093; font-size:16px; font-weight:bold; text-align:center; padding:6px 10px; box-sizing:border-box; border-width:1px 1px 0 1px; border-radius:5px 5px 0 0; float:left; margin-bottom:-2px}
.legend {width:160px}
/*.tab {margin:10px 10px 0 10px}
.tab.selected {background-color:#1a6093}
.tab h1 {margin-top:0; margin-bottom:0; margin-left:0}
.tab img {height:76px; display:block}
.tabAnchor {height:10px; background-color:#f3f5f4}*/
input[type="submit"] {border-radius:5px}

#submissionModes>a {border:1px solid #cacaca; opacity:.5; display:inline-block; border-radius:5px; padding:10px; margin-right:5px; margin-bottom:5px; cursor:pointer}
#submissionModes>a:hover, #submissionModes>a.selected {opacity:1}
#submissionModes>a.selected {background-color:#f3f5f4}
#submissionModes>a>img {height:60px; display:block}

div.dueDateTime {overflow:hidden}
div.dueDateTime>div.row:nth-child(1), div.dueDateTime>div.row:nth-child(2) {float:left; width:48%; clear:none}
div.dueDateTime>div.row:nth-child(1) {margin-right:4%}
div.address {overflow:hidden}
div.address>div.row:nth-child(4), div.address>div.row:nth-child(5) {float:left; width:48%; clear:none}
div.address>div.row:nth-child(4) {margin-right:4%}

@media (max-width: 700px)
{
    .fieldsetOuter {width:50%}
    .fieldsetOuter.ProjectDelivery {width:49%; margin-right:0}
    .fieldsetOuter.ProjectDetails, .twoColumns .fieldsetOuter {float:none; width:auto}
    .twoColumns .fieldsetOuter.ProjectDetails {width:auto}
}

@media (max-width: 450px)
{
    .fieldsetOuter, .fieldsetOuter.ProjectDelivery {float:none; width:auto; margin-right:0}
}