/* CSS Document */

body {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;

}

body.standard {
	background: #BDCFD3 url(backgrounds/body_bg.gif) repeat-x;
}

body.simple {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	background: #BDCFD3 repeat-x;
}

body.home { background: none; }
body.details {
	margin-bottom: 20px;
	background: #BDCFD3 url(backgrounds/header_details_bg.gif) repeat-x
}
body.modal { margin-bottom: 20px; background: #BDCFD3; }

body.error {
	background: #FFF;
}

h1 {
	margin: 15px 0px;
	padding: 3px 0px 0px 5px;
	height: 24px;
	color: green;
	font-size: 14px;
	background: url(backgrounds/h1_bg.gif) no-repeat;
}

h3 {
	margin: 0px 0px 4px 0px;
	font-size: 12px;
	font-weight: bold;
}

h4 {
	margin: 5px 0px 0px 10px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

a { color: #000000; }

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
input.error { border-color: red; }

table { font-size: 12px; }

#container { margin: 0px auto; text-align: left; }
body.standard #container, body.details #container, body.error #container {
	position: relative;
	width: 770px;
}
body.modal #container { width: 720px; margin-left: 30px; }
body.error #container { height: 394px; background: #FFF url(backgrounds/body_bg_error.gif) no-repeat; }
body.error #container h1.title { position: absolute; top: 20px; left: 20px; width: 730px; height: 38px; text-align: center; padding: 0px; margin: 0px; line-height: 38px; background: none; color: #000; text-transform: uppercase; font-weight: normal; }
body.error #container table.message { position: absolute; top: 85px; left: 210px; width: 420px; height: 294px; vertical-align: middle; }

#header { background: #FFFFFF; }
body.standard #header { height: 100px; }
body.details #header {
	height: 60px;
}

body.details #header form {
	display: inline;
}

body.standard #header-logo {
	position: relative;
	top: 6px;
	left: 320px;
	width: 102px;
	height: 88px;
	background-image: url(backgrounds/header_logo_bg.gif);
}
body.details #header-logo {
	position: relative;
	top: 10px;
	left: 37px;
	width: 70px;
	height: 57px;
	background: url(backgrounds/header_popup_logo_bg.gif) no-repeat;
}

#header-logo span { display: none; }

body.standard #main { margin: 8px 17px 10px 16px; }
body.details #main { margin: 25px 36px 10px 34px; padding: 10px 0px 0px 0px; }
body.modal #main { margin: 10px 36px 10px 34px; padding: 10px 0px 0px 0px; }
body.simple #main { margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px;}

#footer {
	margin: 0px;
	padding: 10px 0px; 
	width: 100%; 
	background: #FFFFFF;
	text-align: center;
}


/* Menu Styles */

#menu-login {
	position: absolute;
	top: 20px;
	right: 10px;
	overflow: visible;
	font-size: 11px;
}

#menu-login p {
	display: inline;
	float: right;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	clear: both;
}

#menu-login ul {
	display: inline;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
#menu-login li { display: inline; margin: 0px 0px 0px 20px; }
#menu-login a { color: #333333; }

#menu-main {
	position: absolute;
	top: 70px;
	left: 10px;
	height: 30px;
}
#menu-main ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#menu-main li {
	float: left;
	margin: 0px;
}
#menu-main a, #menu-admin a {
	float: left;
	display: block;
	margin: 0px 1px;
	padding: 8px 0px 8px 10px;
	height: 15px;
	background: url(tabs/normal_left.gif) no-repeat left top;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
#menu-main a span, #menu-admin a span {
	padding: 8px 15px 8px 5px;
	background: url(tabs/normal_right.gif) no-repeat right top;
}
#menu-main a:hover, #menu-admin a:hover { background: url(tabs/rollover_left.gif) no-repeat left top; }
#menu-main a:hover span, #menu-admin a:hover span { background: url(tabs/rollover_right.gif) no-repeat right top; }

#menu-main .selected a, #menu-admin .selected a { color: #FFFFFF; background: url(tabs/selected_left.gif) no-repeat left top; }
#menu-main .selected a span, #menu-admin .selected a span { background: url(tabs/selected_right.gif) no-repeat right top; }

#menu-admin {
	position: absolute;
	top: 70px;
	right: 10px;
	height: 30px;
	overflow: hidden;
}
#menu-admin ul {
/*	float: right; NOTE: removed for FF1.5 */
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#menu-admin li {
	float: left;
	margin: 0px;
}

#menu-sub { 
	height: 27px;
	font-size: 11px;
}
#menu-sub ul {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	display: none;
	list-style: none;
}
#menu-sub ul.visible { display: block; }
#menu-sub li { display: inline; }
#menu-sub a {
	display: block;
	float: left;
	margin: 5px 4px 0px 4px;
	padding: 1px 2px 3px 6px;
	background: none;
	color: #005EB0;
	text-decoration: none;
	
}
#menu-sub a span { margin: 0px; padding: 1px 10px 3px 4px; background: none; }

#menu-sub .selected a  { background: url(submenu/selected_left.gif) no-repeat left; color: #FFFFFF; }
#menu-sub .selected a span { background: url(submenu/selected_right.gif) no-repeat right; }
#menu-sub a:hover  { background: url(submenu/rollover_left.gif) no-repeat left; color: #005EB0; }
#menu-sub a:hover span { background: url(submenu/rollover_right.gif) no-repeat right; }


