/* generic style for tableless form */
form {
    margin: 0;
    padding: 0;
    width: auto;
    display: inline-block;
}
form fieldset {
    clear: both;
    border: 0;
    margin: 0;
}
form fieldset.hidden {
    border: 0;
}
form fieldset legend {
    white-space: nowrap;
    background-color: #CCCCCC;
    font-weight: bold;
    width: 100%;
    padding: 1px;
    display: block;
}
form fieldset ol {
    margin: 0;
    padding: 0;
}
form fieldset li {
    display: block;
    clear: both;
    padding-top:5px;
}
form label {
    margin: 0 0 0 5px;
}
form label.element {
    display: block;
    float: left;
    width: 175px;
    font-weight: bold;
    text-align: right;
    padding-top:1px;
}
form input, form textarea, form select {
    width: auto;
}
form textarea {
    overflow: auto;
}
form br {
    clear: left;
}
form div.element {
    display: inline-block;
    margin: 0 0 0 10px;
}


form fieldset div.element ol {
list-style: decimal;
padding-left: 20px;
}

form fieldset div.element ul {
list-style: disc;
padding-left: 16px;
}

form fieldset div.element li {
display:list-item;
}


form li.reqnote {
    font-size: 80%; 
    margin: 5px 0 0 10px;
}
form span.error, form span.required {
    color: red;
}
form div.error {
    border: 1px solid red;
    padding: 5px;
}
form div.element .warning{
  color: #FF642B;
  font-weight: bold;
}

input,
textarea,
select {
  font-family: sans-serif;
  font-size: 100%;
  margin: 0 0.1em;
  background: #FFFFFF url(../../code/webapp/lib/javascript/dijit/themes/tundra/images/validationInputBg.png) repeat-x scroll left top;
  border: 1px solid #B3B3B3;
  line-height: normal;

}
select {
  background: url(../../code/webapp/lib/javascript/dijit/themes/tundra/images/validationInputBg.png) repeat-x scroll left top;
}

span.form-submit-wait,
input.button {
  background: #FFFFFF url(../../code/webapp/lib/javascript/dijit/themes/tundra/images/buttonEnabled.png) repeat-x scroll left bottom;
  border-width: 1px;
  border-style: solid;
  border-color: #C0C0C0 #C0C0C0 #9B9B9B;
  cursor: pointer;
  background-repeat: repeat-x;
  white-space: nowrap;
  vertical-align: middle;
  margin: 0;
  margin-right: 3px;
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
  font-family: Myriad,Helvetica,Tahoma,Arial,clean,sans-serif;
  font-size: 12px;
}

span.form-submit-wait {
  cursor: wait;
}

input.button:active {
  background: #FFFFFF url(../../code/webapp/lib/javascript/dijit/themes/tundra/images/buttonActive.png) repeat-x scroll left bottom;
  border-color: #366dba;
}

#checkboxgrid input{
  border: 0;
  background: none;
}

#confirm_hold_action {
  width: 55px!important;
  margin-bottom: 8px;
}

/** Edit title form */

#edit_title{
  width: 1000px; /* fixed width to avoid flow problems at low resolutions */
}

form.form legend{
  border: 1px #B3B3B3 solid;
  width: 130px;
  padding: 3px;
  margin-bottom: 10px;
  font-size: 1.3em;
}

form.form fieldset{
  width: 950px;
  border: 1px #B3B3B3 solid;
  padding-top: 4.2px;
  padding-left: 7.5px;
  padding-bottom: 9px;
  padding-right: 7.5px;
  clear: none;
  float: none;
  margin-bottom: 10px;
}

#edit_title fieldset ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#edit_title fieldset ul li {
  display: block;
  width: 310px;
  float: left;
  clear: none;
  min-height: 3em;
  /*border: 1px red solid;*/
}
#edit_title fieldset ul li label{
  display: block;
  float: left;
  width: 105px;
  margin: 0;
  margin-left: 2px;
  margin-bottom: 3px;
  padding-top: 4px;
  text-align: left;
}
#edit_title fieldset ul li div.element{
  margin: 0;
  margin-bottom: 8px;
  display: block;
  float: none;
}
#edit_title fieldset ul li div.error{
  margin-bottom: 0px;
  padding: 0px;
}
#edit_title fieldset ul li div input.form_input_text{
  width: 200px;
}
#edit_title fieldset ul li div input.form_input_mldate{
  width: 200px;
}
#edit_title fieldset ul li span.frozen{
  /*border: 1px black solid;*/
  padding-top: 4px;
  padding-bottom: 2px;
  display: inline-block;
  width: 200px;
}

#edit_title .form_input_textarea{
  width: 200px;
  height: 60px;
}

#edit_title .details_section{
  width: 627px;
  height: 660px;
  float: left;
}

#edit_title .details_section label{
  padding-left: 20px;
  width: 80px;
}

#edit_title span.error{
  color: red;
  display: block;
  width: 100px;
  float: left;
  margin-top: 3px;
  font-weight: normal;
}

#edit_title fieldset legend{
  background-color: #ffffff;
}

#edit_title fieldset.end_fieldset{
  border: 0;
  clear: both; /* required from chrome */
}
#edit_title fieldset.end_fieldset legend{
  border: 0;
}
#edit_title fieldset.end_fieldset label{
  display:none;
}
#edit_title fieldset.end_fieldset ul li{
  width:auto;
}
#edit_title fieldset.files_section{
  width: 295px;
  height: 660px;
  margin-left: 660px;
}
#edit_title fieldset.files_section li{
  width: 290px;
}
#edit_title .form_input_file{

}
#edit_title fieldset.files_section label{
  width: 290px;
}
#edit_title span.file_preview{
  display: block;
  border: 1px #C0C0C0 dotted;
  width: 60px;
  height: 60px;
  line-height: 60px; /* vertically align the text */
  float: right;
  margin-right: 11px;
  text-align: center;
}
#edit_title span.file_preview img{
}
#edit_title span.file_preview_label{
  display: block;
  width: 140px;
  height: 60px;
  /*line-height: 60px; /* vertically align the text */
  float: left;
  /*margin-left: 10px;*/
  text-align: left;
  font-weight: bold;
  position: relative;
}
#edit_title span.file_preview_label span.error{
  position: absolute;
  left: 0px;
  top: 15px;
}

/* Edit title form end */


form#LoginForm fieldset{
  display: block;
  float: none;
}
form#LoginForm label{
  text-align: left;
  margin-left: 60px;
  padding-top: 4px;
  width: 60px;
}
form#LoginForm input{
  margin: 0px;
}

form.form{
}

	form.form fieldset.twocol ol li{
		display: block;
		width: 49%;
		float: left;
		clear: none;
		padding:2px;
	}

	form.form fieldset.twocol ol li label{
		display: block;
		float: left;
		width: 105px;
		margin: 0;
		margin-left: 2px;
		margin-bottom: 3px;
		text-align: left;
	}

	form.form fieldset.twocol ol li div.element{
		margin:0 0 8px 105px;
		display: block;
		float: none;
	}

	form.form fieldset.threecol ol li{
		display: block;
		width: 32%;
		float: left;
		clear: none;
		padding:2px;
	}

	form.form fieldset.threecol ol li label{
		display: block;
		float: left;
		width: 105px;
		margin: 0;
		margin-left: 2px;
		margin-bottom: 3px;
		text-align: left;
	}

	form.form fieldset.threecol ol li div.element{
		margin:0 0 8px 105px;
		display: block;
		float: none;
	}

	form.form fieldset.end_fieldset{
		border:0;
		clear:both;
	}

	form.form fieldset.end_fieldset label{
		display:none;
	}

	form.form fieldset.end_fieldset legend{
		display:none;
	}

/* Override reset.css change here - causes iffy interactions with dojo styles */
form div{
  line-height: normal;
/* #### REMOVED :  min-width: 600px; #### */
}