#menu-third {
	margin: 0px 0px 8px -10px;
	padding: 0px 0px 0px 0px;
	width: 750px;
	height: 29px;
	list-style: none;
	font-size: 11px;
	background: url(backgrounds/menu_third_bg_wide.gif);
}

#menu-third li { display: inline; }
#menu-third a {
	display: block;
	float: left;
	margin: 5px 2px 4px 2px;
	padding: 2px 2px 2px 6px;
	height: 15px;
	background: none;
	color: #005EB0;
	text-decoration: none;
	
}
#menu-third a span { margin: 0px; padding: 1px 10px 3px 4px; background: none; }

#menu-third .selected a  { background: url(third/selected_left.gif) no-repeat left; color: #FFFFFF; }
#menu-third .selected a span { background: url(third/selected_right.gif) no-repeat right; }
#menu-third a:hover  { background: url(third/rollover_left.gif) no-repeat left; color: #005EB0; }
#menu-third a:hover span { background: url(third/rollover_right.gif) no-repeat right; }


/* Popup Styles */

.collapse-header {
	margin: 10px auto 0px auto;
	padding: 5px 0px 0px 40px;
	width: 660px;
	height: 19px;
	background: url(popups/expand_header_bg.gif) no-repeat;
	border-bottom: 1px solid #6B6B6B;
	cursor: pointer;
	color: #0E3B65;
	font-weight: bold;
}

.collapse-header-tall {
	margin: 10px auto 0px auto;
	padding: 5px 0px 0px 40px;
	width: 660px;
	height: 30px;
	background: url(popups/expand_plain_header_bg.gif) no-repeat;
	border-bottom: 1px solid #6B6B6B;
	cursor: pointer;
	color: #0E3B65;
	font-weight: bold;
}

.collapse-header-tall label {
	float:left;
	margin-top: 5px;
}

.nocollapse-header {
	margin: 10px auto 0px auto;
	padding: 8px 0px 0px 40px;
	width: 660px;
	height: 30px;
	background: url(popups/plain_header_bg.gif) no-repeat;
	border-bottom: 1px solid #6B6B6B;
	color: #0E3B65;
	font-weight: bold;
}

.nocollapse-header label {
	float:left;
	margin-top: 4px;
}

.nocollapse-header span {
	float: right;
	margin-right: 10px;
	background: transparent none !important;
}

.nocollapse-header form {
	display: inline;
}

.collapse-header.collapse {
	margin: 10px auto 0px auto;
	padding: 5px 0px 0px 40px;
	width: 660px;
	height: 19px;
	background: url(popups/collapse_header_bg.gif) no-repeat;
	border-bottom: 1px solid #6B6B6B;
	cursor: pointer;
	color: #0E3B65;
	font-weight: bold;
}

.collapse-header-tall.collapse2 {
	margin: 10px auto 0px auto;
	padding: 5px 0px 0px 40px;
	width: 660px;
	height: 30px;
	background: url(popups/collapse_plain_header_bg.gif) no-repeat;
	border-bottom: 1px solid #6B6B6B;
	cursor: pointer;
	color: #0E3B65;
	font-weight: bold;
}

.collapse-content {
	margin: 0px auto 10px auto;
	padding: 6px;
	width: 686px;
	background: #FFFFFF;
	border: 1px solid #6B6B6B;
	border-top: none;
}

.collapse-header-small {
  margin: 10px auto 0px auto;
  padding: 5px 0px 0px 40px;
  width: 400px;
  height: 19px;
  background: url(popups/collapse_header_bg.gif) no-repeat;
  border-bottom: 1px solid #6B6B6B;
  cursor: pointer;
  color: #0E3B65;
  font-weight: bold;
}

.collapse-content-small {
  margin: 0px auto 10px auto;
  padding: 6px;
  width: 400px;
  background: #FFFFFF;
  border: 1px solid #6B6B6B;
  border-top: none;
}

.hidden { display: none; }

#login {
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: transparent;
	text-align: center;
	margin-top: -50px;
	margin-left: -190px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 420px;
	height: 154px;
	visibility: visible;
	background: url(backgrounds/oc_productionControl.gif) no-repeat left;
}
.login-form {
	float: right;
	margin: 0px 0px 0px 0px;
	width: 245px;
	text-align: right;
}
#login label, #login input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 5px;
}
#login label {
	text-align: right;
	width: 75px;
	padding: 4px 10px 0px 0px;
}
#login input.textbox { border: 1px solid #000000; }
#login input.button-login {
	float: right;
	width: 75px;
	margin-right: 7px;
}


 


/* HEADER / FOOTER BAR STYLES STYLES */
.header-home {
	clear: both;
	margin: 0px auto;
	background: url(headers/homeHeader.gif) no-repeat left; color: #FFFFFF;
	height: 29px;
	width: 679px;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 0px 2px 20px; 
}

.header-content {	
	margin: 5px auto 0px auto;
	padding: 4px 0px 0px 10px; 
	height:22px;
	font-size : 14px;
	font-weight: bold;
	background: url(headers/contentHeader.gif) no-repeat left; color: #FFFFFF;
}
.header-content { 
  width:740px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:730px;
}
html>body .header-content {
  width:730px;
} 

.header-popup {
	margin: 0px auto;
	padding: 4px 0px 0px 10px; 
	width:689px;
	height:22px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background: url(headers/popupHeader.gif) no-repeat left;
}

.header-popup-large {
	margin: 0px auto;
	height: 30px;
	width:679px;
	font-size : 14px;
	font-weight: bold;
	padding:9px 0px 0px 20px; 
	background: url(headers/popupHeaderLarge.gif) no-repeat left; color: #FFFFFF;
}

.header-popup-small {
	margin: 0px auto;
	padding: 4px 0px 0px 10px;
	height: 20px;
	font-size : 14px;
	font-weight: bold;
	background: url(headers/popupHeaderLarge.gif) no-repeat left; color: #FFFFFF;
}

.header-popup-large .button { margin-right: 15px; }

.header-table {
	 background: url(headers/tableHeader.gif) no-repeat left; color: #004A9F;
	 height:25px;
	 width:676px;
	 font-size : 13pt;
	 font-weight: bold;
	 padding:5px 0px 0px 20px;   
}

.header-table-large {
	padding: 5px 10px;
	height: 20px;
	background: transparent url(headers/tableHeaderLarge.gif) top left no-repeat;
	color: #004A9F;
	font-size: 12px;
	font-weight: bold;
}

.header-table-large-tall {
  background: url(headers/tableHeaderLargeTall.gif) no-repeat left;
	height:80px;
	width:737px;
}


.header-table-large-tall-topRow {
  padding: 15px 15px 0px 10px; 
	height:15px;
	width:712px;
}

.header-table-large-tall-bottomRow {
  margin-top:25px !important; margin-top:20px; 
	padding: 0px 15px 0px 10px; 
	width:712px;
	font-size: 12px;
	font-weight: bold;
	color: #004A9F;
}

.header-table-large-tall-bottomRow span{   padding-left:15px; }
 
#asset-desc-profileName-upper{ padding-top:3px; }

#asset-desc-profileName-lower { padding: 3px 15px 10px 15px; }