form#RunFilterForm fieldset{
	margin:0 0 15px 0;
}
form#RunFilterForm label{
	width:auto;
}


form#ClearRun{
	clear:both;
}
	form#ClearRun input.button{
		margin-top:15px;
	}

form#ViewSchedule{
	padding-bottom:35px;
	clear:both;
}

form#SendToClient textarea{
	width:320px;
	height:150px;
}


/* Tabbed form overrides */

div.tab_header{
  /*
	background: #FFFFFF url(../../code/webapp/lib/javascript/dijit/themes/tundra/images/dojoTundraGradientBg.gif) repeat-x scroll left 29px;
	*/
	width: auto;
	border-bottom: 1px solid #CCCCCC;
	margin: 0px;
}
	div.tab_header li{
		/*background: #d8d8d8 url(../../code/webapp/lib/javascript/dijit/themes/tundra/images/validationInputBg.png) repeat-x scroll left top;*/
		background: #d8d8d8 url(../../code/webapp/lib/javascript/dijit/themes/tundra/images/tabEnabled.png) repeat-x scroll left top;
		display: inline;
		margin: 0;
		height: 20px;
		line-height: 20px;
		width: auto;
		padding-left: 4px;
		padding-right: 4px;
		border:1px solid #CCCCCC;
    margin-bottom: -1px;
    white-space:nowrap;
	}
	div.tab_header li.selected{
    background: #d8d8d8 url(../../code/webapp/lib/javascript/dijit/themes/tundra/images/tabActive.png) repeat-x scroll left top;
    border-bottom-color: white;
	}

form div.subTab,
form div.tab{
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  width: auto;
}


form div.subTabActive,
form div.tabActive{
  display: inline;
}

form div.subTabHidden,
form div.tabHidden{
  display: none;
}

form div.printer_specs_container div.tab_header ul{
  list-style: none;
  padding-left: 0;
}
form div.printer_specs_container div.tab_header ul li{
  width: auto;
  padding: 0;
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
}
form div.printer_specs_container div.tab_header ul li:first-child{
  padding: 0;
  width: 14px;
  position: relative;
  top: 2px;
}

form div.tabActive .artworkPrintSpecTabs div.tab_header{
  margin-top: 10px;
  width: 400px;
}
form div.tabActive .artworkPrintSpecTabs div.tab_header ul li.tabs_closed{
  background: url("../../code/webapp/lib/javascript/dijit/themes/tundra/images/plusButton.gif") repeat-x scroll left top;
  border: 0;
}
form div.tabActive .artworkPrintSpecTabs div.tab_header ul li.tabs_open{
  background: url("../../code/webapp/lib/javascript/dijit/themes/tundra/images/minusButton.gif") repeat-x scroll left top;
  border: 0;
}
form div.tabActive .artworkPrintSpecTabs .subTabActive{
  display: inline-block;
}
form div.tabActive .artworkPrintSpecTabs .subTabActive ul{
  width: 400px;
  margin-top: 10px;
  margin-left: 5px;
  margin-bottom: 10px;
}

form .frozentextarea {
width:300px;
border: 1px solid #CCCCCC;
word-wrap: break-word;
}

.safari_fck {
border-bottom: 1px solid #585858;
}

form div.element #checkboxgrid td{
  padding-right: 20px;
}

form div.element #checkboxgrid td,
form div.element #checkboxgrid td label{
  white-space: nowrap;
}

form .form_divider {
width:320px;
margin-top: 10px;
border-bottom:1px solid;
position:relative;
left:175px;
}

form.artworktask fieldset ol li label,
form.artworktask fieldset ol li div.element{
  text-align: left;
  display: block;
  width: auto;
  margin-left: 0;
  float: none;
}
form.artworktask fieldset.job_info{
  width: 800px;
  border: 1px black solid;
  padding-bottom: 10px;
}