.header-table-left {
	display: inline;
	float: left;
	padding-left: 25px;
}
.header-table-left div { display: inline; float: left; }
.header-table-left a.button { display: inline; float: left; margin-left: 10px; }
.header-input {
	padding-top: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.header-table-left.top { background: url(headers/tableHeader_downarrow.gif) bottom left no-repeat; }
.header-table-left.bottom { background: url(headers/tableHeader_uparrow.gif) top left no-repeat; }

 


.footer-table {
	 background: url(headers/tableFooter.gif) no-repeat left; color: #004A9F;
	 height:25px;
	 width:676px;
	 font-size: 13px;
	 font-weight: bold;
	 padding: 5px 0px 0px 20px; 
}

.footer-table-large {
	padding: 5px 10px;
	height: 20px;
	background: transparent url(headers/tableFooterLarge.gif) top left no-repeat;
	color: #004A9F;
	font-size: 12px;
	font-weight: bold;
}
/* END HEADER / FOOTER BAR STYLES */

table.table-list {
	width: 737px;
	font-size: 11px;
	border-left: 1px solid #214285;
	border-right: 1px solid #214285;
}
table.table-list th {
	padding: 4px 5px;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: left;
	font-weight: normal;
	background: #7A92BC;
	border-bottom: 1px solid #214285;
	border-left: 2px solid #A8BDE1;
}
table.table-list td { padding: 2px 5px; border-left: 2px solid #A8BDE1; }
table.table-list th.col-first,table.table-list td.col-first { border-left: none; }
table.table-list tr.odd td { background: #E9EEF7; }
table.table-list tr.even td { background: #F2F5FA; }

 
table.table-list th.col-first.checkbox { padding: 0px 5px; width:5%;}

table.table-list th.col-first.checkbox span{ 	position:relative; top:-3px; }
   
.bottom-border {
	border: 1px solid #000000;
	border-top: none;
	border-right: none;
	border-left: none;
}

.canvas {
	margin: 0px auto 15px auto;
	padding: 5px 0px 20px 0px;
	background: #FFFFFF;
	overflow: hidden;
	background: url(backgrounds/shadow.gif) bottom right;
}
.canvas.home { margin: 0px 0px 15px 19px; padding: 0px 0px 6px 0px; width: 701px; }
.canvas.content { width: 742px; }

.button {
	float: right;
	display: block;
	margin: 0px;
	padding: 3px 0px 5px 7px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

.button.action,.button.file,.button.copy, .button.preview { background: url(buttons/btn_green_left.gif) no-repeat left; }
.button.action span,.button.file span,.button.copy span,.button.preview span { padding: 3px 10px 5px 0px; background: url(buttons/btn_green_right.gif) no-repeat right; }

.button.choose-describe-type, .button.add-approver-process-note { margin: -5px 0px 0px 10px; background: url(buttons/btn_blue_left.gif) no-repeat left; text-transform: uppercase; }
.button.choose-describe-type span, .button.add-approver-process-note span { padding: 3px 10px 5px 0px; background: url(buttons/btn_blue_right.gif) no-repeat right; }

.button.import-xml { margin: -5px 0px 0px 10px; background: url(buttons/btn_blue_left.gif) no-repeat left; text-transform: uppercase; }
.button.import-xml span { padding: 3px 10px 5px 0px; background: url(buttons/btn_blue_right.gif) no-repeat right; }

.button.submitNewProfile { margin: -5px 0px 0px 10px; background: url(buttons/btn_blue_left.gif) no-repeat left; text-transform: uppercase; }
.button.submitNewProfile span { padding: 3px 10px 5px 0px; background: url(buttons/btn_blue_right.gif) no-repeat right; }

.button.edit { margin: -5px 0px 0px 10px; background: url(buttons/btn_blue_left.gif) no-repeat left; text-transform: uppercase; }
.button.edit span { padding: 3px 10px 5px 0px; background: url(buttons/btn_blue_right.gif) no-repeat right; color: #ffffff; }

.button.play-video { margin: -5px 0px 0px 10px; background: url(buttons/btn_blue_left.gif) no-repeat left; text-transform: uppercase; }
.button.play-video span { padding: 3px 10px 5px 0px; background: url(buttons/btn_blue_right.gif) no-repeat right; }


.button.submitStationMapping { margin: -5px 0px 0px 10px; background: url(buttons/btn_blue_left.gif) no-repeat left; text-transform: uppercase; }
.button.submitStationMapping span { padding: 3px 10px 5px 0px; background: url(buttons/btn_blue_right.gif) no-repeat right; }

.button.misc { margin: -5px 0px 0px 10px; background: url(buttons/btn_blue_left.gif) no-repeat left; text-transform: uppercase; }
.button.misc span { padding: 3px 10px 5px 0px; background: url(buttons/btn_blue_right.gif) no-repeat right; }

.button.submit,.button.cancel,.button.cancel-redirect,.button.cancel-redirect-withargs,.button.doconfirm, .button.cancelPopup, .button.closePopup { margin: -5px 0px 0px 10px; background: url(buttons/btn_blue_left.gif) no-repeat left; text-transform: uppercase; }
.button.doconfirm span,.button.cancel-redirect span,.button.cancel-redirect-withargs span,.button.submit span,.button.cancel span, .button.cancelPopup span, .button.closePopup span { padding: 3px 10px 5px 0px; background: url(buttons/btn_blue_right.gif) no-repeat right; }

.button.ocancel  { margin-left: 5px; background: url(buttons/btn_orange_left.gif) no-repeat left; }
.button.ocancel span { padding: 3px 10px 5px 0px; background: url(buttons/btn_orange_right.gif) no-repeat right; }

.button.list, .button.execute { margin-left: 5px; background: url(buttons/btn_orange_left.gif) no-repeat left; }
.button.list span, .button.execute span { padding: 3px 10px 5px 0px; background: url(buttons/btn_orange_right.gif) no-repeat right; }

.button.browse { float: left; margin-left: 5px; }
.button.search { margin-top: 0px; }
.button.copy { margin-top: 0px; }
.button.preview { margin-top: -5px; margin-left: 5px; }

.button.deactivate{  background: url(buttons/btn_blue_left.gif) no-repeat left;  }
.button.deactivate span { padding: 3px 10px 5px 0px; background: url(buttons/btn_blue_right.gif) no-repeat right; }

.button.loader {
	width: 16px;
	height: 16px;
	cursor: wait;
	background: url(buttons/ajax-loader.gif) no-repeat center;
}

.button.action-process{ 
 	padding: 5px 0px 5px 28px;
	/*padding: 4px 0px 5px 28px;*/
	background: url(buttons/btn_processAction_left.gif) no-repeat top left;  }
		
.button.action-process span { 
	padding: 5px 10px 5px 2px;
		/*padding: 4px 10px 5px 2px;*/
	background: url(buttons/btn_processAction_right.gif) no-repeat top right;
}

.button.action-process-over{ 
	 	padding: 5px 0px 5px 28px;
		background: url(buttons/btn_processAction_left.gif) no-repeat bottom left;
}
		
.button.action-process-over span { 
   padding: 5px 10px 5px 2px;
   background: url(buttons/btn_processAction_right.gif) no-repeat bottom right;
}
 
 
.button.search{   
	padding: 5px 0px 5px 28px;
	background: url(buttons/btn_search_left.gif) no-repeat top left;
}
.button.search span { 
	 padding: 5px 10px 5px 2px;
	 background: url(buttons/btn_search_right.gif) no-repeat top right;
}

.button.search-over{   
	padding: 5px 0px 5px 28px;
	background: url(buttons/btn_search_left.gif) no-repeat bottom left;
}
.button.search-over span { 
	 padding: 5px 10px 5px 2px;
	 background: url(buttons/btn_search_right.gif) no-repeat bottom right;
}



.button.remove {   
	margin: -5px 0px 0px 10px;
	padding: 2px 0px 5px 24px;
	background: url(buttons/btn_blue_rightDelete.gif) no-repeat top left;
}
.button.remove span { 

	 padding: 2px 10px 5px 2px;
	 background: url(buttons/btn_blue_right.gif) no-repeat top right;
}



.button.submit-left { float: left; margin: -5px 0px 0px 10px; background: url(buttons/btn_blue_left.gif) no-repeat left; text-transform: uppercase; }
.button.submit-left span { padding: 3px 10px 5px 0px; background: url(buttons/btn_blue_right.gif) no-repeat right; }

.button-auto {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

.button-auto.on {  
	padding: 5px 12px 5px 23px !important; 
	padding: 0px 12px 5px 23px;
 	background: url(buttons/btn_autoOn_left.gif) 0px 0px no-repeat; }
.button-auto.on span {   
	padding: 5px 27px 5px 0px !important; 
	padding: 3px 0px 8px 0px;
 	background: url(buttons/btn_autoOn_right.gif) no-repeat; }
 	
.button-auto.onstatic {  
	cursor: default;
	padding: 5px 12px 5px 23px !important; 
	padding: 0px 12px 5px 23px;
 	background: url(buttons/btn_autoOn_left.gif) 0px 0px no-repeat; }
.button-auto.onstatic span { 
	padding: 5px 27px 5px 0px !important; 
	padding: 3px 0px 8px 0px;
 	background: url(buttons/btn_autoOn_right.gif) no-repeat; }

.button-auto.on:hover { background: url(buttons/btn_autoOn_left.gif) no-repeat 0px -23px; }
.button-auto.on:hover span { background: url(buttons/btn_autoOn_right.gif) no-repeat 0px -23px; }

.button-auto.off {   
	padding: 5px 12px 5px 23px !important; padding: 0px 12px 5px 23px;
	background: url(buttons/btn_autoOff_left.gif) no-repeat; 
}
.button-auto.off span {  
	padding: 5px 27px 5px 0px !important; padding: 3px 0px 8px 0px;
	background: url(buttons/btn_autoOff_right.gif) no-repeat; 
}

.button-auto.offstatic {   
	cursor: default;
	padding: 5px 12px 5px 23px !important; padding: 0px 12px 5px 23px;
	background: url(buttons/btn_autoOff_left.gif) no-repeat; 
}
.button-auto.offstatic span {  
	padding: 5px 27px 5px 0px !important; padding: 3px 0px 8px 0px;
	background: url(buttons/btn_autoOff_right.gif) no-repeat; 
}

.button-auto.off:hover { 
	background: url(buttons/btn_autoOff_left.gif) no-repeat 0px -23px; 
}
.button-auto.off:hover span { 
	background: url(buttons/btn_autoOff_right.gif) no-repeat 0px -23px; 
}

table.automation-table td{
	padding:3px 0px;
	height:21px;	
}

#browseDir { float: left; width: 250px; }

#submit-hide, #submit-left-hide,#list-hide,#search-hide,#edit-hide,#cancel-hide, #copy-hide, #create-stream, #execute-hide,#password-hide,#detailshide, #submit-preview { display: none; }

.process-header {
	margin: 0px;
	padding: 0px;
	width: 695px;
	height: 30px;
	background: url(process/header_bg.gif) no-repeat;
}

.process-header div {
	padding: 10px 0px 0px 4px;
}

.process-header ul {
	margin: 0px auto;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
}

.process-header li {
	color: #5D9C46;
	text-align: center;
	display: block;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 98px;
	list-style: none;
	font-weight: bold;
}

.process-header li.source { 
	text-align: center;
	color: #5D9C46;
	padding: 5px 0px; 
	width: 98px;
	border: none; 
}

.process-header li.catalog { 
	text-align: center;
	color: #5D9C46;
	padding: 5px 0px; 
	width: 93px;
	border: none;
}

.process-ctrl-name {
	color: white;
	clear: both;
	float: left;
	width: 400px;
	padding: 7px 0px 0px 0px;
	font-weight: bold;
}

.process-ctrl-data {
	display: inline;
	float: right;
	margin: 3px 5px 0px 0px;
	padding: 15px 0px 15px 0px;
	width: 697px;
	overflow: hidden;
	background: url(process/row_bg.jpg);
}

.process-ctrl-data div {
	float: left;
	padding: 0px;
	width: 50px;
	height: 50px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

.process-ctrl-data .symbol-auto-space-begin { 
	width: 73px;
}

.process-ctrl-data .symbol-auto-space-end { 
	width: 23px;
}

.process-ctrl-data .symbol-manual-space { 
	width: 73px;
}

.process-ctrl-data .symbol-complete { background: url(process/symbol_asset.gif) no-repeat; }
.process-ctrl-data .symbol-asset-multi { background: url(process/symbol_asset_multi.gif) no-repeat; }
.process-ctrl-data .symbol-error { background: url(process/symbol_error.gif) no-repeat; }
.process-ctrl-data .symbol-progress { background: url(process/symbol_progress.gif); color: #000000; }
.process-ctrl-data .symbol-pending { background: url(process/symbol_pending.gif) no-repeat; }
.process-ctrl-data .symbol-complete-bg {
	padding: 17px 0px 0px 0px; width: 50px; height: 33px;
	background: url(process/symbol_asset_bg.gif) no-repeat; color: #000000;
}
.process-ctrl-data .symbol-complete-nolink {
	padding: 17px 0px 0px 0px; width: 50px; height: 33px;
	background: url(process/symbol_asset.gif) no-repeat; 
}

.process-ctrl-data .symbol-progress-nolink { 
	padding: 17px 0px 0px 0px; width: 50px; height: 33px;
	background: url(process/symbol_progress.gif); color: #000000; 
}

.process-ctrl-data .symbol-error-nolink { 
	padding: 17px 0px 0px 0px; width: 50px; height: 33px;
	background: url(process/symbol_error.gif) no-repeat; 
}

.process-ctrl-data .symbol-pending-nolink { 
	padding: 17px 0px 0px 0px; width: 50px; height: 33px;
	background: url(process/symbol_pending.gif) no-repeat; 
}

.process-ctrl-data .arrow-corner-bottom { background: url(process/arrow_corner_bottom.gif) no-repeat; }
.process-ctrl-data .arrow-corner-top { background: url(process/arrow_corner_top.gif) no-repeat; }
.process-ctrl-data .arrow-join { background: url(process/arrow_join.gif) no-repeat; }
.process-ctrl-data .arrow-join-double { background: url(process/arrow_join_double.gif) no-repeat; }
.process-ctrl-data .arrow-split-bottom { background: url(process/arrow_split_bottom.gif) no-repeat; }
.process-ctrl-data .arrow-split-top { background: url(process/arrow_split_top.gif) no-repeat; }
.process-ctrl-data .arrow-straight { background: url(process/arrow_straight.gif) no-repeat; }
.process-ctrl-data .arrow-straight-double { background: url(process/arrow_straight_double.gif) no-repeat; }

.process-ctrl-data .line-corner-bl { background: url(process/line_corner_bl.gif) no-repeat; }
.process-ctrl-data .line-corner-br { background: url(process/line_corner_br.gif) no-repeat; }
.process-ctrl-data .line-corner-tl { background: url(process/line_corner_tl.gif) no-repeat; }
.process-ctrl-data .line-corner-tr { background: url(process/line_corner_tr.gif) no-repeat; }
.process-ctrl-data .line-join-double { background: url(process/line_join_double.gif) no-repeat; }
.process-ctrl-data .line-split { background: url(process/line_split.gif) no-repeat; }
.process-ctrl-data .line-split-double { background: url(process/line_split_double.gif) no-repeat; }
.process-ctrl-data .line-straight { background: url(process/line_straight.gif) no-repeat; }
.process-ctrl-data .line-vertical { background: url(process/line_vertical.gif) no-repeat; }

.process-ctrl-data a { margin: 4px 5px 6px 4px; display: block;  color: #FFFFFF; text-decoration: none; }
.process-ctrl-data .symbol-complete a { padding: 12px 0px 0px 0px; width: 41px; height: 28px; }
.process-ctrl-data .symbol-error a { padding: 16px 0px 0px 0px; width: 41px; height: 24px; }
.process-ctrl-data .symbol-progress a { padding: 13px 0px 0px 0px; width: 41px; height: 27px; color: #000000; }
.process-ctrl-data .symbol-pending a { padding: 13px 0px 0px 0px; width: 41px; height: 27px; }

.process-ctrl-data .symbol-complete a:hover { background: url(process/symbol_asset.gif) no-repeat -4px -54px; }
.process-ctrl-data .symbol-error a:hover { background: url(process/symbol_error.gif) no-repeat -4px -54px; }
.process-ctrl-data .symbol-progress a:hover { background: url(process/symbol_progress.gif) no-repeat -4px -54px; }
.process-ctrl-data .symbol-pending a:hover { background: url(process/symbol_pending.gif) no-repeat -4px -54px; }

.pane-durable {
	display: inline;
	float: left;
	margin: 5px 0px 5px 15px;
	width: 283px;
	overflow: hidden;
}

.pane-small {
	display: inline;
	float: left;
	margin: 5px 0px 5px 15px;
	width: 303px;
	overflow: hidden;
}
.pane-small.right { margin: 5px 0px; }

.pane-medium {
	display: inline;
	float: left;
	margin: 5px 0px 5px 15px;
	width: 331px;
	overflow: hidden;
}

.pane-medium.right { margin: 5px 0px; }

.pane-controls {
	float: left;
	margin: 29px 0px 0px 0px;
	width: 45px;
	height: 135px;
	cursor: pointer;
}
.pane-title { margin: 5px 20px 0px 15px; font-weight: bold; }
.pane-content {
	margin: 5px 20px 0px 15px;
	padding: 5px 8px 2px 8px;
	background: #E9EEF7;
	border: 1px solid #224185;
}

.pane-header {
	position: absolute;
	top: 26px;
	left: 130px;
	width: 528px;
	height: 54px;
	
	padding: 0px;
	background: #E9EEF7;
	border: 1px solid #224185;
	border-bottom: none;

	display: inline;
}

.pane-header h3 {
	margin: 5px;
}

.pane-header .pane-menu {
	margin: 5px;
	padding: 0px;
	padding-top: 9px;
}

.pane-menu-right {
	margin: 30px 10px 0px 0px;
}

.pane-header .pane-menu .button.edit .button.import .button.play-video{
	float: left !important;
}

.pane-header .pane-menu .button.remove .button.update .button.cancel  {
	float: right !important;
}

.pane-header-right {
	position: absolute;
	top: 55px;
	left: 655px;
	width: 50px;
	height: 20px;
	
	padding: 5px;

	display: inline;
}

.paneProcessSearch {
	display: inline;
	float: left;
	margin: 5px 15px 15px 19px;
	padding: 5px 8px 2px 15px;
	width: 393px;
	height: 130px;
	background: #E9EEF7;
	border: 1px solid #224185;
}
.paneProcessSearch label {
	clear: both;
	float: left;
	margin-top: 10px;
	padding-top: 3px;
	width: 115px;
}
.paneProcessSearch input, .paneProcessSearch select {
	float: left;
	margin-top: 10px;
}
.paneProcessSearch #name { width: 262px; }
.paneProcessSearch .search { position: relative; top: 43px; right: 8px; }

.paneProcessLegend {
	float: left;
	margin: 5px 0px 15px 0px;
	padding: 5px 8px 2px 8px;
	width: 247px;
	height: 130px;
	background: #E9EEF7;
	border: 1px solid #224185;
}
.paneProcessLegend ul { margin: 8px 0px 0px 40px; padding: 0px; }
.paneProcessLegend li { padding: 5px 0px 5px 28px; font-weight: bold; list-style: none; }
.paneProcessLegend #legend-complete { background: url(process/legend_complete.gif) no-repeat left; }
.paneProcessLegend #legend-error { background: url(process/legend_error.gif) no-repeat left; }
.paneProcessLegend #legend-progress { background: url(process/legend_progress.gif) no-repeat left; }
.paneProcessLegend #legend-pending { background: url(process/legend_pending.gif) no-repeat left; }

.pane-content-nobox {
	margin: 5px 20px 0px 15px;
	padding: 5px 8px 2px 8px;
}


.listbox-header {
	height: 24px;
}
.listbox-header h3 { float: left; margin-top: 4px; }
.listbox {
	position: relative;
	float: left;
	width: 329px;
	height: 135px;
	font-size: 11px;
	overflow: auto;
	background: url(backgrounds/listbox_bg.gif) scroll;
	border: 1px solid #224185;
}

.progressbox {
	position: relative;
	width: 695px;
	height: 97px;
	font-size: 11px;
	overflow: auto;
	background: url(backgrounds/listbox_bg.gif) scroll;
	border: 1px solid #224185;
}

.listbox .listbox-item { height: 19px; }
.listbox .listbox-item div { padding: 3px 5px; }
.listbox .listbox-label { float: left; width: 280px; cursor: pointer; overflow: hidden; }
.listbox .listbox-value { display: none; }
.listbox .listbox-link {
	float: right;
	width: 13px;
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
}

.listbox .listbox-item a.listbox-link {
	margin-top: 2px;
	margin-right: 2px;
	width: 14px;
	height: 15px;
	background: url(buttons/btn_info.gif) no-repeat;
	text-decoration: none;
}

.listbox .listbox-item a.listbox-link:hover {
	background: url(buttons/btn_info-o.gif) no-repeat;
}

.listbox .listbox-item div.listbox-link a {
	margin-top: 2px;
	margin-right: 2px;
	width: 14px;
	height: 15px;
	background: url(buttons/btn_info.gif) no-repeat;
	text-decoration: none;
}

.listbox .listbox-item div.listbox-link a:hover {
	background: url(buttons/btn_info-o.gif) no-repeat;
}

.table-list div.listbox-link {
	text-decoration: underline;
	cursor: pointer;
}

.listbox .listbox-item a:hover {  color: #000000; }
.listbox .listbox-item.selected { background: #005CAE; }
.listbox .listbox-item.selected div { color: #FFFFFF; }
.listbox .listbox-item.selected a { color: #FFFFFF; }

.listbox-add {
	height: 58px;
	background: url(buttons/listbox_add_new.gif) no-repeat top left;
	margin-left:2px;
}
.listbox-add-over {
	height: 58px;
	background: url(buttons/listbox_add_new.gif) no-repeat bottom left;
	margin-left:2px;
}

.listbox-remove {
	height: 58px;
	background: url(buttons/listbox_remove_new.gif) no-repeat top right;
	margin:19px 2px 0px 0px;
}

.listbox-remove-over {
	height: 58px;
	background: url(buttons/listbox_remove_new.gif) no-repeat bottom right;
	margin:19px 2px 0px 0px;
}

.listbox.automation { width: 300px; }
.listbox.automation .listbox-label-automation { float: left; width: 200px; cursor: pointer; overflow: hidden; }

.listbox.durable { width: 280px; }
.listbox.durable .listbox-label-durable { float: left; width: 180px; cursor: pointer; overflow: hidden; }


#selAssets.hide, #selProfiles.hide, #selContents.hide, #selectedContents.hide, #selectedProfiles.hide, #selectedCatalogProfiles.hide, #selectedEncodeProfiles.hide, #selectedDistributeProfiles.hide { display: none; }

#tabs-automation {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 30px;
	overflow: auto;
	list-style: none;
}

#tabs-automation li {
	display: inline;
	float: left;
	margin: 0px 2px 0px 0px;
	padding: 0px;
	width: 112px;
	height: 30px;
	color: #0249A1;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	background: url(tabs/wizard_tabs.gif);
}

#tabs-automation li div {
	margin-top: 7px;
}

.tab h1 {
	float: left;
	margin: -2px 5px 0px 0px;
	padding: 3px 0px 0px 0px;
	width: 21px;
	height: 18px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background: url(tabs/wizard_num.gif);
}

#panes-automation {
	clear: both;
	padding: 6px;
	background: #FFFFFF;
	border: 1px solid blue;
	width: 687px; 
	height: 220px; 
	vertical-align: top;	
}
#panes-automation .pane {
	display: none;
}
#panes-automation div.hide {  }

#wizard-automation.autoingest #tab-autoingest { background: url(tabs/wizard_tabs.gif) 0px -30px; }
#wizard-automation.autodescribe #tab-autodescribe { background: url(tabs/wizard_tabs.gif) 0px -30px; }
#wizard-automation.autoencode #tab-autoencode { background: url(tabs/wizard_tabs.gif) 0px -30px; }
#wizard-automation.autoencrypt #tab-autoencrypt { background: url(tabs/wizard_tabs.gif) 0px -30px; }
#wizard-automation.autodistribute #tab-autodistribute { background: url(tabs/wizard_tabs.gif) 0px -30px; }
#wizard-automation.autocatalog #tab-autocatalog { background: url(tabs/wizard_tabs.gif) 0px -30px; }

#wizard-automation.autoingest #pane-autoingest { display: block; }
#wizard-automation.autodescribe #pane-autodescribe { display: block; }
#wizard-automation.autoencode #pane-autoencode { display: block; }
#wizard-automation.autoencrypt #pane-autoencrypt { display: block; }
#wizard-automation.autodistribute #pane-autodistribute { display: block; }
#wizard-automation.autocatalog #pane-autocatalog { display: block; }

.progress { position: relative; height: 11px; background: url(backgrounds/progress_bar.gif) no-repeat; }
.progress-bg { margin: 0px auto; padding: 1px; width: 109px; background: url(backgrounds/progress_bar_bg.gif) no-repeat; }

.output-dir { margin-top: -5px; }

label { float: left; }
rightLabel { white-space: nowrap; }

.calendar-input { width: 80px; float: left; }
.calendar-input-time { width: 160px; float: left; }
.calendar-link {
	float: left;
	margin-left: 4px;
	width: 19px;
	height: 19px;
	cursor: pointer;
	background: url(buttons/btn_calendar.gif) no-repeat;
}

#status {
	width: 680px;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	font-size: 10px;
	text-align: center;
	overflow: hidden;
	line-height: 18px;
}
#status-msg {
	padding: 4px 0px 4px 5px;
}
#status-msg span { padding: 4px 10px 4px 5px;}

#status .message { background: #ffff33 url(backgrounds/status_left.gif) no-repeat left; }
#status .message span { background: #ffff33 url(backgrounds/status_right.gif) no-repeat right; }

#status .error { background: #ff0000 url(backgrounds/error_left.gif) no-repeat left; }
#status .error span { background: #ff0000 url(backgrounds/error_right.gif) no-repeat right; color: #FFFFFF; font-weight: bold;}

table.paneSearch { margin: 0px auto; padding: 0px; }
table.paneSearch td { padding: 3px 0px; }
table.paneSearch label { padding-top: 2px; }

.paneSearchButton { 
		width:500px;
  		margin: 15px 20px 0px 0px !important; margin: 15px 10px 0px 0px;
		float:right;
}
 

#pane-browseLowerDir { 
	clear:both;
	float:right;
	width: 540px;
	margin:20px 20px 0px 0px !important; margin: 0px 10px 0px 0px;
}


.content-simple { margin: 0px auto; padding: 0px 10px 0px 10px; }


#upperForm { margin: 0px; padding: 0px; }

#form-wmservices { padding-top: 20px; }
#form-wmservices label { float: left; padding: 5px 20px 5px 50px; width: 150px; }
#form-wmservices input { float: left; width: 400px; }
#form-wmservices br { clear: left; }

#form-creditcardConfig { padding-top: 20px; }
#form-creditcardConfig label { float: left; padding: 5px 20px 5px 50px; width: 150px; }
#form-creditcardConfig input { float: left; width: 400px; }
#form-creditcardConfig br { clear: left; }

#form-automationEmailConfig { padding-top: 20px; }
#form-automationEmailConfig label { float: left; padding: 5px 20px 5px 50px; width: 150px; }
#form-automationEmailConfig input { float: left; width: 400px; }
#form-automationEmailConfig br { clear: left; }

#form-defaultConfig { padding-top: 20px; }
#form-defaultConfig label { float: left; padding: 5px 20px 5px 50px; width: 150px; }
#form-defaultConfig input { float: left; width: 400px; }
#form-defaultConfig br { clear: left; }

#form-productize #contentName,#form-productize #contentDescription { margin: 5px 20px 5px 10px; width: 220px; }

#form-autorization { margin: 0px auto 5px auto; padding: 6px; width: 686px; }

/* Icons */

.icon-active {
	display: block;
	margin: 2px 0px 2px 0px;
	float: right;
	width: 13px;
	height: 13px;
	background: url(icons/active.gif) no-repeat;
}
.icon-active:hover { background: url(icons/active.gif) no-repeat 0px -13px; }
.icon-active span { display: none; }

.icon-inactive {
	display: block;
	margin: 2px 0px 2px 0px;
	float: right;
	width: 13px;
	height: 13px;
	background: url(icons/inactive.gif) no-repeat;
}
.icon-inactive:hover { background: url(icons/inactive.gif) no-repeat 0px -13px; }
.icon-inactive span { display: none; }

.icon-delete {
	cursor: pointer;
	display: block;
	margin: 2px 0px 2px 0px;
	float: right;
	width: 13px;
	height: 13px;
	background: url(icons/delete.gif) no-repeat;
}
.icon-delete:hover { background: url(icons/delete.gif) no-repeat 0px -13px; }
.icon-delete span { display: none; }

.icon-ok {
	display: block;
	width: 13px;
	height: 13px;
	background: url(icons/ok.gif) no-repeat;
}
.icon-ok span { display: none; }
.icon-process { display: block;	float: left; width: 56px; height: 20px; margin-top:-2px;} 
.icon-process.describe{ 	 background: url(icons/icon_processDescribe.gif)  no-repeat; }
.icon-process.makeProduct{ background: url(icons/icon_processMakeProduct.gif)  no-repeat; }
.icon-process.makePackage{ background: url(icons/icon_processMakePackage.gif)  no-repeat; }
.icon-process.ingest{ background: url(icons/icon_processIngest.gif)  no-repeat; }
.icon-process.encrypt{  background: url(icons/icon_processEncrypt.gif)  no-repeat; }
.icon-process.encode{ background: url(icons/icon_processEncode.gif)  no-repeat; }
.icon-process.distribute{ background: url(icons/icon_processDistribute.gif)  no-repeat; }

#searchAdminCatalogForm { width: 200px; }

form select.durable {
	width: 230px;
}

form select.durable-narrow {
	width: 105px;
}

.durableLSDate { width: 140px; float: left; }
.durableLSTZ { width: 100px; float: left; }
.calendar-link.durableIcon { margin-right: 6px; }

#licenseBeginDate, #licenseEndDate {
	visibility: hidden;
}

.delete-item {
	cursor: pointer;
	text-decoration: underline;	
}

.item-status {
	visibility: hidden;
	list-style: url("process/legend_error.gif");
	float: right;
}