form.artworktask fieldset.hidden{
  display: none;
}
form.artworktask input.download_button,
form.artworktask input.approve_button,
form.artworktask input.reject_button{
  line-height: 44px;
  height: auto;
  font-size: 2em;
  padding-left: 4px;
  padding-right: 4px;
  border: 0;
}
/*form.artworktask input.download_button:active,
form.artworktask input.approve_button:active,
form.artworktask input.reject_button:active{
  background: url(../images/buttonActiveX2.png) repeat-x scroll left bottom #FFFFFF;;
}*/
form.artworktask input.download_button{
  width: 100px;
  height: 100px;
  text-align: center;
  white-space: normal;
  background: url(../images/Download-BTN-PNG.png) no-repeat;
  color: transparent;
  padding: 0 0 0 150px;
}
form.artworktask input.approve_button{
  width: 148px;
  height: 46px;
  background: url(../images/Approve-btn-PNG.png) no-repeat;
  color: transparent;
  padding: 0 0 0 150px;
}
form.artworktask input.reject_button{
  float: right;
  width: 148px;
  height: 46px;
  background: url(../images/Reject-Btn-PNG.png) no-repeat;
  color: transparent;
  padding: 0 0 0 150px;
}
form.artworktask fieldset.job_info h2,
form.artworktask div.task_instructions h2{
  background-color: #0673C7;
  color: white;
  display: block;
  padding: 3px;
  margin-top: 0;
  margin-bottom: 2px;
}
form.artworktask fieldset.job_info ol{
  padding-left: 4px;
  vertical-align: top;
}
form.artworktask fieldset.job_info ol li{
  display: inline-block;
  width: 395px;
  vertical-align: top;
}
form.artworktask fieldset.job_info ol li label{
  display: inline-block;
  text-align: left;
  width: 150px;
  vertical-align: top;
}
form.artworktask fieldset.job_info ol li:nth-child(even) label{
  width: 140px;
  padding-left: 10px;
}
form.artworktask fieldset.job_info ol li div{
  display: inline-block;
  width: 160px;
}

form.artworktask div.prev_inst{
  margin-top: 16px;
  width: 800px;
  vertical-align: top;
}

form.artworktask div.artwork_preview{
  border: 1px black solid;
  display: inline-block;
  vertical-align: top;
}

form.artworktask div.artwork_preview table tr td{
  border-top: 1px black solid;
  text-align: center;
  padding: 3px;
  font-size: 1.2em;
  width: 390px;
}
form.artworktask div.artwork_preview table tr:first-child td{
  border-top: 0;
  height: 390px;
  width: 390px;
  max-width: 390px;
  max-height: 390px;
  text-align: center;
  vertical-align: middle;
  padding: 0;
}
form.artworktask div.artwork_preview table tr:first-child td img{
  max-width: 390px;
  max-height: 390px;
  margin: 0;
  padding: 0;
  border: 0;
}

form.artworktask div.prev_inst{
  position: relative;
  white-space: nowrap;
}
form.artworktask div.prev_inst ol.download_button{
  position: absolute;
  left: 419px;
  bottom: -165px;
}

form.artworktask div.prev_inst ol,
form.artworktask div.prev_inst ol li{
  list-style: none;
  margin: 0;
  height: 270px;
}
form.artworktask div.prev_inst label{
  display: none;
}
form.artworktask div.prev_inst div.element{
  border: 0;
  margin: 0;
  padding: 5px;
}
form.artworktask div.task_instructions div.element div.frozentextarea{
  width: auto;
  border: 0;
}
form.artworktask div.task_instructions{
  width: 376px;
  height: 300px;
  display: inline-block;
  margin: 0;
  margin-left: 16px;
  border: 1px black solid;
  vertical-align: top;
  white-space: normal;
  overflow:auto;
}
form.artworktask div.task_instructions span.pd_comments_header{
  font-weight: bold;
}

form div.element .heir_sub_element{
  position: relative;
  left: -200px;
  margin-top: 5px;
}
form div.element .heir_sub_element label{
  margin-right: 20px;
}