:root { overflow-y:scroll }

* { margin:0; padding:0; }

html { width:100%; }

body {
	font-family:arial,sans-serif;
}

body.loggedout,
body.expired,
body.login {
	background:#5a6570 url('../images/bgGrad.jpg') repeat-x 0px 0px;
}

body.portal {
	background:#FBFAFB url(../images/headerBG.png) repeat-x 0px 0px;

}

a {
	border:0;
	color: #2279B8;
	text-decoration:none;
	outline:0;
}

a.disabledlink,
a.disabledlink:hover,
a.disabledlink:visited {
	color:#666666;
	cursor:default;
}

p {
	font-size:12pt;
	color:#666666;
}

#dMain p {
	padding-left:10px;
}

p.tableLoading {
	padding:10px;
}

p.jswarning {
	padding:10px;
	width:600px;
	background-color:goldenrod;
	color:#990000;
	margin:0px auto;
}

h1 {
	color:#000000;
	font-size:20px;
}

h2 {
	color:#69747C;
	font-size:28px;
}

h3 {
	font-weight:normal;
	font-size:20px;
	margin-bottom:20px;
}

.link{
	text-decoration:underline;
}
.link:hover{
	text-decoration:none;
}

form {
	overflow:auto;
}

form div.field {
	position:relative;
}

form input {
	color:#454545;
	font-size:11pt;
}

form input::-ms-clear {
	display:none !important;
}


form label {
	color:#999999;
	font-size:11pt;
}

form input.floatinput,
form label.floatlabel {
	float:right;
}

form label.floatlabel {
	position:relative;
	top:3px;
	left:6px;
}

form span.req {
	color:#990000;
	position:relative;
	left:2px;
	top:2px;
	font-size:9pt;
}

form label.smartlabel {
	display:block;
	position:absolute;
	height:8px;
	overflow:visible;
	top:10px;
	left:6px;
	z-index:10;
	cursor:text;
}

form label.smartlabel.searchbox {
	left:22px;
}

#aeform label.smartlabel {
	left:12px;
}

#aeform div.ajaxLoading {
	position:relative;
	right:6px;
}

form label.invalid {
	color:#660000;
	font-size:11px;
	display:block;
}

form input {
	width:238px;
	border:1px solid #A1A1A1;
	padding:4px 6px;
	border-radius:3px;
	margin:4px 0px;
}

form input[type=checkbox],
form input[type=radio] {
	width:auto;
}

textarea {
	resize:none;
}

form span.searchBtn button{

}

.buttonLink,
form .formButtons button.cancelBtn,
button.uploadBtn, button.genericButton,
button.cancelButton, input.cancelButton,
button.editAccountBtn,
button.changePasswordtBtn,
button.resetUserConfigsBtn,
button.lbCancel,
#ssCancel,
a#asperaLink,
#emailCancel,
#ratingCancel,
#approveCampaign,
#cancelCampaign,
#campaignQuickEdit.submitButton,
#addOrderButton.submitButton,
#addPackageButton.submitButton{
	font: 12px/20px arial, sans-serif;
	min-height:13px;
	cursor:pointer;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	color: #1e354c;
	text-shadow: 0 1px 0 #fff;
	margin-left: 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0px 20px;
	border: 1px solid #bbc1c6;
	background: #fefefe;
	background: -moz-linear-gradient(top, #fefefe 0%, #e3e6e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e3e6e8));
	background: -webkit-linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
	background: -o-linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
	background: -ms-linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
	background: linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
	box-shadow: 0 0 2px rgba(0,0,0,0.1);
	cursor:pointer;
}

a.buttonLink:hover,
a.buttonLink:visited,
form .formButtons button.cancelBtn:hover,
button.uploadBtn:hover, button.genericButton:hover,
button.cancelButton:hover, input.cancelButon:hover,
button.editAccountBtn:hover,
button.changePasswordtBtn:hover,
button.resetUserConfigsBtn:hover,
button.lbCancel:hover,
#ssCancel:hover,
a#asperaLink:hover,
#emailCancel:hover,
#ratingCancel:hover,
#ratingCancelCampaign:hover,
#campaignQuickEdit.submitButton:hover,
#addOrderButton.submitButton:hover,
#addPackageButton.submitButton:hover{
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 0%, #d5dbe0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#d5dbe0));
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#d5dbe0 100%);
	background: -o-linear-gradient(top, #f5f5f5 0%,#d5dbe0 100%);
	background: -ms-linear-gradient(top, #f5f5f5 0%,#d5dbe0 100%);
	background: linear-gradient(top, #f5f5f5 0%,#d5dbe0 100%);
	text-decoration: none;
}

a.buttonLink:active,
form .formButtons button.cancelBtn:active,
button.uploadBtn:active, button.genericButton:active,
button.cancelButton:active, input.cancelButton:active,
button.editAccountBtn:active,
button.changePasswordtBtn:active,
button.resetUserConfigsBtn:active,
button.lbCancel:active,
#ssCancel:active,
a#asperaLink:active,
#emailCancel:active,
#ratingCancel:active,
#ratingCancelCampaign:hover,
#campaignQuickEdit.submitButton:hover,
#addOrderButton.submitButton:active,
#addPackageButton.submitButton:active{
	text-shadow: 0 1px 0 #fff;
	background: #cdd3d7;
	background: -moz-linear-gradient(top, #cdd3d7 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdd3d7), color-stop(100%,#ececec));
	background: -webkit-linear-gradient(top, #cdd3d7 0%,#ececec 100%);
	background: -o-linear-gradient(top, #cdd3d7 0%,#ececec 100%);
	background: -ms-linear-gradient(top, #cdd3d7 0%,#ececec 100%);
	background: linear-gradient(top, #cdd3d7 0%,#ececec 100%);
}

input.disabled,
button.disabled,
a.disabled,
input.disabled:hover,
button.disabled:hover,
a.disabled:hover,
input.disabled:active,
button.disabled:active,
a.disabled:active {
	background: #fefefe;
	background: -moz-linear-gradient(top, #fefefe 0%, #e3e6e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e3e6e8));
	background: -webkit-linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
	background: -o-linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
	background: -ms-linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
	background: linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
	cursor:default;
}

.uploadBtnWrapper {
	padding:6px 2px 6px 22px;
	width:104px;
	background-image:url(/images/iconmap.png);
	background-repeat:no-repeat;
	background-position: 0px -860px;
}

.uploadButton.uploadBtn{
	padding:5px 10px 5px 0px;
}

.editPageSection .submit{
	 text-transform: capitalize;
}

/*
.uploadButton.uploadBtn{
	padding:5px 10px 5px 0px;
	float:right;
}

.asperaLinkWrapper:after{
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*/
#upSearchNum{
	margin-top:7px;
}

#upOrdNum{
	width:320px;
}

ul {
	list-style:none;
}

.floatleft {
	float:left;
}

.clearfloat {
	clear:both;
}

.igroup {
	/*padding-left:20px !important;*/
	background:url(../images/iconmap.png) no-repeat 0px -500px;
	overflow:hidden;
}

.iorder {
	/*padding-left:20px !important;*/
	background:url(../images/iconmap.png) no-repeat 0px -60px;
	overflow:hidden;
}
.icampaign {
	/*padding-left:20px !important;*/
	background:url(../images/iconmap.png) no-repeat 0px -80px;
	overflow:hidden;
}
.icustomer {
	/*padding-left:20px !important;*/
	background:url(../images/iconmap.png) no-repeat 0px -100px;
	overflow:hidden;
}
.iadd {
	/*padding-left:22px !important;*/
	background:url(../images/iconmap.png) no-repeat 0px -120px;
	overflow:hidden;
}
.savesearch .iadd {
	padding-left:18px !important;
	background:url(../images/iconmap.png) no-repeat -3px -807px;
	overflow:hidden;
}

.iattach {
	/*padding-left:20px !important;*/
	background:url(../images/iconmap.png) no-repeat 0px -140px;
	overflow:hidden;
}

.isavedsearch {
	padding-left:22px !important;
	background:url(../images/iconmap.png) no-repeat 0px -160px;
	overflow:hidden;
}

.iupload {
	/*padding-left:20px !important;*/
	background:url(../images/iconmap.png) no-repeat 0px -600px;
	overflow:hidden;
}


.icheck_large {
	padding-left:30px !important;
	background:url(../images/iconmap.png) no-repeat 0px -180px;
	overflow:hidden;
	font:bold 21px arial !important;
}

.iorder_large {
	/*padding-left:30px !important;*/
	/*background:url(../images/iconmap.png) no-repeat 0px -210px;*/
	overflow:hidden;
}

.icampaign_large {
	/*padding-left:30px !important;*/
	/*background:url(../images/iconmap.png) no-repeat 0px -240px;*/
	overflow:hidden;
}

.icustomer_large {
	/*padding-left:30px !important;*/
	/*background:url(../images/iconmap.png) no-repeat 0px -270px;*/
	overflow:hidden;
}

.isavedsearch_large {
	/*padding-left:30px !important;*/
	/*background:url(../images/iconmap.png) no-repeat 0px -300px;*/
	overflow:hidden;
}

.inotices_large {
	padding-left:30px !important;
	background:url(../images/iconmap.png) no-repeat 0px -330px;
	overflow:hidden;
}


.customize-link {
	float:right;
}

div#flashNotice {
	width:880px;
	padding:10px;
	background-color:gold;
	color:#990000;
	border-radius:4px;
	font-size:10pt;
	margin:0px auto 20px;
	max-width:900px;
}

/* this one for login style interfaces */
#aelogin div#flashNotice {
	width:auto;
}

div#flashNotice.success {
	color:#009900;
	background-color:#FFFFFF;
}

div#flashNotice.notice {
	color:#666666;
}

div#flashNotice.error {
	color:#990000;
}




/* ======================= MODAL ==================== */


.modality {
	border: 1px solid #A1A1A1;;
	border-radius:4px;
	box-shadow: 0 2px 2px #AAAAAA;
	background-color:#FAFAFA;
}

.modality.noPadding {
	padding:0px !important;
}

.modality-overlay {
	background-color:rgba(255,255,255,0.7) !important;
}

.modality-close {
	background: url(../images/closebox.png) no-repeat;
	height:25px;
	width:25px;
	font-family:arial,sans-serif;
	font-size: 14px;
    font-weight: bold;
    line-height: 140%;
}

#aeConfirm,
#aeAlert {
	min-width:400px;
	padding:12px;
	overflow:hidden;
	max-width:600px;
}

#aeConfirm p,
#aeAlert p {
	padding-bottom:12px;
}

#aeConfirm button,
#aeAlert button {
	float:right;
}

#aeConfirm #cancelConfirm {
	margin-right:12px;
}

/* ======================= LOGIN ==================== */

div#content {
	height:auto;
	margin:0px auto 120px;
	text-align:center;
}

div#loginoutheader {
	width:100%;
	top:10px;
	position:absolute;
	z-index:2;
}

div#loginoutheader img {
	float:left;
	margin-left:10px;
}

/* login links */
div#loginoutheader ul#loginoutlinks {
	float:right;
	margin-right:10px;
}

div#loginoutheader ul#loginoutlinks > li {
	display:block;
	float:left;
	position:relative;
	padding:0px 8px;
	border-left:1px solid #98ADBC;
}

div#loginoutheader ul#loginoutlinks > li:first-child {
	border-left:0;
}

ul#loginoutlinks li a,
ul#loginoutlinks li a:hover,
ul#loginoutlinks li a:visited {
	color:#85BDD6;
	text-decoration:none;
	font-size:11pt;
}

/* login links submenus */
div#loginoutheader ul#loginoutlinks ul {
	background:#DEDEDE;
}
div#loginoutheader ul#loginoutlinks ul li {
	text-align:left;
	margin:0 6px;
}

div#loginoutheader ul#loginoutlinks ul li:first-child{
	margin:0 6px;
}

div#loginoutheader ul#loginoutlinks ul li:last-child{
  margin:4px 6px 0 6px;
}

div#loginoutheader ul#loginoutlinks ul li a {
	color:#333333;
}

.dropdown{
	position:absolute;
	top:17px;
	left:0;
	min-width:120px;
	margin-top:5px;
}

#loginoutlinks li:last-child .dropdown{
	position:absolute;
	margin-left:-8px;
	top:17px;
	right:0;
	min-width:120px;
	left:auto;
}

.dropdown li{
  border-bottom:1px solid #999;
  padding:3px 0;
}

.dropdown li:last-child{
  border-bottom:none;
  padding: 0 0 3px 0;
}

ul#loginoutlinks .dropdown li a{
  	font-size:11px;
    line-height:11px;
    padding:2px 0;
}

div#logo {
	margin:160px auto 0px;
	text-align:center;
	position:relative;
}

div#aelogin {
	width:260px;
	min-height:130px;
	margin:40px auto 0px;
	text-align:left;
	position:relative;
	padding:30px;
	border-radius:30px;
	background-color:#FFFFFF;
	box-shadow:0px -4px 8px #333333;
}

div#aelogin #aeform{
	overflow:visible;
}

#aelogin p {
	margin-top:12px;
}

#aelogin #upwForm p {
	margin:8px 0px;
}

#upwForm p a.upwHelp {
	font-size:9pt;
}

#pwHelpMsg p {
	font-size:12pt;
}

#pwHelpMsg ul li {
	list-style-type:disc;
	font-size:10pt;
	padding-bottom:2px;
	margin-left:20px;
}

h1.loginHeader {
	width:260px;
	height:28px;
	overflow:visible;
}

div.ajaxLoading {
	float:right;
	display:none;
	font-size:8pt;
}

div.errmsg {
	display:none;
	background-color:gold;
	color:darkred;
	padding:6px;
	width:auto;
	margin:4px 0px;
	/* width:238px; */
}

p.loginlink {
	margin-top:20px;
	text-align:center;
}

#aelogin .login{
	text-align:center;
}

p.copynotice {
	margin:20px auto;
	text-align:center;
	font-size:8pt;
	letter-spacing:0.1em;
	color:#FFFFFF;
}

form div.bottomrow {
	margin-top:9px;
	width: 250px;
}

form div.bottomrow:after{
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

form span.forgotpw {
	float:left;
}

form span.forgotpw a,
form span.forgotpw a:hover,
form span.forgotpw a:visited {
	color:#2279B8;
	text-decoration:none;
	font-size:10pt;
}


form span.submitbtn {
	float:right;
}

#content form button.loginbutton,
#content form span.submitbtn button.loginbutton,
form span.submitbtn button,
form span.searchBtn button,
form .formButtons button.createBtn,
button.lbSubmit,
button.submitButton, input.submitButton,
.loginlink a,
#aelogin .login a,
#ssSubmit,
#emailSend,
#ratingApprove,
#approveCampaign {
	font: 12px/20px arial, sans-serif;
	cursor:pointer;
	min-height:15px;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	color: #1e354c;
	text-shadow: 0px 1px 0px #e3e6e8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 20px;
	border: 1px solid #a4acb3;
	background: #D0DADF;
	background: -moz-linear-gradient(top, #cddae7 0%, #8ea3b4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cddae7), color-stop(100%,#8ea3b4));
	background: -webkit-linear-gradient(top, #d0dae4 0%, #99b0c3 100%);
	background: -o-linear-gradient(top, #cddae7 0%,#8ea3b4 100%);
	background: -ms-linear-gradient(top, #cddae7 0%,#8ea3b4 100%);
	background: linear-gradient(top, #cddae7 0%,#8ea3b4 100%);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}

#content form span.submitbtn button.loginbutton:hover,
form span.submitbtn button:hover,
form span.searchBtn button:hover,
form .formButtons button.createBtn:hover,
button.lbSubmit:hover,
button.submitButton:hover, input.submitButton:hover,
.loginlink a:hover,
#aelogin .login a:hover,
#ssSubmit:hover,
#emailSend:hover,
#ratingApprove:hover,
#approveCampaign:hover {
	background: #c2ceda;
	background: -moz-linear-gradient(top, #c2ceda 0%, #86a1b7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2ceda), color-stop(100%,#86a1b7));
	background: -webkit-linear-gradient(top, #c2ceda 0%,#86a1b7 100%);
	background: -o-linear-gradient(top, #c2ceda 0%,#86a1b7 100%);
	background: -ms-linear-gradient(top, #c2ceda 0%,#86a1b7 100%);
	background: linear-gradient(top, #c2ceda 0%,#86a1b7 100%);
	text-decoration: none;
}


#content form span.submitbtn button.loginbutton.disabled:active,
form span.submitbtn button.disabled:active,
form span.searchBtn button.disabled:active,
form .formButtons button.createBtn.disabled:active,
button.lbSubmit.disabled:active,
button.submitButton.disabled:active,
input.submitButton.disabled:active,
.loginlink a.disabled:active,
#aelogin .login a.disabled:active,
#ssSubmit.disabled:active,
#emailSend.disabled:active,
#ratingApprove.disabled:active,
#content form span.submitbtn button.loginbutton.disabled,
form span.submitbtn button.disabled,
form span.searchBtn button.disabled,
form .formButtons button.createBtn.disabled,
button.lbSubmit.disabled,
button.submitButton.disabled,
input.submitButton.disabled,
.loginlink a.disabled,
#aelogin .login a.disabled,
#ssSubmit.disabled,
#emailSend.disabled,
#ratingApprove.disabled,
#approveCampaign.disabled
{
	background: #d0dae4;
	background: -moz-linear-gradient(top, #d0dae4 0%, #99b0c3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0dae4), color-stop(100%,#99b0c3));
	background: -webkit-linear-gradient(top, #d0dae4 0%, #99b0c3 100%);
	background: -o-linear-gradient(top, #d0dae4 0%,#99b0c3 100%);
	background: -ms-linear-gradient(top, #d0dae4 0%,#99b0c3 100%);
	background: linear-gradient(top, #d0dae4 0%,#99b0c3 100%);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
	box-shadow: 0 0 2px rgba(0,0,0,0.1);
	opacity:0.6;
	cursor:default;
}



#content form span.submitbtn button.loginbutton:active,
form span.submitbtn button:active,
form span.searchBtn button:active,
form .formButtons button.createBtn:active,
form .formButtons button.createBtn.activated,
button.lbSubmit:active,
button.submitButton:active, input.submitButton:active,
button.submitButton.activated,
.loginlink a:active,
#aelogin .login a:active,
#ssSubmit:active,
#emailSend:active,
#ratingApproveCampaign:active,
#ratingApprove:active {
	text-shadow: 0 1px 0 #d0dae4;
	background: #7b95a9;
	background: -moz-linear-gradient(top, #7b95a9 0%, #a9b6c5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b95a9), color-stop(100%,#a9b6c5));
	background: -webkit-linear-gradient(top, #7b95a9 0%,#a9b6c5 100%);
	background: -o-linear-gradient(top, #7b95a9 0%,#a9b6c5 100%);
	background: -ms-linear-gradient(top, #7b95a9 0%,#a9b6c5 100%);
	background: linear-gradient(top, #7b95a9 0%,#a9b6c5 100%);
}

#ssCancel,
#ssSubmit{
	width:80px;
}

#content form button.loginbutton,
#content form span.submitbtn button.loginbutton,
.loginlink a,
#aelogin .login a{
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	padding:0 18px;
}

#aelogin form#upwForm {
	overflow:hidden;
}


#aelogin .loginlink a{
  width:34px;
  height:20px;
  display:block;
  margin-left:90px;
}

#content .login a{
	padding:2px 18px;
	min-height:15px;
}

div#loggedin {
	display:none;
	margin-top:12px;
}

div#fpcontainer {
	border-radius:6px;
	padding:6px;
}

h3.fpHeader {
	width:360px;
}

#fpform{
	overflow:visible;
}

#fpform div.bottomrow,
#fpform div.field {
	width:100%;
}

div#fpsuccess {
	padding:6px;
	overflow:auto;
}

button#fpSuccessClose {
	float:right;
}

#approveCampaignForm #ratingStarsCampaign .ratingStar,
#approvalForm #ratingStars .ratingStar {
	width: 31px;
	height: 31px;
}

#approveCampaignForm #ratingStarsCampaign .ratingStar, .ratingStar:visited,
#approvalForm #ratingStars .ratingStar, .ratingStar:visited {
	background:url(/images/star_disabled.png) 0 0 transparent no-repeat;
}

#approveCampaignForm #ratingStarsCampaign .ratingStar.active,
#approveCampaignForm #ratingStarsCampaign .ratingStar:hover,
#approvalForm #ratingStars .ratingStar.active,
#approvalForm #ratingStars .ratingStar:hover {
	background:url(/images/star_enabled.png) 0 0 transparent no-repeat;
}

#approveCampaignForm #ratingStarsCampaign .ratingStar.selected:hover,
#approveCampaignForm #ratingStarsCampaign .ratingStar.selected,
#approvalForm #ratingStars .ratingStar.selected:hover,
#approvalForm #ratingStars .ratingStar.selected {
	background:url(/images/star_enabled.png) 0px 0 transparent no-repeat;
}

#approveCampaignForm #ratingStarsCampaign .ratingStar.inactive,
#approveCampaignForm #ratingStarsCampaign .ratingStar.selected.inactive,
#approvalForm #ratingStars .ratingStar.inactive,
#approvalForm #ratingStars .ratingStar.selected.inactive {
	background:url(/images/star_disabled.png) 0 0 transparent no-repeat;
}

/* ======================= PORTAL ==================== */




/* ======================= HEADER ==================== */

#portal-header {
    width:100%;

}

#headercont {
    height: 36px;
    margin: 0 auto;
    min-width: 900px;
    overflow: visible;
    position: relative;
    width: 100%;
}



#dMain #headercont {
	min-width:200px;
}

#headercont #aepsearch {
    left: 20px;
    top:1px;
    margin-left: 20px;
    overflow: hidden;
    position: relative;
}

#headercont #aepsearch.locked {
	opacity:0.3;
}

#headercont #aepsearch.locked a,
#headercont #aepsearch.locked a:hover {
	cursor:default;
}


#headercont #aeplogo {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
}

#headercont #aeplogo.locked {
    opacity:0.3;
	cursor:default;
}

#headercont #aeplogo.locked a,
#headercont #aeplogo.locked a:hover {
	cursor:default;
}

#headercont #menuright {
	float:right;
	overflow:auto;
	padding-left:12px;
}


/* ============================ HEADER MENU ========= */
#headercont ul#aepmenu li {
   float:left;
   text-indent:-9999px;
   margin:4px 0px;
   padding:0 6px;
   position:relative;
   border-right:1px solid #505d6b;
   cursor:pointer;
}

#headercont ul#aepmenu li.locked {
	opacity:0.3;
	cursor:default;
}

#headercont ul#aepmenu li a {
    display:block;
    width:29px;
    height:28px;
}

#headercont ul#aepmenu li.locked a {
	cursor:default;
}

.menudivider {
	display:block;
	float:left;
	height:28px;
	position:relative;
	top:4px;
	width:1px;
	border-right:1px solid #9AA0A8;
}

ul#aepmenu li.home a {
	background: url(../images/iconmap-new.png) no-repeat -240px 0px;
	display:none !important;
	/*Removed Home Icon per request*/
}

ul#aepmenu li.home a:hover {
	background: url(../images/iconmap-new.png) no-repeat -240px -30px;
}
ul#aepmenu li.locked.add a:hover,
ul#aepmenu li.add a {
	background: url(../images/iconmap-new.png) no-repeat 0px 0px;
}
ul#aepmenu li.add a:hover {
	background: url(../images/iconmap-new.png) no-repeat 0px -30px;
}
ul#aepmenu li.locked.quicksearch a:hover,
ul#aepmenu li.quicksearch a {
	background: url(../images/iconmap-new.png) no-repeat -40px 0px;
}
ul#aepmenu li.quicksearch a:hover {
	background: url(../images/iconmap-new.png) no-repeat -40px -30px;
}
ul#aepmenu li.locked.upload a:hover,
ul#aepmenu li.upload a {
	background: url(../images/iconmap-new.png) no-repeat -80px 0px;
}
ul#aepmenu li.upload a:hover {
	background: url(../images/iconmap-new.png) no-repeat -80px -30px;
}
ul#aepmenu li.locked.history a:hover,
ul#aepmenu li.history a {
	background: url(../images/iconmap-new.png) no-repeat -120px 0px;
}
ul#aepmenu li.history a:hover {
	background: url(../images/iconmap-new.png) no-repeat -120px -30px;
}
ul#aepmenu li.locked.notices a:hover,
ul#aepmenu li.locked.notices a.bubHover,
ul#aepmenu li.notices a {
	background: url(../images/iconmap-new.png) no-repeat -160px 0px;
}
ul#aepmenu li.notices a.bubHover,
ul#aepmenu li.notices a:hover {
	background: url(../images/iconmap-new.png) no-repeat -160px -30px;
}
ul#aepmenu li.locked.links a:hover,
ul#aepmenu li.links a {
	background: url(../images/iconmap-new.png) no-repeat -200px 0px;
}
ul#aepmenu li.links a:hover {
	background: url(../images/iconmap-new.png) no-repeat -200px -30px;
}

.menu-configurable.locked a:hover,
.menu-configurable.locked a {
	cursor:default;
}

#noticesbubble {
	width:16px;
	height:12px;
	background-color:#71B7FF;
	border:1px solid #FFFFFF;
	border-radius:4px;
	padding:1px 3px;
	color:#FFFFFF;
	cursor:pointer;
	position:absolute;
	top:-20px;
	text-indent:0px;
	font-size:7pt;
	text-align:center;
	left:16px;
	z-index:28;
	display:none;
}

ul#aepmenu li.locked #noticesbubble {
	cursor:default;
}

#headercont #searchform {
	overflow:hidden;
}

#headercont #searchform .smartlabel {
	font-size:10pt;
	padding-left:10px;
	cursor:text;
}

#headercont #searchform div.field {
	max-width: 420px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#headercont #searchinput {
	height:17px;
	width:85%;
	margin:4px 0px;
	font-size:10pt;
	padding: 4px 24px 4px 32px;
	border-radius:0;
	border:none;

}

/*Gets rid of border on focus for search field*/
 #searchinput:focus{
    outline: 0;
}

#headercont .field > a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #666666;
    height: 20px;
    padding: 5px 0 0 7px;
    position: absolute;
    right: -6px;
    top: 4px;
    width: 31px;
}

#headercont .downArrow{
	background: url(../images/downArrowDark.png) no-repeat 0 10px;
	width:20px;
	height:25px;
	display:block;
	position:absolute;
	top:4px;
	left:6px;
	border-right:1px solid #666666;
	cursor:pointer;
	z-index:12;
}

#headercont #aepsearch.locked input,
#headercont #aepsearch.locked label,
#headercont #aepsearch.locked .downArrow {
	cursor:default;
}

#headercont .downArrow:hover{

}

#searchicon > img {
	padding-left:1px;
}

#aepsearch .ajaxLoading {
	height: 19px;
    padding: 3px 5px;
    position: absolute;
    right: 0;
    top: 4px;
    width: 22px;
}

#headercont #moresearch {
	display:block;
	float:left;
	margin-left:4px;
	margin-top:16px;
}

#headercont #moresearchlink,
#headercont #moresearchlink:visited {
	margin-left:2px;
	color:#FFFFFF;
	font-size:11px;
	vertical-align:baseline;
}
#headercont #moresearchlink:hover {
	color:#85BDD6;
}

#headercont #dtActions {
	margin:10px 100px 10px 20px;
	border:0;
}

#headercont #aepuser {
	margin:8px 10px 10px 9px;
	min-width:110px;
	border:0;
	font-weight:bold;
	padding-top:1px;
}

#headercont #tools {
	border-right: 1px solid #505d6b;
        margin: 3px 0 3px 10px;
        /*min-width: 70px;*/
	padding: 5px 0 1px 6px;
	font-weight:bold;
}


#headercont #aepuser.locked,
#headercont #tools.locked {
	opacity:0.3;
	cursor:default;
}

#dtActions {
	margin:2px 7px 2px 12px;
}

#headercont #aepuser.locked a:hover,
#headercont #tools.locked a:hover,
#headercont #tools a,
#headercont #tools a:visited,
#headercont #aepuser a:visited,
#headercont #aepuser a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:10pt;
	border:0;
}


#headercont #tools a {
	padding-right:14px;
	height:23px;
	display:block;
	position:relative;
	margin:1px 0 0 0;
}

#headercont #tools a:hover,
#headercont #tools a:hover {
	color:#E2E2E2;
}
#headercont #aepuser a:hover,
#headercont #aepuser a:hover {
	color:#E2E2E2;
}


#dtActions a:visited,
#dtActions a {
	color:#68747C;
	text-decoration:none;
	font:bold 10pt arial;
	border:0;
}

#dtActions a:hover {
	color:#000;
}


#dtActions a img,
#headercont #aepuser a img {
	position:relative;
}

#inProgModal {
	padding:10px 12px;
}

#inProgModal .inProgText img {
	margin-left:4px;
}


/* ------------------------- Menu Options -------- */
div.menuoption {
	position:absolute;
	top:40px;
	display:none;
	height:auto;
	width:auto;
	padding-bottom:10px;
	overflow:visible;
	z-index:20;
	border:1px solid #666666;
	border-radius:4px;
	background-color:#FAFAFA;
	box-shadow:0px 2px 2px #AAAAAA;
}

div.menuoption.right-side-dropdown {
	right:1%;
}

div.menuoption.actions {
	top:72px;
	padding-top:4px;
	padding-bottom:4px;
}

div.menuoption.actions div.optionarrow {
	text-align:center;
	right:4px;
}

div.menuoption.highlight {
	box-shadow:0px 2px 4px 2px #85BDD6;
}

/*
Icon Blue: #0097D9;
Head Link Blue: #85BDD6;
Login Blue: #2279B8;
Body BG: #E9EBEA;
LightBlueBorder: #98ADBC;
*/

div.menuoption.moresearch {
	top:31px;
}

div.menuoption.tools {
	width:160px;
}

div.menuoption div.optionarrow {
	width:100%;
	height:14px;
	margin:0px auto;
	position:absolute;
	text-align:center;
	top:-14px;
	z-index:21
}

div.menuoption.right-side-dropdown div.optionarrow {
	right:24px;
	text-align:right;
}

div.menuoption h3 {
	width:auto;
	background-color:#CDCDCD;
	color:#000000;
	font-size:11pt;
	padding:4px 10px;
	border-radius:4px 4px 0px 0px;
	margin-bottom:8px;
}

div.menuoption p {
	padding:4px 8px;
	width:auto;
}

div.menuoption a,
div.menuoption a:hover,
div.menuoption a:visited {
	font-size:10pt;
	color:#666666;
	text-decoration:none;
	background-image:none;
	display:block;
}

div.menuoption.upload > p:hover,
div.menuoption.links > p:hover,
div.menuoption.add > p:hover,
div.menuoption.tools > p:hover,
div.menuoption.user > p:hover,
div.menuoption.actions > p:hover {
	background:#EAE7E7;
}

div.menuoption.history .historysub.orders > p:hover,
div.menuoption.history .historysub.campaigns > p:hover,
div.menuoption.history .historysub.customers > p:hover {
	background:#EAE7E7;
}

/*Search dropdown alternate layouts dependent on screen size*/
/*Greater than 1280 - 3 column*/
@media screen and (min-width:1280px) {
  div.menuoption.moresearch {
	width:594px;
  }
  .menuform div.field.searchButtonWrapper {
	float:right;
  }
  .menuform div.field.media_type {
	clear:both;
  }
  .menuform div.field.sales_rep {
	height:50px;
  }
}

@media screen and (max-width:1280px) {
  div.menuoption.moresearch {
	width:400px;
  }
}



div.menuoption.add {
	width:140px;
}
div.menuoption.quicksearch {
	width:246px;
}
div.menuoption.quicksearch p {
	color:#666666;
	font-size:9pt;
}

div.menuoption.upload {
	width:192px;
}
div.menuoption.history {
	width:246px;
}
div.menuoption.notices {
	width:180px;
}
div.menuoption.links {
	width:180px;
}
div.menuoption.user {
	width:148px;
}

div.menuoption h4 {
	margin:4px 8px;
	font-size:10pt;
	color:#666666;
	height:16px;
	background-image:none;
}

div.menuoption h4 a,
div.menuoption h4 a:hover,
div.menuoption h4 a:visited {
	display:block;
	float:right;
	color:#2279B8;
	margin-top:2px;
	margin-right:10px;
	text-decoration:none;
	font-size:8pt;
}

div.historysub p a,
div.historysub p a:hover,
div.historysub p a:visited {
	font-size:9pt;
	color:#2279B8;
	text-decoration:none;
	width:206px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

div.historysub p a {
	width:206px;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

div.searchRule {
	float:left;
	width:100%;
	margin:2px;
	height:0px;
	border-top:1px solid #666666;
}

/* ========= SAVE SEARCH FORM ====== */

div#savesearchui {
	width:400px;
	margin-bottom:20px;
}

div#savesearchui .errmsg {
	width:370px;
	margin-bottom:14px;
}

div#savesearchui h3 {
	margin-left:12px;
	margin-top:12px;
	margin-bottom:10px;
}

div#savesearchui .longfield {
	margin:8px;
}

div#savesearchui #ssColor {
	padding:2px 2px 0 2px;
	border:1px solid #98ADBC;
	border-radius:2px;
	height:21px;
}

div#savesearchui #ssColor option {
	padding:2px 2px 2px 2px;
}

div#savesearchui #ssColor .ssRed,
div#savesearchui #ssColor.ssRed {
	background-color:#FF7A72;
	/* background:url(/images/sqRed.png) no-repeat 4px 4px; */
}

div#savesearchui #ssColor .ssOrange,
div#savesearchui #ssColor.ssOrange {
	background-color:#FFC35C;
	/* background:url(/images/sqOrange.png) no-repeat 4px 4px; */
}

div#savesearchui #ssColor .ssYellow,
div#savesearchui #ssColor.ssYellow {
	background-color:#F4EA59;
	/* background:url(/images/sqYellow.png) no-repeat 4px 4px; */
}

div#savesearchui #ssColor .ssGreen,
div#savesearchui #ssColor.ssGreen {
	background-color:#BCE54C;
	/* background:url(/images/sqGreen.png) no-repeat 4px 4px; */
}

div#savesearchui #ssColor .ssBlue,
div#savesearchui #ssColor.ssBlue {
	background-color:#71B7FF;
	/* background:url(/images/sqBlue.png) no-repeat 4px 4px; */
}

div#savesearchui #ssColor .ssPurple,
div#savesearchui #ssColor.ssPurple {
	background-color:#DDA9E9;
	/* background:url(/images/sqPurple.png) no-repeat 4px 4px; */
}

div#savesearchui #ssColor .ssGrey,
div#savesearchui #ssColor.ssGrey {
	background-color:#C2C2C2;
	/* background:url(/images/sqGrey.png) no-repeat 4px 4px; */
}

div#savesearchui form {
	margin:0px auto 16px;
	padding:10px 10px 0px 10px;
	overflow:auto;
}

div#savesearchui form div.field {
	float:left;
	width:160px;
	min-height:40px;
	margin:4px 8px;
}

div#savesearchui form .field label {
	font-size:9pt;
	display:block;
}

div#savesearchui form .field label.rightlabel {
	font-size:9pt;
	display:inline;
}

div#savesearchui form .field input,
div#savesearchui form .field select {
	font-size:8pt;
	padding:2px;
	width:160px;
	color:#666666;
}

div#savesearchui form .field input[type=checkbox] {
	width:20px;

}

div#savesearchui form .subfield {
	padding-right:12px;
	float:right;
	clear:both;
}

div#savesearchui form .subfield .submit {
	cursor:pointer;
	padding:4px 20px;
}




/* -------------------- Quick Results Menu ------------- */
div.quicksearch h4 {
	margin-top:12px;
}

ul.quickresults,
ul.quickresultsheader {
	width:100%;
	overflow:auto;
	/*margin:0px auto;*/
}

.menuoption.quicksearch > div {
	margin:0 0 0 8px;

}

button.sslink {
	position:relative;
	width:228px;
	margin:4px 0;
	border:0px;
	display:block;
	height:18px;
	padding:0px 4px 3px;
	font-size:8pt;
	border-radius:4px;
	background-color:#C2C2C2;
	color:#666666;
	font-weight:bold;
	cursor:pointer;
	text-align:left;
}

button.sslink.ssCO {
	font-style:italic;
}

span.favemark {
	margin-right:2px;
	color:#666666;
}

span.favemark img {
	position:relative;
	top:2px;
}

div#dbSS-orders,
div#dbSS-campaigns,
div#dbSS-customers {
	position:relative;
}

button.sslink:hover {
	opacity:0.8;
}

div.ssDiv {
	position:relative;
	float:left;
}

div.ssSuppl {
	position:relative;
	overflow:hidden;
	padding-bottom:8px;
}

a.sslinkDown {
	display:block;
	float:right;
	position:absolute;
	top:5px;
	right:-1px;
	height:16px;
	width:20px;
	padding-top:5px;
	cursor:pointer;
	z-index:10;
}

.ssFaves {
	clear:both;
	float:left;
	font-size:9pt;
	padding-left:4px;
}

.ssEditDelete {
	float:right;
	font-size:9pt;
}

.ssFaveLink,
.ssFaveLink:hover,
.ssFaveLink:visited,
.ssEditDelete a,
.ssEditDelete a:hover,
.ssEditDelete a:visited {
	color:#666666;
}

ul.quickresults {
	overflow:auto;
	margin-bottom:6px;
}

ul.quickresults li {
	display:block;
	float:left;
	font-weight:bold;
}

ul.quickresultsheader li {
	display:block;
	float:left;
	height:16px;
	font-size:7pt;
}

ul.quickresultsheader li a,
ul.quickresultsheader li a:hover,
ul.quickresultsheader li a:visited {
	font-size:7pt;
	color:#2279B8;
	text-decoration:none;
}


li.qrstatus {
	width:138px;
}
li.qrme {
	width:45px;
	text-align:center;
}
li.qrgroup {
	width:45px;
	text-align:center;
}


ul.quickresults li a,
ul.quickresults li a:visited {
	display:block;
	height:16px;
	font-size:8pt;
	padding-top:2px;
	opacity:1;
	background-color:#C2C2C2;
}

ul.quickresults li a:hover {
	opacity:0.8;
	font-size:8pt;
}

/* -----  QUICKSEARCH / BACKGROUND COLORS -----
ul.quickresults.ncn li a {
	background-color:#FF7A72;
	color:#FFFFFF;
}

ul.quickresults.awapp li a,
ul.quickresults.awmat li a,
ul.quickresults.inprog li a,
ul.quickresults.pending li a,
ul.quickresults.accepted li a,
ul.quickresults.inclprof li a,
ul.quickresults.profsched li a {
	background-color:#F4EA59;
}

*/

/* -----  SAVED SEARCH / BACKGROUND COLORS ----- */
.sslink.mediumpurple {
	background-color:#DDA9E9;
}

.sslink.gold  {
	background-color:#F4EA59;
}



ul.quickresults li.qrstatus a {
	padding-left:8px;
	border-right:1px solid #CDCDCD;
	border-radius:4px 0px 0px 4px;
	width:auto;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
ul.quickresults li.qrme a {
	border-right:1px solid #CDCDCD;
}
ul.quickresults li.qrgroup a {
	border-radius: 0px 4px 4px 0px;
}



/* ---- forms within menus ----- */
.menuform {
	margin:0px auto;
	padding:10px 10px 0px 10px;
	overflow:auto;
}

.menuform p.editHeader {
	font-size:12pt;
	color:#666666;
}

.menuform div.field {
	float:left;
	width:174px;
	min-height:42px;
	margin:6px 8px;
}

.menuform div.field.saveSearchWrapper{
	width:225px;
	padding-top:2px;
}

.menuform div.field.searchButtonWrapper{
	width:120px;
}

.menuform .field label {
	font-size:8pt;
}

.menuform .field input,
.menuform .field select {
	font-size:8pt;
	padding:2px;
	width:170px;
	color:#666666;
}

.menuform .field input.cbInput {
	padding-right:20px;
	width:152px;
}

.menuform .field .timeSelects {
	clear:left;
	float:right;
	margin-bottom:6px;
	overflow:hidden;
}

.menuform .field .timeSelect {
	margin-left:2px;
	width:auto;
}

.menuform .timeLink {
	float:right;
	margin-left:80px;
	padding-bottom:4px;
}

.menuform .timeLink a,
.menuform .timeLink a:visited {
	font-size:8pt;
	text-decoration:underline;
}

.menuform .timeLink a:hover {
	font-size:8pt;
	text-decoration:none;
}

.menuform .field .fromHour {
	margin-left:12px;
}


.menuform .field select {
	margin-top:4px;
	width:176px;
}

.menuform .field select option {
	color:#666666;
}

.searchBtn{
	float:right;
}

#createOrder .formButtons,
#createCampaign .formButtons,
#createCustomer .formButtons,
#addOrder .formButtons,
#editCustomer .doublewide{
	text-align:right;
}



#createCampaign .createCampaignRundatesLabel {
  min-height:0;
  padding-top:16px;
  height:16px;
}

#editCustomer .doublewide{
	padding-right:10px;
}

#emailButtons,
#ratingButtons,
#approveCampaignButtons
{
	text-align:right;
}

.menuform .field .savesearch{
	margin-right:5px;
}

form.menuform .field .savesearch,
form.menuform .field .clearsearch,
#upContainer .clearForm {
	color:#666666;
	cursor:pointer;
	font-size:12px;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	color: #1e354c;
	text-shadow: 0px 1px 0px #e3e6e8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 6px 1px 2px;
	margin-top: 3px;
	border: 1px solid #99b0c3;
	background: #fefefe;
	background: -moz-linear-gradient(top, #fefefe 0%, #e3e6e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e3e6e8));
	background: -webkit-linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
	background: -o-linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
	background: -ms-linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
	background: linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
	box-shadow: 0 0 2px rgba(0,0,0,0.1);
}

.menuform .field .savesearch:hover,
.menuform .field .clearsearch:hover,
#upContainer .clearForm:hover {
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 0%, #d5dbe0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#d5dbe0));
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#d5dbe0 100%);
	background: -o-linear-gradient(top, #f5f5f5 0%,#d5dbe0 100%);
	background: -ms-linear-gradient(top, #f5f5f5 0%,#d5dbe0 100%);
	background: linear-gradient(top, #f5f5f5 0%,#d5dbe0 100%);
	text-decoration: none;
}

.menuform .field .savesearch:active,
.menuform .field .clearsearch:active,
#upContainer .clearForm:active {
	text-shadow: 0 1px 0 #d0dae4;
	background: #cdd3d7;
	background: -moz-linear-gradient(top, #cdd3d7 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdd3d7), color-stop(100%,#ececec));
	background: -webkit-linear-gradient(top, #cdd3d7 0%,#ececec 100%);
	background: -o-linear-gradient(top, #cdd3d7 0%,#ececec 100%);
	background: -ms-linear-gradient(top, #cdd3d7 0%,#ececec 100%);
	background: linear-gradient(top, #cdd3d7 0%,#ececec 100%);
}

.menuform .field input.submit {
	font-size:9pt;
	width:auto;
	color:#000000;
	cursor:pointer;
	background:url(../images/searchBtnBG.png) repeat-x 0px 0px;
	display:block;
	float:left;
	border:1px solid #565682;
}

form.menuform .field .clearsearch{
	cursor:pointer;
	padding:1px 5px;
}


div#msearchtabs ul {
	width:298px;
}

div#msearchtabs ul.singletab li a {
	border:0;
	cursor:default;
	background:none;
	font-weight:bold;
	margin:0 0 0 17px;
}

div#msearchtabs ul.singletab div.selarrow {
	display:none;
}

div#asearchtabs ul li a {
	height:20px;
}

div#portalcont {
	width:100%;
	margin:0px auto;

}

div#portalmain {
	padding:5px;

}
div.backLink {
	width:888px;
	margin:10px auto;
	font-size:12pt;
}

div.backLink a,
div.backLink a:hover,
div.backLink a:visited {
	text-decoration:none;
}

/* ======================= PORTAL LOADING ==================== */

#portalLoading {
	width:220px;
	margin:0px auto;
	text-align:center;
	margin-top:120px;
	overflow:hidden;
}

#portalLoading img {
}

#portalLoading h2 {
	padding-top:20px;
}


/* ======================= DASHBOARD ==================== */
div#dashboard {
	width:900px;
	margin:10px auto;
}

h2.page_header,
h2#dash_header {
    width:898px;
    height:27px;
    /*border-width:1px;*/

    /*border-style:solid;*/
    /*border-color:#8D959A #69747C #C8CCCE;*/
    border-radius:4px;
    background-color:#FEFEFE;
    font-size:14pt;
    padding-top:6px;
    text-align:center;
    border:1px solid #B0AEAE;
    color:#5F5C5C;
}

h2.page_header {
	margin:0px auto;
}

a.moreRecent,
a.moreRecent:hover,
a.moreRecent:visited {
	color: #2279B8;
    display: block;
	font-weight:bold;
    float: right;
    font-size: 8pt;
    margin-right: 10px;
    margin-top: 2px;
    text-decoration: none;
}

h2#dash_header span {
	display:block;
	margin-left:8px;
	height:24px;
	font-weight:bold;
}

#dashboard .dashmod {
	width:900px;
	margin:9px auto;
	border:1px solid #51606b;
	border-radius:4px;
	overflow:hidden;
	/*background:#FFFFFF url(../images/dashcolleftBG.png) repeat-y 0px 0px;*/
	background:#fff;
}

#dashboard .dashcolleft {
	width:881px;
	float:left;
	padding:5px 10px 0;
	background:#5A6570;
	color:#fff;
}

#dashboard .dashmod .dashcolleft h3 {
	color:#fff;
	height:24px;
	font-weight:bold;
	display:inline-block;
	margin:0 0 0 0;
	font:bold 16px arial;
}

.sslinkholder span,
#dashboard .dashmod .dashcolleft a,
#dashboard .dashmod .dashcolleft a:hover,
#dashboard .dashmod .dashcolleft a:visited {
	color:#D9D9D9;
	text-decoration:none;
	font-size:10pt;
	font-weight:bold;
}

#dashboard .dashmod .dashcolleft a.disabledlink,
#dashboard .dashmod .dashcolleft a.disabledlink:hover,
#dashboard .dashmod .dashcolleft a.disabledlink:visited {
	color:#fff;
	cursor:default;
	font-weight:bold;
}

.sslinkholder {
	position: relative;
	float:right;

}

.sslinkholder span {
	color:#666666;
	padding:0px 8px;
}

p.ssLoading {
	font-size:9pt;
	color:#666666;
	position:relative;
	left:10px;
	top:10px;
}

#dashboard .dashmod .dashcolright {
	float:left;
	margin:8px auto;
	/*background:#FFFFFF url(../images/dashcolrightBG.png) repeat-y 0px 0px;*/
}

#dashboard .dashmod .dashcolright1.dcrSS,
#dashboard .dashmod .dashcolright2.dcrSS,
#dashboard .dashmod .dashcolright3.dcrSS {
	height:auto;
	min-height:180px;
}

#dashboard .dashmod .dashcolright1,
#dashboard .dashmod .dashcolright2 {
	float:left;
        width:281px;
        padding:8px 10px;
        min-height:154px;
        border-right:1px solid #51606B;
}

#dashboard .dashmod .dashcolright3 {
	float:left;
	padding:8px 10px;
	min-height:142px;
}



#dashboard .dashmod .dashcolright2 p a {
	width:100%;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	line-height:21px;

}

#dashboard .dashmod .dashcolright3.dcrSS {
	width: 220px;
}


.ssCont {
	float:right;
	position:relative;
	background-color:#fff;
}

.ssCont h2 {
	 width:880px;
     /*background: url(“/images/headerBG.png”) repeat-x scroll 0 0 #444444;*/
     color:#FFFFFF;
     font-size:14px;
     padding:5px 10px;
     background:#7B9EB7
}

.dashcolright h3 {
	font-size:10pt;
	height:16px;
	color:#69747C;
	font-weight:bold;
	margin-bottom:12px;
}

.dashcolright ul.quickresults li.qrstatus,
.dashcolright ul.quickresultsheader li.qrstatus {
	width:190px;
}

.dashcolright ul.quickresults a {
	color:#666666;
	text-decoration:none;
}

.dashcolright button.sslink {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 280px;
}

.dashcolright .historysub p a,
.dashcolright .historysub p a:visited {
	margin-left:0px;
	font-size:9pt;
	display:block;
	margin-bottom:4px;
}

.dashcolright p a.newlink,
.dashcolright p a.newlink:visited {
	color:#666666;
	margin-bottom:12px;
	text-decoration:none;
	font-size:10pt;
	display:block;
	background-image:none;
}

.dashcolright .historysub p a:hover {
	color:#226493;
}
.dashcolright p a.newlink:hover {
	color:#000;
}

.dashcolright p {
	color:#666666;
	font-size:9pt;
}

.historysub p {
	color:#666666;
	font-size:9pt;
}

/* ======================= NOTICES ==================== */

#notices {
	display:none;
	width:900px;
	margin:10px auto;
	background:#E4E4E4;
	border:1px solid #B3B2B2;
	padding:15px;
}

h2#noticesheader {
	width:898px;
	height:41px;
	border-width:1px;
	border-style:solid;
	border-color:#8D959A #69747C #C8CCCE;
	border-radius:4px;
	color:#FFFFFF;
	background-color:#69747C;
}

h2#noticesheader span {
	background-image:none;
	font:bold 18px arial;
}

h2#noticesheader span.divider {
	margin-left:0px;
	font-size:8pt;
}

h2#noticesheader a,
h2#noticesheader a:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-size:8pt;
}

h2#noticesheader a:hover {
	color:#85BDD6
}

h2#noticesheader a#nShowUnread {
	padding-left:20px;
}

h2#noticesheader a span {
	margin-left:0;
	font:bold 12px arial;
}

div#noticeslist {
	padding:10px 10px 10px 20px;
	background-color:#FFFFFF;
	border:1px solid #98ADBC;
	border-radius:4px;
	margin:10px auto;
}

div#nHeader {
	font-size:10pt;
	font-weight:bold;
	overflow:auto;
	color:#666666;
	margin-bottom:12px;
}

div.nRecord {
	font-size:9pt;
	overflow:auto;
	color:#666666;
	margin-bottom:4px;
}

div.nDate {
	float:left;
	overflow:hidden;
	width:156px;
	padding-left:20px;
}

div.nFrom {
	float:left;
	overflow:hidden;
	width:120px;
}

div.unread {
	background:url(../images/nUnreadBG.png) no-repeat 0px 0px;
}

div.nDate .date {
	float:left;
}

div.nDate .time {
	float:right;
	margin-right:40px;
	margin-left:10px;
}

div.nSubject {
	float:left;
	width:400px;
}

div.nActions {
	float:left;
	margin-bottom:4px;
}

div.nActions a.nAction,
div.nActions a.nAction:hover,
div.nActions a.nAction:visited {
	color:#2279B8;
}

div.nRecord.unread a.nAction.nSubjLink {
	font-weight:bold;
}

div.nMessage {
    width:816px;
    overflow:auto;
    display:none;
    float:none;
    clear:left;
    margin-top:2px;
    padding:4px 20px;
    border:2px solid #D3D7DC;
    background:#f3f3f3;
    border-radius:5px;
}

div.nMessage .nMessageClose {
	float:right;
	color:#71B7FF;
	cursor:pointer;
	font-weight:bold;
}

div.nMessage .nMsgImgCont {
	text-align:center;
	width:auto;
	margin:6px auto;
}

div#criticalNotice {
	width:886px;
	border-radius:3px;
	margin:10px auto 10px;
	padding:6px;
	text-align:center;
	border:2px solid #5A6570;
	/*
	color:#FFFFFF;
	background-color:#FF7A72;
	*/
	font-size:16px;
}

div#criticalNotice .notice {
	padding:8px 4px;
	position:relative;
}

div#criticalNotice .notice a.dismissNotice {
	color:inherit;
	position:absolute;
	font-size:9pt;
	right:4px;
	bottom:2px;
}


/*
div#criticalNotice div {
	padding:6px 0px;
	border-top:1px solid #FFFFFF;
}

div#criticalNotice div:first-child {
	border-top:0;
}
*/


/* ======================= SEARCH RESULTS ==================== */


#searchresults {
	display:none;
	max-width:2700px;
	margin:10px auto;
}

#searchresults h3.searchResultString {
	font-size:9pt;
	font-weight:bold;
	margin-left:8px;
	margin-bottom:12px;
}

#searchresults h3.searchResultString span.srStringLabel {
	font-weight:normal;
}

.dataTables_wrapper {
	overflow-x:visible;
	overflow-y:hidden;
	padding:8px;
	margin:0px auto;
	background:#fbfafb;
}

/* webkit datatables workaround? */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.dataTables_scrollBody {
		padding-bottom:10px;
	}
}

.dataTable {
	/*width:100%;*/
	font-size:8.5pt;
}

.dataTable thead tr {
	background-color:#6F7D88;
	display:table-row;
}

.dataTable tr td,
.dataTable tr th {
	border-right:1px solid #DBE9F4;
	padding:4px 2px;
}

.dataTable tr th {
	vertical-align:middle;
}

.dataTable tr td {
	vertical-align:top;
}

.dataTable tr td.file_name {
	/*white-space:nowrap;*/
}

.dataTable tr th.small_column,
.dataTable tr td.small_column {
	width:12%;
}

#searchresults .dataTable tr td,
#searchresults .dataTable tr th {
	height:16px;
	vertical-align:middle;
}

#campaignBulkOrders .dataTable tr th {
	white-space:nowrap;	
}	

#campaignBulkOrders .dataTables_filter {
	display:none;
}

#campaignBulkOrders #bulk-ords-table_wrapper {
  padding:8px 0px;
}

#campaignBulkOrders .campaign-order-approval {
	margin:0;
}
/* TODO: remove this temp override */
#searchresults .dataTable.grid {
	width: 100% !important;
}

#searchresults .dataTable.grid tr td,
#searchresults .dataTable.grid tr th {
	height:auto;
	vertical-align:top;
}

.dataTable tr td.actionsCol,
.dataTable tr th.actionsCol {
	white-space:nowrap;
}

.dataTable tr td div.tableActionCont {
	display:block;
	margin:4px;
}

.dataTable tr td a.tableAction,
.dataTable tr td a.tableAction:visited {
	border:1px solid #666666;
	padding:2px 6px;
	color: #666666;
	text-decoration:none;
	border-radius:3px;
}
.dataTable tr td a.tableAction:hover {
	border:1px solid #000000;
	color:#000000;
}


div.statusSquare {
	display:inline-block;
	margin-right:3px;
	height:12px;
	width:12px;
	position:relative;
	top:1px;
}


.dataTable.grid td.statusCell div.text {

}

.dataTable.grid td.statusCell {

}

.dataTable.grid td.statusCell div.text {

}

.dataTable.grid td.statusCell div.statusSquare {
	display:inline;
}

div.statusSquare img {
	border:0;
	height:12px;
	width:12px;
	margin:0;
}

.detailslist .statusSquare {
	margin-right:5px;
    position: relative;
    top:1px;
	display:inline-block;
}

.dataTable tr th.sorting,
.dataTable tr th.sorting_asc,
.dataTable tr th.sorting_desc {
	cursor:pointer;
	padding-right:18px;
}

.dataTable tr th.sorting {
	background:url(../images/sort_both.png) no-repeat right center;
}
.dataTable tr th.sorting_asc {
	background:url(../images/sort_asc.png) no-repeat right center;
}
.dataTable tr th.sorting_desc {
	background:url(../images/sort_desc.png) no-repeat right center;
}

.dataTable tr.odd {
	background-color:#FFFFFF;
}

.dataTable tr.even {
	background-color:#D9E6EE;
}

.dataTable tr.group {
	background-color:#b7c7d1;
	font-weight: bold;
}

.dataTable tr.group a {
	font-weight: normal;
	margin-left: 10px;
}

.dataTable tr.group td {
	padding: 4px 8px;
}

.dataTable .killedGroup {
	display: none;
	color:#666666;
}

.dataTable .unapplyPackageLink {
	margin-left: 10px;
}

.dataTable .killedGroup .unapplyPackageLink {
	display: none;
}

.dataTable .killedOrder {
	height:28px;
	display:none;
}

#ords-table_info {

}

#ords-table td.order_number {
  position:relative;
  white-space:nowrap;
}

#ords-table td.order_number .orderActionsLink {
  right:-3px;
}

.dataTable .killedOrder.odd,
.dataTable .insertionRow.odd{
	background-color:#ebf4f8;
}

.dataTable .killedOrder.even,
.dataTable .insertionRow.even{
	background-color:#f6fbfc;
}

.dataTable .killedOrder a,
.dataTable .killedOrder {
	color:#999999;
}

.dataTable thead tr th {
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
}

.dataTables_length {
	float:left;
	padding-bottom:6px;
	font-size:9pt;
}

.dataTables_filter {
	float:right;
	padding-bottom:6px;
	font-size:9pt;
}

.deetsTableHolder .dataTables_filter {
	padding-right:16px;
}
.dataTables_info {
	float:left;
	padding-top:6px;
	font-size:9pt;
}
.dataTables_previous {
	padding:0px 2px;
	color:blue;
	cursor:pointer;
}
.dataTables_next {
	padding:0px 2px;
	color:blue;
	cursor:pointer;
}
.dataTables_paginate {
	float:right;
	padding-top:3px;
	font-size:9pt;
}

#dt_example a {
    color: #0063DC;
    text-decoration: none;
}

.paging_full_numbers a.paginate_button {
    background-color: #DDDDDD;
}

a#datatable_previous, a#datatable_next,
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {
    border: 1px solid #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    color: #333333 !important;
    cursor: pointer;
    margin: 0 3px;
    padding: 2px 5px;
}

.paginate_enabled_next, .paginate_enabled_previous,
.paging_full_numbers a.paginate_active {
	background-color:#FFFFFF;
}

#datatable.grid tr {
	padding:10px;
	display:block;
	float:left;
	width:194px;
	margin:3px;
	min-height:230px;
	border:1px solid #ABADB0;
	border-radius:4px;
	background-color:#fff;
}

.dataTable.grid thead {
	display:none;
}

#datatable.grid tr td {
	display:block;
	text-align:center;
	border:0;
	background-color:#FFFFFF;
	min-height:13px;
}

#datatable.grid tr td a.orderThumbLink {
	display:table-cell;
	width:128px;
	height:128px;
	vertical-align:middle;
	text-align:center;
}


#datatable.grid .insertionsList tr th {
	min-height:13px;
}

#datatable.grid .insertionsList tbody {
	display:none;
}

.dataTable.grid .insertionsList thead{
	display:block;
}

#datatable.grid .insertionsList tr{
	padding: 0;
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	min-height: 13px;
	border: none;
	border-radius: 0;
}

#datatable.grid .insertionsList th{
	text-align: center;
	display: block;
}

#datatable.grid .insertionsList th .collArrow{
	display:none;
}

#datatable.grid .gridHide{
	display:none;
}

#datatable.grid .insertionsList{
	min-height:13px;
}

.dataTable .listHide {
	display:none;
}

#datatable.grid .listHide{
	display:block;
}

div.srThumbCont {
	height:128px;
	width:128px;
	margin:0px auto;
	text-align:center;
}

.dataTables_scroll {
	clear:both;
}

/*#campaignBulkOrders {*/
/*	overflow:auto;*/
/*	height: 200px;*/
/*	position:relative;*/
/*	width:500px;*/
/*}*/

/*#campaignBulkOrders table.dataTable.no-footer {*/
/*	width:100% !important;*/
/*}*/

#datatable_colsLink,
#datatable_colsLink:hover,
#datatable_colsLink:visited {
	display:block;
	float:left;
	height:16px;
	font-size:10pt;
	padding-left:20px;
	margin-right:80px;
	text-decoration:none;
	position:relative;
	top:2px;
}

#datatable_colsLink,
#datatable_colsLink:visited {
	background:url(../images/iconmap-new.png) no-repeat 0px -460px;
}

#datatable_colsLink:hover {
	background:url(../images/iconmap-new.png) no-repeat 0px -480px;
}

#datatable_viewtoggle,
#datatable_viewtoggle:hover,
#datatable_viewtoggle:visited {
	display:block;
	float:left;
	height:16px;
	font-size:10pt;
	padding-left:20px;
	margin-right:80px;
	text-decoration:none;
	position:relative;
	top:2px;
}
#datatable_viewtoggle.gridlink,
#datatable_viewtoggle.gridlink:visited {
	background:url(../images/iconmap-new.png) no-repeat 0px -350px;
}
#datatable_viewtoggle.gridlink:hover {
	background:url(../images/iconmap-new.png) no-repeat 0px -370px;
}
#datatable_viewtoggle.listlink,
#datatable_viewtoggle.listlink:visited {
	background:url(../images/iconmap-new.png) no-repeat 0px -390px;
}
#datatable_viewtoggle.listlink:hover {
	background:url(../images/iconmap-new.png) no-repeat 0px -410px;
}

#datatable .productionStatus .text {
	padding-right:2px;
	display:inline;
	position:relative;
	top:-1px;
}

#datatable .dtNoWrap,
.dataTable .dtNoWrap{
	white-space:nowrap;
	overflow:hidden;
}

/*
.dataTables_scrollHeadInner th.productionStatus,
.dataTables_scrollBody td.productionStatus {
	width:242px !important;
}
*/

#datatable .insertionsList{
	width:100%;
}

#datatable .starImage{
	float:left;
}

.detailsLink,
.insertionsList .insertionRow .detailsLink{
	padding-left:17px;
	margin-right:10px;
	height:12px;
}

.dataTable td.orderNumber {
	padding-right:18px;
	position:relative;
}

.dataTables_scrollBody tr.hovering td.orderNumber {
	/*padding-right:0px;*/
	/* DEPRECATED - removed due to conflict with orderActionsLink hovers (created spacing issues on hover in order number column) */
}

.orderActionsLink {
	height:12px;
	width:12px;
	background:url(../images/gear_12.png) no-repeat;
	margin:0px auto;
	display:none;
	margin-right:6px;
	position:absolute;
	right:0px;
	top:5px;
}


a.orderActionsLink.selected {
	display:inline-block;
}

/* for insertions - don't show actions link gear icon */
.dataTables_scrollBody tr.insertionRow td.disabled a.orderActionsLink {
	display:none;
}

.actionsTableCont {
	position:absolute;
	background:#FFFFFF;
	border:1px solid #666666;
	z-index:9999;
	padding:6px 4px 4px;
	box-shadow:0px 2px 4px #999999;
/*	margin:17px 1px 10px -71px;*/
}


.actionsTableCont a.actionsMenuLink {
	color:#666666;
	display:block;
	padding-bottom:4px;
}

.actionsTableCont h3 {
	font-size:10pt;
	background-color:#DEDEDE;
	padding:2px 10px 0px 4px;
	margin-bottom:4px;
}

.actionsTableCont p {
	font-size:9pt;
	padding:4px 6px 0 4px;
}

.actionsTableCont p:hover {
  background:#EAE7E7;
}

.dataTable tbody tr.hovering,
.dataTables_scrollBody tr.hovering {
	background-color:#EFEFEF;
}

.dataTable tbody tr.group.hovering {
  background-color:#b7c7d1;
}


.dataTable tr.hovering a.orderActionsLink {
/* .dataTables_scrollBody tr.hovering a.orderActionsLink { */
	display:inline-block;
}

.dataTable.grid .detailsLink,
.dataTable.grid .insertionsList .insertionRow .detailsLink{
	padding-left:0;
}

.insertionsList .detailsLink{
	padding-left:0;
}

#datatable .insertionsList thead tr{
	background-color:transparent;
}

#datatable .insertionsList tr th,
#datatable .insertionsList tr td{
	padding: 4px 2px;
	border-right:none;
	overflow:none;
}

table.insertionsList{
	border-collapse:collapse;
}

#datatable .insertionsList tr th img.collArrow,
#datatable .insertionsList tr td img.collArrow {
	margin-right:4px;
}

#datatable .insertionsList tr th a,
#datatable .insertionsList tr td a{
	font-weight:normal;
}

#datatable .insertionsList th{
	color:#000;
	font-weight:normal;
}

#datatable .insertionsList .disabled,
#datatable .insertionsList .disabled a{
	color:#999;
	font-weight:normal;
}

#datatable .insertionsList .disabled a{
	text-decoration:none;
	cursor:default;
}

#datatable ul.insertionsList {
	margin-top:4px;
}

#datatable ul.insertionsList li {
	padding-top:2px;
	padding-bottom:1px;
	white-space:nowrap;
}

#datatable ul.insertionsList li.odd {
	background-color:#DEDEDE;
}

#colconfig {
	margin:12px auto;
	padding:10px;
}

.multiRowLink{
	text-decoration:none;
}

#editCustomerButton {
	display:block;
	clear:both;
	margin-left:234px;
	position:relative;
	top:6px;
}

.editCustomerPWHelpMsg {
	font-size: 10pt;
	position: absolute;
	right: 0;
}

#editCampaign {
	width:378px;
	margin:24px 38px;
}

#editCampaign h3 {
	font-size:12pt;
	color:#454545;
	margin-bottom:12px;
}

#editCampaign div.field {
	position:relative;
	overflow:hidden;
	padding: 4px 0;
}

#editCampaign div.field.buttonField {
	text-align:right;
	padding:12px 0px;
}

#editCampaign input,
#editCampaign label {
	font-size:8pt;
	display:block;
	float:left;
	width:224px;
}

#editCampaign .cbInput {
	width:210px;
}

#editCampaign .cbClearLink {
	right: -2px;
	top: 10px;
}

#editCampaign label {
	font-weight:bold;
	color:#666666;
	width:140px;
	font-size:9pt;
	padding-top:10px;
}

#editCampaign label.invalid {
	color: indianred;
    font-size: 8pt;
    font-weight: normal;
    left: 146px;
    padding: 0;
    position: relative;
    top: 2px;
}

#editCampaign label.smartlabel {
	font-size:8pt;
	margin-right:0px;
	font-weight:normal;
	width:auto;
	margin-left:140px;
	padding-top:0px;
	top:14px;
}

#editCampaignButton {
	margin:12px 0 8px 220px
}

#showKilledOrderCont {
	color: #666666;
    font-size: 10pt;
    left: 18px;
    margin: 0;
    position: relative;
    top: 12px;
}

#showKilledOrderCont input {
	position:relative;
	top: -1px;
}


/* ======================= UPLOADS ==================== */

#campaignUpload {
	left: 4px;
	position: relative;
	margin:20px 10px;
}

#upContainer {
	width:440px;
	padding:10px 12px 12px;
	background-image:none;
}


/*
TODO: deprecate?
body.details #upContainer {
	padding:0;
}
*/

#upContainer h3 {
	font:bold 16px arial;
	color:#666666;
	float:left;
	background:none;
	padding:0;
}

p.upInstructions {
	font-size:9pt;
	margin:12px 0;
}


#uploadForm {
	height:auto;
	overflow:visible;
}

div#numKnown,
div#numUnknown {
	overflow:hidden;
}

#uploadForm div.field {

}

form#uploadForm div#numUnknown div.field.doublewide {
	width:100%;
	clear:both;
}

form#uploadForm .cbClearLink,
form#uploadForm .cbClearLink:hover,
form#uploadForm .cbClearLink:visited {
	right:4px;
}

#uploadForm textarea {
	width:422px;
	margin-bottom:16px;
	border: 1px solid #A1A1A1;
    border-radius: 3px 3px 3px 3px;
	padding:10px 6px;
	font-family:arial,sans-serif;
	font-size:9pt;
	color:#666666;
}


#uploadForm div.field.upNum {
	float:left;
	margin-bottom:12px;
}

#uploadForm div.field.upNum label {
	margin-left:8px;
}

#uploadForm div.field.upNum .upYesNumLabel {
	margin-right:20px;
}

form#uploadForm div#numUnknown div.field label.textarea-label {
	font-size:9pt;
	color:#999999;
	width:348px;
}

dl#upOrderSummary {
	margin-top:12px;
	overflow:auto;
	width:100%;
	font-size:10pt;
	color:#666666;
}

dl#upOrderSummary dt {
	width:35%;
	clear:both;
	float:left;
	padding-right:10px;
	text-align:right;
	margin-bottom:10px;
}

dl#upOrderSummary dd {
	width:60%;
	float:right;
	margin-bottom:10px;
}


#upComments{
	resize:vertical;
}

#uploadCont {
	height:60px;
}

#asperaCallout{
	font-size:12px;
}

#asperaCallout span.asperaOutOfDate {
	color:#990000;
}

#upload-iframe {
	height:60px;
	overflow:hidden;
}

a#closeUpModal,
a#closeUpModal:hover,
a#closeUpModal:visited {
	font-size:10pt;
	text-decoration:none;
	float:right;
	padding-top: 12px;
	margin-bottom: 12px;
	margin-top: 36px;
}

button.uploadButton {
	margin-left:326px;
}

a.minusLink,
a.minusLink:hover,
a.minusLink:visited {
	margin-left:4px;
	margin-right:4px;
	float:left;
	text-indent:-9999px;
	width:16px;
	height:16px;
	background:url(/images/iconmap.png) no-repeat 0px -760px;
	position:relative;
	top:2px;
	clear:both;
}

a.minusLink.disabled {
	opacity:0.6;
}

#files-list {
	padding-top:12px;
	padding-left:32px;
	padding-bottom:12px;
}

#files-list div {
	padding-bottom:8px;
	color:#666666;
}

/* minus list */


#upload-button-cont {
	padding-top:12px;
	position:relative;
	height:32px;
}

a.upload-button-link {
	padding:8px 12px;
	margin-bottom:12px;
}

a.upload-button-link.disabled {

}

a#upload-browse-button {
	display:block;
	float:left;
	margin-left:0;
}

a#upload-browse-button.disabled {
	opacity:0.6;
	color:#333333;
}

a#upload-browse-button span {
	display:inline-block;
	background:#EFEFEF url(/images/iconmap.png) no-repeat 0px -786px;
	height:16px;
	width:18px;
	position:relative;
	top:4px;
	left:-3px;
}

a#upload-start-button {
	display:block;
	float:right;
}

#upContainer #uploadForm #upload-message p {
	padding:0px 48px;
}

#upContainer #uploadForm #upload-message p.success {
	color:green;
}

#upContainer #uploadForm #upload-button-cont .uploadButton {
	width:86px;
	position:relative;
}

#upContainer #uploadForm #upload-button-cont .uploadButton.disabled {
	color:#333333;
	opacity:0.6;	
}

#upContainer #uploadForm #upload-button-cont .uploadButton span {
	display:inline-block;
	width:22px;
	height:22px;
	background-image:url(/images/iconmap.png);
	background-repeat:no-repeat;
	background-position: 0px -860px;
	position:absolute;
	top:4px;
	right:7px;
}


#upContainer #uploadForm .uploadLimits {
	padding:12px 36px;
	color:#006600;
}

#upContainer #uploadForm .uploadLimits.invalid {
	color:#660000;
}




#mediaProgress {
	overflow: hidden;
  padding: 10px;
  width: 280px;
  margin-left:26px;
}

#mediaProgress h3 {
	margin-bottom:8px;
}

#mediaProgress .progressCont {
	width:200px;
	padding:3px 4px;
	border:1px solid #666666;
	border-radius:2px;
	float:left;
}

#mediaProgress .progressCont .bar {
	background-color:#2279B8;
	height:10px;
}

#mediaProgress .progPerc {
	float:left;
	margin-left:10px;
	font-size:10pt;
	position:relative;
	top:1px;
}


form#uploadForm div#numUnknown div.field {
	float: left;
    margin: 4px 0;
    min-height:50px;
    width: 210px;
	overflow:hidden;
}


form#uploadForm div#anonContactHeader div.field input,
form#uploadForm div#anonContactHeader div.field label,
form#uploadForm div#numUnknown div.field label,
form#uploadForm div#numUnknown div.field input,
form#uploadForm div#numUnknown div.field select {
	color: #666666;
    font-size: 8pt;
    padding: 2px;
    width: 200px;
}

form#uploadForm div#numUnknown div.field input{
}

form#uploadForm div#numUnknown div.field select {
	margin-left: 1px;
	margin-top: 4px;
	width: 205px;
}

form#uploadForm div#numUnknown div.field input.dtp-input {
	width:95%;
}

form#uploadForm div#numUnknown div.field input.cbInput {
	padding-right: 20px;
    width: 180px;
}

form#uploadForm div#numUnknown div.field label.invalid,
form#uploadForm div#anonContactHeader div.field label.invalid
{
	color:#990000;
	margin-top:-2px;
}

form#uploadForm div#numUnknown div.field .dtp-active label.invalid {
	position:relative;
	top:-3px;
}

form#uploadForm div#numUnknown div.field input[type=submit] {
	width:50px;
}


div#spinner {
	bottom: 13px;
    float: left;
    height: 28px;
    left: 122px;
    position: absolute;
    width: 28px;
}

.asperaLinkWrapper {
	position:relative;
}

.asperaLinkWrapper #spinner {
	bottom:3px;
	left:274px;
}

div#anonCont {
	position:relative;
}

div#anonCont div#spinner {
	position:relative;
	top:-28px;
}

#eMain div#spinner {
	bottom: 21px;
	left: 131px;
}

p#asperaMessage {
	margin-bottom:12px;
	font-size:11pt;
}

p#confMessage {
	font-size:11pt;
	color:green;
}

a#asperaLink,
a#asperaLink:hover,
a#asperaLink:active {
	display:block;
	float:left;
	padding: 0;
	cursor: pointer;
 	padding: 5px 36px 5px 6px;
	margin-bottom:15px;
}

a#asperaLink span.asperaLinkIcon{
	background: transparent url(/images/iconmap.png) no-repeat 0px -783px;
	display:block;
	padding: 1px 0 0 20px;
}

ul#asperaList {
	margin:10px 4px 20px 24px;
	color:#666666;
	font-size:11pt;
	width:380px;
	display:block;
	clear:both;
	max-height:120px;
	overflow-y:auto;
}

ul#asperaList li {
	padding-bottom:6px;
}

a.aListMinus {
	margin-right:4px;
	text-indent:-9999px;
	width:16px;
	height:16px;
	background:url(/images/iconmap.png) no-repeat 0px -760px;
	position:relative;
	top:1px;
	display:block;
	float:left;
}


div.anonCallout {
	width:552px;
	height:104px;
	overflow:visible;
	margin:20px auto;
	padding:50px 30px 0px;
	background:url(/images/aeportal_upload_button.png) no-repeat 0 0;
	cursor:pointer;
}

div#anonFormCont {
	width:552px;
	min-height: 475px;
	overflow:hidden;
	margin:20px auto;
	border:1px solid #8A9399;
	border-radius:7px 7px 7px 7px;
	box-shadow:0 -6px 10px 0px #445563;
	padding:8px 17px;
	background-color:#E8EBED;
	position:relative;
}

div#anonFormCont #upContainer {
	margin:0px auto;
	padding-top:10px;
	text-align:left;
	clear:both;
}

div#anonContactHeader {
	height:100%;
	overflow:hidden;
	margin-top:-10px;
	margin-bottom:10px;
}

div.anonHeader {
	text-align:left;
	clear:both;
}

div#anonFormCont h3 {
	text-align:left;
}

div#anonFormCont .acContent p {
	font-size:9pt;
	line-height:12pt;
}

#anonFormCont .breadCrumb{
	text-align:left;
	border-bottom:1px solid #ccc;
	padding:5px 10px 8px 5px;
	margin-bottom:10px;
}

#anonFormCont .breadCrumb:after{
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#anonFormCont .breadCrumb .breadCrumbHome{
	display:block;
	float:left;
	margin:3px 8px 0 0;
	cursor:pointer;
}

#anonFormCont .breadCrumb .breadCrumbPath{
	color:#ccc;
	font-family: Georgia, sans-serif;
	display:block;
	float:left;
	margin:3px 8px 0 0;
}

#anonFormCont .breadCrumb .breadCrumbTitle{
	font-size: 11px;
	display:block;
	color:#666;
	float:left;
	margin-top:5px;
}

#upContainer .clearForm {
	display: block;
    font-size: 11px;
	float:right;
	    border: 1px solid #99B0C3;
	    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	    color: #1E354C;
	    cursor: pointer;
	    padding: 1px 5px;
	    text-decoration: none;
	    text-shadow: 0 1px 0 #E3E6E8;
		color:#666666;
		-webkit-font-smoothing: antialiased;
		text-decoration: none;
		text-shadow: 0px 1px 0px #e3e6e8;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background: #fefefe;
		background: -moz-linear-gradient(top, #fefefe 0%, #e3e6e8 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e3e6e8));
		background: -webkit-linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
		background: -o-linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
		background: -ms-linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
		background: linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
		-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
		box-shadow: 0 0 2px rgba(0,0,0,0.1);
}

#upContainer .clearForm.anonymous {
	position:absolute;
	top:13px;
	right:20px;
}

#upContainer .clearForm.disabled {
	opacity:0.6;
}

#clearUploadConfirm{
	padding:20px;
}

#upload-errors div {
	font-size:10pt;
	padding:12px 16px;
	margin:10px 0;
	background-color:gold;
	color:#660000;
	border-radius:8px;
	position:relative;
}

#upload-errors div .error-close {
	display:block;
	position:absolute;
	top:4px;
	right:8px;
	font-size:10pt;
	cursor:pointer;
}

#upload-file-types {
	font-size:10pt;
}

#clearUploadConfirm h3 {
	font-size:12pt;
	color:#666666;
}

#clearUploadConfirm p{
	font-size:12px;
}

#clearUploadConfirm .buttonWrapper{
	margin:26px 10px 10px 255px;
}

#clearUploadConfirm .clearForm{
	font: 12px/20px arial, sans-serif;
	cursor:pointer;
	min-height:15px;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	color: #1e354c;
	text-shadow: 0px 1px 0px #e3e6e8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 20px;
	border: 1px solid #a4acb3;
	background: #D0DADF;
	background: -moz-linear-gradient(top, #cddae7 0%, #8ea3b4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cddae7), color-stop(100%,#8ea3b4));
	background: -webkit-linear-gradient(top, #d0dae4 0%, #99b0c3 100%);
	background: -o-linear-gradient(top, #cddae7 0%,#8ea3b4 100%);
	background: -ms-linear-gradient(top, #cddae7 0%,#8ea3b4 100%);
	background: linear-gradient(top, #cddae7 0%,#8ea3b4 100%);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}

#clearUploadConfirm .clearForm:hover{
	background: #c2ceda;
	background: -moz-linear-gradient(top, #c2ceda 0%, #86a1b7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2ceda), color-stop(100%,#86a1b7));
	background: -webkit-linear-gradient(top, #c2ceda 0%,#86a1b7 100%);
	background: -o-linear-gradient(top, #c2ceda 0%,#86a1b7 100%);
	background: -ms-linear-gradient(top, #c2ceda 0%,#86a1b7 100%);
	background: linear-gradient(top, #c2ceda 0%,#86a1b7 100%);
	text-decoration: none;
}

#clearUploadConfirm .clearForm:active {
	text-shadow: 0 1px 0 #d0dae4;
	background: #7b95a9;
	background: -moz-linear-gradient(top, #7b95a9 0%, #a9b6c5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b95a9), color-stop(100%,#a9b6c5));
	background: -webkit-linear-gradient(top, #7b95a9 0%,#a9b6c5 100%);
	background: -o-linear-gradient(top, #7b95a9 0%,#a9b6c5 100%);
	background: -ms-linear-gradient(top, #7b95a9 0%,#a9b6c5 100%);
	background: linear-gradient(top, #7b95a9 0%,#a9b6c5 100%);
}


#clearUploadConfirm .closeForm{
	font: 12px/20px arial, sans-serif;
	min-height:13px;
	cursor:pointer;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	color: #1e354c;
	text-shadow: 0 1px 0 #fff;
	margin-left: 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0px 20px;
	border: 1px solid #bbc1c6;
	background: #fefefe;
	background: -moz-linear-gradient(top, #fefefe 0%, #e3e6e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e3e6e8));
	background: -webkit-linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
	background: -o-linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
	background: -ms-linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
	background: linear-gradient(top, #fefefe 0%,#e3e6e8 100%);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
	box-shadow: 0 0 2px rgba(0,0,0,0.1);
	cursor:pointer;
}

#clearUploadConfirm .closeForm:hover{
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 0%, #d5dbe0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#d5dbe0));
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#d5dbe0 100%);
	background: -o-linear-gradient(top, #f5f5f5 0%,#d5dbe0 100%);
	background: -ms-linear-gradient(top, #f5f5f5 0%,#d5dbe0 100%);
	background: linear-gradient(top, #f5f5f5 0%,#d5dbe0 100%);
	text-decoration: none;
}

#clearUploadConfirm .closeForm:active{
	text-shadow: 0 1px 0 #fff;
	background: #cdd3d7;
	background: -moz-linear-gradient(top, #cdd3d7 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdd3d7), color-stop(100%,#ececec));
	background: -webkit-linear-gradient(top, #cdd3d7 0%,#ececec 100%);
	background: -o-linear-gradient(top, #cdd3d7 0%,#ececec 100%);
	background: -ms-linear-gradient(top, #cdd3d7 0%,#ececec 100%);
	background: linear-gradient(top, #cdd3d7 0%,#ececec 100%);
}


div#anonFormCont .acLeftImg,
div.anonCallout .acLeftImg {
	float:left;
	position:relative;
	top:-12px;
	left:10px;
	text-align:center;
	width:96px;
	height:96px;
	clear:both;
}

div#anonFormCont .acLeftImg {
	position:relative;
	left:-10px;
}

div.anonCallout .acContent {
	float:left;
	width:320px;
	margin:auto;
	text-align:center;
	margin-left:20px;
}

div.anonCallout .acContent h2 {
	width:100%;
	text-align:center;
	font-size:20pt;
	color:#6A747B;
	margin-bottom:8px;
}

div.anonCallout .acContent p {
	width:100%;
	color:#000000;
	font-size:10pt;
}

div.anonCallout .acRightImg {
	float:right;
	position:relative;
	top:16px;
	right:34px;
	text-align:center;
	width:48px;
	height:48px;
	background:url(/images/aeportal_upload_arrow_button.png) no-repeat 0 0;
}

div.anonCallout:hover .acRightImg {
	background:url(/images/aeportal_upload_arrow_button_hover.png) no-repeat 0 0;
}

form#uploadForm div#anonContactHeader h3 {
	border-bottom: 1px solid #666666;
    clear: both;
    font-size: 10pt;
    margin-bottom: 12px;
    padding-top: 10px;
    position: relative;
    text-transform: uppercase;
    top: 6px;
	float:none;
}
form#uploadForm div#anonContactHeader div.field {
	width:100%;
	float:left;
}

form#uploadForm div#anonContactHeader div.field label.invalid {
	color:#990000;
	position:relative;
	top:-2px;
}


form#uploadForm div#anonContactHeader div.field.doublewide {
	width:420px;
}
form#uploadForm div#anonContactHeader div.field.perc70 {
	width:260px;
	margin-right:20px;
}
form#uploadForm div#anonContactHeader div.field.perc30 {
	width:140px;
}

form#uploadForm div#anonContactHeader div.field input {
	width:100%;
	padding:6px;
}

form#uploadForm #numUnknown .field.perc50 {
	margin-right:20px;
}

div.startover {
	padding-right: 6px;
    padding-top: 12px;
    text-align: right;
}

div.startover a,
div.startover a:hover,
div.startover a:visited {
	color: #666666;
 	font-size: 10pt;
}


/* ======================= USER PROFILE MODAL ==================== */

#userProfile {
	width:640px;
	height:auto;
	margin:10px auto;
}

#userProfile p {
	margin:12px;
}

#userProfile h3 {
	padding-left:12px;
}

#userProfile .profileMsg {
	padding:6px;
	margin:4px;
}

#userProfile .profileMsg.successmsg {
	color:#009900;
	background-color:#CCCCCC;
}

/*Eliminates background images from tabs - icons were removed from most of portal -- EAS 2/18/14*/

#userProfile .igroup.mygroups, .iorder.myorders, .icampaign.mycampaigns, .icustomer.mycustomers {
	background-image:none;

}

/* ======================= BOOKINGS ==================== */

#saveSuccess {
	padding-bottom:12px;
}

#saveSuccess h3 {
	color: #666666;
	font-size: 12pt;
	margin-left: 20px;
	margin-top: 12px;
	text-transform:capitalize;
}

#saveSuccess div {
	overflow:hidden;
}

#editGoRefresh {
	margin-left:20px;
	font-size:10pt;
}

#editGoDetails {
	margin-left:20px;
	font-size:10pt;
}

div.saveSuccessModal {
	padding:20px;
}

div.saveSuccessModal p {
	font-size:10pt;
}

div.saveSuccessModal p.saveSuccess {
	font-size:12pt;
	margin-bottom:12px;
	text-transform:capitalize;
}

/* TODO: create booking classes for all these bad boys: */
#createCampaignCont,
#createCustomerCont {
	width:384px;
}

#createCampaign div.field input.rundate {
 font-size:8pt;
 width:160px; 
}

#createCampaignCont .ajaxLoading,
#createCustomerCont .ajaxLoading {
	bottom: 8px;
    position: absolute;
    right: 200px;
}

#addOrderCont {
	width:628px;
	position:relative;
}

#addOrderCont #addOrderResultLabel p {
	background-color:#cccccc;
	margin:4px;
	padding:6px;
}

#addOrderCont #addOrderResultLabel p {
	color:#009900;
}

#addOrderCont #addOrderResultLabel.error p {
	color:#990000;
}

#addOrderCont .ajaxLoading {
	bottom: 8px;
    position: absolute;
    right: 208px;
}

#addOrderCont #addOrderResultLabel .closemessage {
	display: inline-block;
	float: right;
	color:#000;
	font-size:10pt;
}

#editTemplateCont,
#createOrderCont {
	width:680px;
	position:relative;
	padding-bottom:12px;
}


#editPackageCont,
#editTemplateCont {
	padding:0 10px 12px 0;
	overflow:hidden;
	height:auto;
	position:relative;
}

#editPackageCont {
	width:800px;
}

#editTemplateCont {
	width:720px;
}


#editPackageDescription {
	overflow:auto;
	width:390px;
}


/*
#editPackageCont .formButtons {
	clear:both;
	text-align:right;
}
*/

#editPackage .companyField {
	clear:left;
}

#editPackage .companyField p {
	position:relative;
	top:-4px;
	left:-8px;
}

#editPackageCont p.templatesLoading {
	clear:both;
	float:left;
}

#editPackageCont label {
    font-size: 8pt;
    padding: 2px;
    width: 170px;
	color:#666666;
}

#editPackageCont label.invalid {
	color:#990000;
}

form#editPackage {

}


#editPackageSelector {
	overflow:hidden;
	width:368px;
	margin:auto auto 8px;
	padding:0px 10px 12px;
}

#editPackageSelector button#addTemplate.disabled {
	color:#999999;
}

#editPackageSelector .templateSelect {
	clear:both;
	float:left;
	width:372px;
	padding-bottom:4px;
}

#editPackageSelector .templateSelect select {
	color: #666666;
    font-size: 8pt;
    padding: 2px;
    width: 368px;
}

#editPackageSelector .templateTx {
	bottom: 8px;
	left: 94px;
    padding: 12px;
    position: absolute;
    width: 170px;
}

#editPackageSelector .selectedTemplates {
	float:left;
	width:280px;
	padding-top:12px;
}

#editPackageSelector .selectedTemplates h2 {
	width:288px;
}

#editPackageSelector .selectedTemplates p {
	margin-top:6px;
	margin-bottom:6px;
}

#editPackageSelector .selectedTemplates table {
	width:300px;
}


table#templateListTable {
	width:780px;
	margin-left:10px;
	position:relative;
	overflow:hidden;
}

table#templateListTable thead {
	width:100%;
}

table#templateListTable thead tr {
	display:block;
	position:relative;
}

table#templateListTable tbody {
	position:relative;
	overflow-y:auto;
	height:160px;
	display:block;
}

table#templateListTable tbody tr.odd {
	background-color:#D9E6EE;
}

table#templateListTable thead tr th,
table#templateListTable tbody tr td {
	font-size:9pt;
	text-align:left;
	vertical-align:middle;
	padding:2px 4px;
	overflow:hidden;
}

table#templateListTable tbody tr td {
	border-right:1px solid #D9E6EE;
}

table#templateListTable thead tr th.remove,
table#templateListTable tbody tr td.remove {
	border-right:0;
}

table#templateListTable thead tr th {
	color:#FFFFFF;
	background:url(../images/tabBGSelected.png) repeat-x;
}

table#templateListTable thead tr th.templateNameHead,
table#templateListTable tbody tr td.templateNameCell {
	width:262px;
	max-width:262px;
}

table#templateListTable thead tr th.templateAdTypeHead,
table#templateListTable tbody tr td.templateAdTypeCell {
	width:140px;
	max-width:140px;
}

table#templateListTable thead tr th.templateSizeHead,
table#templateListTable tbody tr td.templateSizeCell {
	width:160px;
	max-width:160px;
}

table#templateListTable thead tr th.templateProductHead,
table#templateListTable tbody tr td.templateProductCell {
	width:110px;
	max-width:110px;
}

table#templateListTable thead tr th.templateRemoveHead {
	width:69px;
	max-width:69px;
}

table#templateListTable tbody tr td.templateRemoveCell {
	width:64px;
	max-width:64px;
}

table#templateListTable tbody tr td button {
   font-size: 8pt;
    height: 20px;
    width: 60px;
	padding:0px;
}

table#templateListTable tbody tr td button.disabled {
	color:#999999;
}

table#templateListTable tbody tr td button.removeTemplate {
	margin:0px;
}

#editPackage .selectedTemplates h2#selectedTemplateListHeader {
	color:#FFFFFF;
	background:url(../images/tabBGSelected.png) repeat-x;
	font-size:10pt;
	padding:2px 6px;
	margin-left:10px;
}

#editPackageApprovedCont,
#editPackageEnabledCont {
	float:right;
	padding:0px 0px 16px 16px;
	width:72px;
	overflow:hidden;
}

#editPackageApproved,
#editPackageEnabled {
	float:left;
	margin-right:4px;
}

#editPackageApprovedLabel,
#editPackageEnabledLabel {
	position:relative;
	top:5px;
}

#createOrderCont.withCompany {
	height: 614px;
}

#createOrderCont .ajaxLoading {
	bottom: 8px;
    position: absolute;
    right: 202px;
}

#newOrderTabsCont {
	overflow:hidden;
	clear:both;
}

#addOrderTabsCont {
	clear:both;
}

#addOrderAdvanced {
	padding-top:12px;
}

#addOrderTabsCont #addOrderTabs {
	margin:0 0 0 4px;
}

#addOrderTabsCont #addOrderTemplates {
	padding-top:12px;
}


#createOrderCont #newOrderTabs {
	margin-left:4px;
}

#createOrderCont .ui-tabs-panel {
	padding:20px 24px 10px;
	overflow:hidden;
}

#addOrderTemplateCont,
#createOrderTemplateCont {
	border: 1px solid #999999;
	border-radius: 3px 3px 3px 3px;
	color: #666666;
	float: left;
	clear: both;
	font-size: 9pt;
	margin-left: 0px;
	margin-top: 16px;
	padding: 4px;
	width: 612px;
	height: 250px;
}

#addOrderTemplateCont {
	width: 602px;
	margin-left: 8px;
	height:259px;
}

#addOrderTemplateDescription,
#createOrderTemplateDescription {
	margin-bottom:12px;
}

#addOrderTemplateSummary,
#createOrderTemplateSummary {

}

form#editTemplate {
}



/* CHOOSE TEMPLATE & PACKAGE BIDNESS */

#choosePackage,
#chooseTemplate {
	padding:0px 4px 12px 12px;
	overflow:hidden;
	position:relative;
}

#choosePackage #choosePackageListCont,
#chooseTemplate #chooseTemplateListCont {
	float:left;
	width:320px;
	height:auto;
}

#choosePackage #choosePackageListCont p.choosePackageLabel,
#chooseTemplate #chooseTemplateListCont p.chooseTemplateLabel {
	margin:0;
	margin-bottom:12px;
	float:none;
}

#chooseTemplateListCont #templatesShowHideDisabledCont,
#choosePackageListCont #packagesShowHideDisabledCont {
	height:20px;
	padding-top:2px;
}

#chooseTemplateListCont label {
	color: #666666;
    font-size: 8pt;
    padding: 2px;
    width: 170px;
}

#choosePackage #choosePackageList,
#chooseTemplate #chooseTemplateList {
	font-size:8pt;
	border:1px solid #999999;
	border-radius:3px;
	height:360px;
	overflow:hidden;
}

#choosePackage .choosePackageListScroller {
	height:340px;
	overflow-y:auto;
}

#chooseTemplate #chooseTemplateList {
	height:418px;
	overflow-y:auto;
}


#choosePackageList h4,
#chooseTemplateList h4 {
	font-size:10pt;
	padding:2px 4px;
	background-color:#DEDEDE;
}

#choosePackageList h4.choosePackageHeader {
	background-color:#717B83;
	color:#FFFFFF;
}

h4.choosePackageHeader .name {
	display:inline-block;
	width:80%;
}

#choosePackageList .packageChooseCompanyList,
#chooseTemplateList .templateChooseCompanyList {
	font-size:9pt;
}

#choosePackageList .packageChooseCompanyList span.name {
	display:inline-block;
	width:80%;
	overflow:hidden;
	text-overflow:ellipsis;
}

#choosePackageList .packageChooseCompanyList span.orders {
	display: inline-block;
    text-align: center;
    width: 18%;
}


#choosePackageList .packageChooseCompanyList a,
#chooseTemplateList .templateChooseCompanyList a {
	cursor:pointer;
	display:block;
	padding:2px 4px;
	color:#666666;
}

#choosePackageList .packageChooseCompanyList a.odd,
#chooseTemplateList .templateChooseCompanyList a.odd {
	background-color:#D9E6EE;
}

#choosePackageList .packageChooseCompanyList a.disabled-package,
#chooseTemplateList .templateChooseCompanyList a.disabled-template {
  font-style:italic;
  color: #990000;
}

#choosePackageList .packageChooseCompanyList a.selected,
#choosePackageList .packageChooseCompanyList a.selected.odd,
#chooseTemplateList .templateChooseCompanyList a.selected,
#chooseTemplateList .templateChooseCompanyList a.selected.odd {
	background-color:#71B7FF;
	border-bottom: 1px solid #98ADBC;
    border-top: 1px solid #98ADBC;
	padding:1px 4px;
}

#choosePackage #choosePackageSummary,
#chooseTemplate #chooseTemplateSummary {
	float:right;
	width:364px;
	border:1px solid #999999;
	border-radius:3px;
	padding:12px 2px 2px;
	height:444px;
}

#choosePackage #choosePackageSummary p,
#chooseTemplate #chooseTemplateSummary p {
	margin-top:0px;
	overflow:hidden;
}

#choosePackage #choosePackageSummary {
	width:444px;
	height:372px;
}

#chooseButtonsPackage,
#chooseButtons {
	width:100%;
	clear:both;
	padding-top:8px;
	float:none;
}

#chooseButtonsPackage button.chooseButton,
#chooseButtons button.chooseButton {
	width:98px;
	position:relative;
	left:-8px;
	top:8px;
}

#chooseButtonsPackage button.chooseButton.deleteBtn,
#chooseButtons button.chooseButton.deleteBtn {
	float:none;
}

#chooseButtons button.chooseButton.disabled,
#chooseButtonsPackage button.chooseButton.disabled {
	color:#999999;
}

#chooseButtonsPackage #choosePackageCancel,
#chooseButtons #chooseTemplateCancel {
	float:right;
	position:relative;
	top:8px;
}

.chosenPackageSummaryItem,
.chosenTemplateSummaryItem {
	padding:0px 10px 10px;
	font-size:9pt;
	color:#666666;
}

.chosenPackageSummaryItem {
	padding:0px 10px 6px;
}


#editPackageTemplateSummary .chosenTemplateSummaryItem label,
.chosenPackageSummaryItem label,
.chosenTemplateSummaryItem label {
	margin-left:10px;
	width:120px;
	display:inline-block;
	font-weight:bold;
	vertical-align:top;
}

#editPackageTemplateSummary .chosenTemplateSummaryItem span,
.chosenPackageSummaryItem span,
.chosenTemplateSummaryItem span {
	display:inline-block;
	width:190px;
}

#choosePackageSummary p.packageInUse,
#chooseTemplateSummary p.templateInUse {
	color:#990000;
}

.chosenPackageSummaryItem div.etLockCont,
.chosenTemplateSummaryItem div.etLockCont {
	width:15px;
	display:inline-block;
	vertical-align:top;
	padding-top:1px;
}

.formButtons.editPackage {
	width:100%;
	text-align:right;
	padding-top:12px;
}

button.backButton {
	float:left;
}

#choosePackagesTableCont {
	width:100%;
}

#choosePackagesTableCont td {
	max-width:100px;
	overflow:hidden;
}

#packagesInheritCont {
  margin-left:20px;
  padding-top:12px;
}

#packagesInheritCont input {
  
}

#packagesInheritCont label {
  font-size:9pt;
  color:#666666;
  padding-left:6px;
}




#addOrderTemplateSummary dl,
#createOrderTemplateSummary dl {
	overflow:hidden;
	width:600px;
}


#editPackageCont div.field input,
#editTemplateCont div.field input {
	font-size:8pt;
	width:374px;
	margin:0;
}

#editTemplateCont div.field input.customSize {
	width:114px;
}

#editPackageCont div.field select#editPackageCompany {
	width:388px;
}

#editTemplateCont .etCustomSize {
	overflow:hidden;
	width:300px;
}

#editTemplateCont .etCustomSizeCont {
	width:150px;
	float:left;
}


#editTemplateCont div.field.etSummaryField {
	width:348px;
	clear:left;
}

#editTemplateCont div.field.etSummaryField.availables {
	min-height:0px;
	text-align:right;
}

#editTemplateCont #editTemplateMeta div.field {
	width:320px;
}

#editTemplateCont #editTemplateMeta div.field input {
	width:316px;
}

#editTemplateCont #editTemplateMeta div.field select {
	width:330px;
}

#editTemplateCont div.field.etSummaryField select {
	width:278px;
}

#editTemplateCont div.field.etSummaryField select.jqd {
	width:48px;
	float:none;
	display:block;
	float:left;
	margin-bottom:8px;
}

#editTemplateCont div.field.etSummaryField #durationLocked {
	margin-left:8px;
}

#editTemplateCont div.field.etSummaryField select.jqdhh {
	clear:left;
	position:relative;
	margin-bottom:8px;
}

#editTemplateCont div.field.etSummaryField select.jqdnamed {
	width:278px;
}

#editTemplateCont div.field.etSummaryField .jqdlabel {
	font-size:9pt;
	color:#666666;
	padding:6px 6px 0px 2px;
	display:block;
	float:left;
}

#editTemplateCont div.field.etSummaryField .et_summary_input {
	width:264px;
}

#etDurationRequired {
	position:absolute;
	bottom:0px;
}


#editPackageCont input.disabled,
#editTemplateCont input.disabled,
#editPackageCont select.disabled,
#editTemplateCont select.disabled {
	color:#999999;
}

#editPackageCont input.disabled,
#editTemplateCont input.disabled {
	background:none;
	background:#FFFFFF;
	border-color:#BEBEBE;
}

#editPackageCont label.disabledMsg,
#editTemplateCont label.disabledMsg {
	color:#990000;
	width:184px;
	margin:0 0 10px;
}

#editPackageCont label.approvedMsg {
    color: #990000;
    float: left;
    padding-left: 10px;
    width: auto;
}

#editTemplateCont label.availableMsg {
	color:#990000;
	width:auto;
}

#editPackageCont div.field input[type="checkbox"],
#editTemplateCont div.field input[type="checkbox"] {
	width:auto;
	margin-right:8px;
}


#editTemplateCont div.field.etSummaryField input[type="checkbox"] {
	margin-right:0;
	margin-left:4px;
}

#editTemplateCont div.field .jqdlimitlabel {
	bottom: -6px;
  display: block;
  position: absolute;
  width: auto;
	color:#666666;
	font-size:8pt;
}

#editTemplateCont #editTemplateFields {
	display:block;
	padding:0 0 12px 20px;
	overflow:hidden;
	float:left;
	width:356px;
}

#editTemplateCont #editTemplateMeta {
	overflow:visible;
	float:left;
	width:340px;
}

#editTemplateCont #editTemplateMeta p {
	width:360px;
}

#editPackageCont #editPackageFields {
	display:block;
	clear:both;
	border-top:1px solid #A1A1A1;
	position:relative;
	top:12px;
	padding:12px 0px 16px;
	overflow:hidden;
}

#editPackageCont #editPackageDescription textarea,
#editTemplateCont #editTemplateTemplateDescription textarea {
	height:60px;
	font-size:9pt;
	font-family:arial,sans-serif;
	padding:4px 6px;
	border-radius:3px;
	color:#454545;
	border:1px solid #A1A1A1;
}

#editPackageCont #editPackageDescription textarea {
	width:374px;
	height:309px;
}

#editTemplateCont #editTemplateTemplateDescription textarea {
	width:318px;
	height:138px;
}

#editTemplateCont div.field.etSummaryField .sb-text-input {
	width:204px;
}

#editTemplateCont div.field.etSummaryField .sb-select {
	width:52px;
	margin-left:8px;
}

#editPackage .editPackageLeft {
	float:left;
}

#editPackage .editPackageRight {
	float:right;
}

#editPackage .selectedTemplates {
	clear: both;
    height: 204px;
    /* overflow-y:scroll; */
	overflow:hidden;
}

#editPackageTemplateSummary {
	border:1px solid #666666;
	border-radius:3px;
	height:420px;
	position:relative;
}

#editTemplateCont dl dt,
#addOrderTemplateSummary dl dt,
#createOrderTemplateSummary dl dt {
	font-weight:bold;
	padding-bottom:4px;
	width:160px;
	height:15px;
	float:left;
	clear:both;
}

#editTemplateSummary dl dt.editable,
#addOrderTemplateSummary dl dt.editable,
#createOrderTemplateSummary dl dt.editable {
	padding-left: 20px;
	width: 140px;
}

#addOrderTemplateSummary img.lockedfield,
#createOrderTemplateSummary img.lockedfield,
#addOrderTemplateSummary img.editfield,
#createOrderTemplateSummary img.editfield {
	position:relative;
	margin-right:8px;
	left:2px;
	top:2px;
	cursor:help;
}

#addOrderTemplateSummary dl dd,
#createOrderTemplateSummary dl dd {
	float:left;
	height:15px;
	padding-bottom:4px;
	width:440px;
}

#addOrderTemplateDescription {
	width:408px;
}

#addOrderCont #addOrderMediaAdTypesListCont,
#addOrderCont #addOrderAdTypeDescCont,
#createOrderCont #mediaAdTypesListCont,
#createOrderCont #AdTypeDescCont {
	border:1px solid #999999;
	border-radius:3px;
	float:left;
}

#createOrderCont #AdTypeDescCont h3 {
	margin-bottom:10px;
	font:bold 12px arial;
}

#addOrderCont #addOrderAdTypeDescCont h3 {
	margin-bottom:10px;
	font:bold 12px arial;
}


#addOrderCont #addOrderMediaAdTypesCont {
	float: left;
	margin-right: 20px;
	width: 224px;
}


#createOrderCont #mediaAdTypesCont {
	float: left;
	margin-left: 0;
	margin-right: 30px;
	width: 224px;
}

#addOrderCont #addOrderMediaAdTypesListCont,
#createOrderCont #mediaAdTypesListCont {
	width:224px;
	padding:4px;
	font-size:9pt;
	color:#666666;
	overflow-y:scroll;
	height: 240px;
	position:relative;
}

#addOrderCont #addOrderMediaAdTypesListCont ul ul,
#createOrderCont #mediaAdTypesListCont ul ul {
	margin-bottom:6px;
}

#createOrderCont label[for=createOrderAdType] {

}

#addOrderCont #addOrderMediaAdTypesListCont li.mediaTypeItem,
#createOrderCont #mediaAdTypesListCont li.mediaTypeItem {
	padding-left:0px;
	font-weight:bold;
	color:#333333;
	width:100%;
	background-color:#DEDEDE;
}

#addOrderCont #addOrderMediaAdTypesListCont ul li.adTypeItem,
#createOrderCont #mediaAdTypesListCont ul li.adTypeItem {
	padding-left:12px;
	cursor:pointer;
	padding-top:1px;
	padding-bottom:1px;
}


#addOrderCont #addOrderMediaAdTypesListCont li.adTypeItem.selected:hover,
#addOrderCont #addOrderMediaAdTypesListCont li.adTypeItem.selected,
#createOrderCont #mediaAdTypesListCont li.adTypeItem.selected:hover,
#createOrderCont #mediaAdTypesListCont li.adTypeItem.selected {
	border-bottom: 1px solid #98ADBC;
	border-top: 1px solid #98ADBC;
	padding-top:0px;
	padding-bottom:0px;
	background-color: #71B7FF;
}

#addOrderCont #addOrderMediaAdTypesListCont li.adTypeItem:hover,
#createOrderCont #mediaAdTypesListCont li.adTypeItem:hover {
	background-color:#CEE0F2;
	border:0;
	padding-top:1px;
	padding-bottom:1px;
}

#addOrderCont #addOrderAdTypeDescCont {
	width:366px;
	height:335px;
	margin-top:-70px;
	overflow-x: hidden;
	overflow-y: auto;
}


#createOrderCont #AdTypeDescCont {
	width:366px;
	height:340px;
	margin-top:-75px;
	overflow-x: hidden;
	overflow-y: auto;
}

#addOrderCont #addOrderAdTypeDescCont div,
#createOrderCont #AdTypeDescCont div {
	text-align:center;
	max-width:240px;
	max-height:240px;
	margin:auto;
}

#addOrderCont #addOrderAdTypeDescCont img,
#createOrderCont #AdTypeDescCont img {
	margin:0px auto;
	max-width:240px;
	max-height:210px;
}

#createOrder div.field.productField {
	float:none;
	margin-left:0px;
}

#createOrder div.field.templateField {
	margin-left:0px;
}


.bookingTemplating h3 {
	width:100%;
	color:#fff;
	background-color:#717B83;
	font:bold 18px arial;
	background-image:none;
	padding:7px 0 6px 10px !important;
	border-bottom:2px solid #B7B7B7;
	overflow:hidden;
}

.bookingTemplating h3 span {
	font-weight:normal;
    font-weight: normal;
    overflow: hidden;
    width: 520px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

#editTemplateCont h3 span,
#editPackageCont h3 span {
	display: block;
    float: left;
}

#editTemplateCont h3 span.headerText,
#editPackageCont h3 span.headerText {
	width:auto;
	font-weight:bold;
}

.bookingTemplating p {
	font-size:9pt;
	margin:10px;
}

.bookingTemplating {
	overflow:hidden;
}


.bookingTemplating div.field {
    float:left;
    margin:4px 8px;
    min-height:56px;
    width:174px;
}

#newOrderInheritCont {
 min-height:0;
}

#newOrderInheritCont label {
 font-size:9pt;
 color:#666666;
 padding:6px; 
}

div.field label.disabledField {
    float: left;
    width: 120px;
}


#createOrder div.field.companyField {
	height:40px;
	min-height:0;
}

.bookingTemplating label.standalone,
.bookingTemplating .field select,
.bookingTemplating .field label {
    color:#666666;
    font-size:8pt;
    padding:2px;
    width:170px;
}



#orderDuplicate {
	width:382px;
}

#orderDuplicate #duplicateOrderOptions {
	margin-left:2px;
}

#orderDuplicate #cbInput_dup_ord_diff_camp {
	width:382px;
}

#orderDuplicate #duplicateOrder label.standalone,
#orderDuplicate #duplicateOrder .field select,
#orderDuplicate #duplicateOrder .field label {
    /* width:363px; */
	width:auto;
}

#orderDuplicate div.field {
	height:40px;
	min-height:0;
	margin:0 8px;
}

#orderDuplicate div.field input {
	font-size:8pt;
}

#orderDuplicate #dupOrderCampaignCont {
	height: auto;
    margin-left: 10px;
    overflow: hidden;
    width: 322px;
}

#orderDuplicate .cbInput.fullwidth {
	width:300px;
}

#orderDuplicate #dupOrderCampaignValid {
	position:relative;
	left:6px;
	top:2px;
}

#orderDuplicate #dupOrderCampaignLoading {
	left: 258px;
    position: absolute;
    top: 13px;
}

#editTemplateCont div.field label {
	display:block;
}

#editTemplateCont div.field label.checkLabel {
	display:inline;
	font-size:9pt;
}

#editTemplateCont div.field label.checkLabel.disabled {
	color:#999999;
}

#editTemplateCont div.field label.invalid {
	display:block;
	position:absolute;
}

#editTemplateCont div.field label.etCheckboxLabel {
	font-size:9pt;
	color:#666666;
	line-height:200%;
	display:inline;
}

#editTemplateCont div.field img.etLock {
	position:relative;
	left:8px;
	cursor:pointer;
}

#editPackageCont .deleteBtn,
#editTemplateCont .deleteBtn {
	color:#660000;
	float:left;
}


.bookingTemplating .field label.invalid {
	color:#990000;
	padding:0px 2px;
}

.bookingTemplating .field label.smartlabel {
	font-size:8pt;
	top:19px;
	left:4px;
}

.bookingTemplating .field input.cbInput {
	padding: 2px 20px 2px 2px;
	font-size:8pt;
    padding-right: 20px;
    width: 150px;
}

.bookingTemplating .field a.cbClearLink {
	top:8px;
}

#editTemplate .formButtons {
	bottom: 0;
    clear: both;
    position: relative;
	text-align:right;
    right: 0;
	padding-top:12px 4px 4px;
}

#editTemplate .templateInUse {
	color:#660000;
	float:left;
	clear:both;
}

#editTemplate .field.etCustomSize.clearfloat h3 {
	background:none;
	border:none;
	color:#000;
	padding:0 !important;
}

#addOrder .formButtons,
#createOrder .formButtons
{
	bottom: 0;
	clear: both;
	padding: 10px;
	right: 0;
}

#createOrder .formButtons {
	position:absolute;
}

#addOrder .formButtons {
	position:relative;
}


#createCampaign .formButtons,
#createCustomer .formButtons {
	clear:both;
	padding:10px;
}

#duplicateOrder .formButtons {
	float:right;
	clear:both;
	padding:20px 10px 10px;
}

#createCustomer .field input {
	width:151px;
	padding:2px 20px 2px 2px;
	font-size:8pt;

}

span.semivalid {
	background: url("/images/status_BCE54C_approve.png") no-repeat scroll 0 0 transparent;
	    display: inline-block;
	    height: 12px;
	    left: 4px;
	    position: relative;
	    top: 3px;
	    width: 12px;
}


form#editCustomer {
	padding:10px 20px;
}

#editCustomer div.field {
	float:left;
	font-size:8pt;
	margin:10px 20px;
	width:50%;
}

#editCustomer div.field.doublewide {
	width:95%;
	clear:both;
}

#editCustomer div.field label {
	display:block;
}

#editCustomer #changeCustomerPWLink {
	font-size:10pt;
	position:relative;
}

#editCustomer #changeCustomerPWLink.cancel {
	top:-14px;
}

#editCustomer div.field input,
#editCustomer div.field select,
#editCustomer div.field textarea {
	display:block;
	width:100%;
}

#editCustomer div.field select {
	padding:4px 2px;
	font-size:10pt;
	color:#454545;
	width:446px;
}

#editCustomer div.field .cbInput {
	padding-right:6px;
}

#editCustomer #customerEmailProof {
	width:auto;
}

#editCustomer div.field textarea {
/*	width:238px; */
	padding:4px 6px;
	border-radius:3px;
	border:1px solid #A1A1A1;
	color: #454545;
    font-size: 11pt;
	font-family:arial,sans-serif;
}


#orderDeadlineOverrides {
	width:480px;
	padding:12px;
	overflow:hidden;
}

#orderDeadlineOverrides h3 {
	font-size:12pt;
}




#proofHQCont { width:100%; }

#proofHQiframe { width:100%; }


/* ========= Simple Proofing ========== */

#deetCont-simpleproof {
	background-color: #616E6E;
	width:100%;
	max-width:none;
	overflow:hidden;
	position:relative;
}

#sp-comments {
	width: 250px;
	background-color: #232D2E;
    border-right: 1px solid #4F5759;
    box-shadow: 2px -1px 2px #333333;
    float: left;
    height: 100%;
    position: relative;
    z-index: 300;
}

#sp-commentsAddCont {
	background-color:#616E6E;
	border-bottom:1px solid #4F5759;
}

#sp-commentsAddCont h3 {
	color: #FFFFFF;
    font-size: 12pt;
    margin: 10px 12px;
}

#sp-commentsAddCont textarea {
	border: 1px solid #A1A1A1;
    border-radius: 4px 4px 4px 4px;
    color: #666666;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 10pt;
    margin-bottom: 10px;
    margin-left: 12px;
    padding: 4px;
    width: 216px;
	height:100px;
}

#sp-commentsAddCont .submitButton {
	float:right;
	margin-bottom:10px;
	margin-right:12px;
}

#sp-commentsVersions {
	height:100%;
	overflow-y:auto;
}

div.sp-commentsVersionHeadCont {
	cursor:pointer;
	height:24px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:10pt;
	border-top:1px solid #4D5857;
	border-bottom:1px solid #4D5857;
}

span.sp-commentsVersionHeader {
	position: relative;
	top:-8px;
}

span.sp-commentsVersionHeadCount {
	position: relative;
	top:5px;
	float:right;
	text-align:right;
	font-weight:normal;
	padding-right:8px;
}

img.sp-commentsVersionHeadImg {
	margin:8px;
}


div.sp-comment {
	font-size:8pt;
	border-top:1px solid #879494;
	border-bottom:1px solid #4F5759;
	padding:6px;
	overflow:hidden;
}

div#sp-editComment {
	padding:12px;
}

span.sp-noComments {
	color:#FFFFFF;
	font-weight:bold;
	font-size:10pt;
	padding:2px 6px;
	position: relative;
	top: 4px;
}

div.sp-commentHead {
	overflow:hidden;
	margin-bottom:10px;
}

span.sp-commentUser {
	float:left;
}

span.sp-commentDate {
	float:right;
	text-align:right;
}

span.sp-modifiedDate {
	clear: both;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	text-align: left;
}

p.sp-commentIPWarning {
	font-size:8pt;
	color:indianred;
	margin-bottom:10px;
}

p.sp-commentDeletedWarning {
	font-size: 8pt;
	font-weight: bold;
	margin-bottom: 10px;
}

p.sp-commentText {
	font-size:9pt;
	clear:both;
	margin-bottom:10px;
}

textarea.sp-commentText {
	font-family:Arial,sans-serif;
	font-size:9pt;
	clear:both;
	margin-bottom:10px;
	padding:2px;
}

#sp-editComment textarea {
	border: 1px solid #A1A1A1;
    border-radius: 4px 4px 4px 4px;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 10pt;
    margin-bottom: 10px;
    padding: 4px;
    width: 320px;
	height:100px;
	color:#666666;
}

#sp-editComment button {
	float:right;
}

#sp-editComment button.cancelButton {
	margin-right:12px;
}

button.sp-deleteCommentButton,
button.sp-editCommentButton {
	color: #666666;
   font-size: 8pt;
   line-height: 140%;
   padding: 0 4px;

}

button.sp-editCommentButton {
	float:right;
}


#sp-proof {
	float:left;
	height:100%;
	background-color:#616E6E;
}

#sp-proof #sp-unavailable {
	width:200px;
	height:60px;
	background-color:#CCCCCC;
	color:#000000;
	font-size:12pt;
	border-radius:12px;
	padding:16px;
	margin:200px auto;
	text-align:justify;
	border:2px solid #666666;
}

#sp-proof #sp-unavailableCont {
	margin:0px;
}

#sp-proof #sp-proofFrame {
}

#sp-proof #sp-proofFrame.bgDarkGrey {
	/* default - inherit */
}

#sp-proof #sp-proofFrame.bgWhite {
	background-color:#FFFFFF;
}

#sp-proof #sp-proofHead {
	height:50px;
	width:100%;
	background-color:#999999;
	position:relative;
}

#sp-proof #sp-flashNotice {
	background-color: #EAEAEA;
	box-shadow: 2px 2px 2px #666666;
    height: 22px;
    padding: 14px 0;
    position: absolute;
	top:50px;
    text-align: center;
    width: 100%;
    z-index: 500;
}

#sp-proof #sp-flashNotice span.sp-notagain a {
	float:right;
	font-size:10pt;
	padding:12px 24px;
}

#sp-proof #sp-proofHead #sp-proofVersion {
	position:absolute;
	bottom:12px;
	left:62px;
	font-weight:bold;
}

#sp-proof #sp-proofHead #sp-proofRefresh {
	width:16px;
	height:16px;
	position:absolute;
	bottom:14px;
	left:40px;
	cursor:pointer;
}

#sp-proof #sp-proofHead #sp-proofMode {
	background-color: #666666;
    border-radius: 0 0 12px 12px;
    color: #FFFFFF;
    font-size: 10pt;
    margin: 0 auto;
    padding: 6px 12px;
    text-align: center;
    width: 80px;
}

#sp-proof #sp-proofHead #sp-proofMode.markup {
	background-color:#DEA500;
}

#sp-proof #sp-proofHead #sp-proofExpand {
	position:absolute;
	right:0px;
	bottom:0px;
	padding:6px;
	margin-right:40px;
	background-color:#CCCCCC;
	color:#FFFFFF;
}

#sp-proof #sp-proofHead #sp-proofExpand a,
#sp-proof #sp-proofHead #sp-proofExpand a:hover,
#sp-proof #sp-proofHead #sp-proofExpand a:visited {
	color:#FFFFFF;
}



#orderDeadlineOverrides #proofOverride,
#orderDeadlineOverrides #productionOverride {
	padding:6px 10px;
	background:#EDEDED;
	border-radius:4px;
	margin-bottom:12px;
}

#orderDeadlineOverrides p {
	font-size:10pt;
	margin:4px 0px;
}

#orderDeadlineOverrides .overrideInputs {
	overflow:hidden;
	padding-top:6px;
}

#orderDeadlineOverrides .overrideInput {
	clear: both;
	display: block;
	float: left;
	position: relative;
	top: 2px;
	left:2px;
}

#orderDeadlineOverrides .overrideInputs label {
	color: #333333;
	font-size: 10pt;
	height:20px;
	display:block;
	float:left;
	margin-left:12px;
	padding:0px 0px 6px;
}

#orderDeadlineOverrides .overrideInputs label span {
	display:inline-block;
 	width:80px;
}

#orderDeadlineOverrides #overrideSubmit {
	float:right;
}


/* for Order Details Actions */

#orderChangeProductionStatusAction {
 min-width:324px;
 width:auto;
 padding:12px;
 width:480px;
}

#orderChangeProductionStatusAction .statusField label {
 color: #666;
 display: block;
 margin: 0 0 5px;
}

#orderChangeProductionStatusAction select {
	color: #666666;
	font-size: 8pt;
	padding: 2px;
	width: 190px;
	display: block;
	margin-left:1px;
}

#orderChangeProductionStatusAction textarea {
	width: 464px;
 	color: #666666;
 	padding: 10px 6px;
  font-size: 10pt;
  font-family: arial,sans-serif;
  margin: 0 0 10px;
}

#orderChangeProductionStatusAction.noStatuses .orderChangeProductionStatusFormContent,
#orderChangeProductionStatusAction.noStatuses .cancelButton {
	display: none;
}

#changeProductionStatusActionButtons {
 text-align:right;
 margin-top:24px;
}

#orderDeadlineOverridesAction {
	min-width:324px;
	width:auto;
	padding:12px;
}

#orderDeadlineOverridesAction p {
	font-size:11pt;
	margin-left:-12px;
}

#orderDeadlineOverridesAction .timeLink a,
#orderDeadlineOverridesAction .timeLink a:visited {
	color:#666666;
	font-size:8pt;
	text-decoration:underline;
}

#orderDeadlineOverridesAction .timeLink a:hover {
	color:#666666;
	font-size:8pt;
	text-decoration:none;
}

#orderDeadlineOverridesAction .orderOverridesCont {
	margin:24px 0px 24px 12px;
}

#orderDeadlineOverridesAction #tc_production_deadline_override_single,
#orderDeadlineOverridesAction #tc_proof_deadline_override_single {
	padding-left:12px;
	padding-top:6px;
	display: inline;
}

#orderDeadlineOverridesAction #tl_production_deadline_override_single,
#orderDeadlineOverridesAction #tl_proof_deadline_override_single {
	padding-top:6px;
	text-align:right;
	padding-right:60px;
}

#orderDeadlineOverridesAction .timeSelect {
	margin-left:2px;
}

#orderOverridesActionButtons {
	text-align:right;
	margin-top:24px;
}


/* ======================= COMBO BOX ==================== */


.cbCont {
	font-family:arial;
	font-size:7pt;
}

.cbInput {
	width:150px;
	padding-right:20px;
	margin-bottom:0px;
}

input.cbInput.activeCall {
	background-color:#DEDEDE;
}

div.cbCont a.cbClearLink,
div.cbCont a.cbClearLink:hover,
div.cbCont a.cbClearLink:visited {
	display:block;
	display:none;
	position:absolute;
	right:-4px;
	top:8px;
	text-indent:-9999px;
	background:url(../images/iconmap.png) no-repeat 0px -440px;
	color:#FFFFFF;
	padding:0px 4px;
	text-decoration:none;
	width:12px;
	height:12px;
}

div.cbSelectWrapper{
	background-color:#fff;
	min-width:170px;
	overflow-y:scroll;
	position:absolute;
	z-index:9999;
	width:auto;
	border:1px solid #98ADBC;
}

div.cbSelect,
select.cbSelect {
	background-color:#FFFFFF;
	display:block;
	margin-top:0px;
	width:95%;
}

div.cbSelect div,
select.cbSelect option {
	overflow-y:none;
	overflow-x:hidden;
	cursor:pointer;
	font-size:9pt;
	padding:1px 2px;
	white-space:nowrap;
}

div.cbSelect div:hover,
div.cbSelect div.selected {
	background-color:#71B7FF;
}


/* ======================= DATE PICKER ==================== */

.ui-datepicker {
	font-size:8pt;
	background-color:#FFFFFF;
	border:1px solid #98ADBC;
	border-radius:3px;
	padding:2px;
	color:#666666;
	box-shadow:0px 2px 4px #98ADBC;
	display:none;
	z-index:9999 !important;
}

.ui-datepicker-header {
	overflow:hidden;
}

.ui-datepicker-prev {
	float:left;
	cursor:pointer;
	font-size:10pt;
	padding-left:2px;
}

.ui-datepicker-next {
	float:right;
	cursor:pointer;
	font-size:10pt;
	padding-right:2px;
}

.ui-datepicker-title {
	float:left;
	margin-left:40px;
}

.ui-datepicker table th {
	color:#666666;
}

.ui-datepicker table td {
	border:1px solid #666666;
	text-align:center;
	padding:1px 2px;
}

.ui-datepicker table td.ui-datepicker-other-month {
	border:0;
}

.ui-datepicker table td a,
.ui-datepicker table td a:hover,
.ui-datepicker table td a:visited {
	text-decoration:none;
	color:#666666;
}

.ui-datepicker table td.ui-datepicker-unselectable {
	color:#C3C3C3;
	border-color:#C3C3C3;
}

.dtp-range {
	font-size:7pt;
	color:#666666;
	padding-top:2px;
}

.dtp-picker {
	clear:both;
}



/* ======================= LIST BOX ==================== */


.lbCont {
	overflow:auto;
	margin-bottom:40px;
}

.lbCont.lbsort {
	width:540px;
	margin:14px auto;
}

.lbCont.lbreorder {
	width:600px;
	margin:14px auto;
}

.lbLeft,
.lbRight {
	float:left;
}

.lbPane {
	padding:8px;
	width:200px;
	height:240px;
	overflow-y:scroll;
	border:1px solid #98ADBC;
	border-radius:4px;
}

h3.lbHead {
	width:196px;
	padding:4px 10px;
	background:#CDCDCD;
	font-size:12pt;
	margin-bottom:6px;
	border-radius:4px;
}

.lbPane.lbreCont,
.lbPane.lbMid {
	float:left;
	text-align:middle;
	padding-top:80px;
	width:80px;
	height:100px;
	overflow:hidden;
	border:0;
}

.lbPane.lbreCont {
	width:40px;
}


.lbCont dl {
	font-size:14px;
	overflow:visible;
}

.lbCont dt {
	font-weight:bold;
	background-color:#CDCDCD;
	cursor:pointer;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.lbCont dd {
	padding-left:8px;
	cursor:pointer;
	text-transform:capitalize;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;

}

.lbCont dd.lb_selected {
	background-color:#71B7FF;
	border-top:1px solid #98ADBC;
	border-bottom:1px solid #98ADBC;
}

.lbCont dd.lb_highlighted {
	font-weight:bold;
}

.lbCont dd.lb_locked {
	color:#666666;
	font-style:italic;
}

.lbCont button.lbordButton,
.lbCont button.lbtxButton {
	display:block;
	width:40px;
	height:24px;
	padding-bottom:10px;
	border:1px solid #98ADBC;
	font-size:14px;
	font-weight:bold;
	margin:10px auto;
	border-radius:4px;
	cursor:pointer;
}

.lbssCont {
	width:537px;
	padding-top:10px;
	clear:left;
	overflow:auto;
}

#F_submit,
#campaignsform .submit,
#customersform .submit{
	margin-left:0;
}

.lbSorts {
	float:left;
	padding-left:2px;
}

.lbSortLabel {
	float: left;
    font-size: 10pt;
    left: 2px;
    margin-top: 2px;
    position: relative;
	top: -2px;
}

.lbSorts input[type=radio] {
	display:block;
	size:12px;
	float:left;
	clear:left;
	margin-bottom: 8px;
	margin-top: 6px;
	margin-right:4px;
	cursor:pointer;
}

.lbSubCont {
	float:right;
}

button.lbCancel,
button.lbSubmit {
	cursor:pointer;
}

button.lbCancel {

}

#prMyGroupLB .lbSorts input{
	margin-top:2px;
}


/* ======================= DETAILS PAGE ==================== */



#portal-header-details {
	clear:both;
	display:none;
	/*border-bottom: 1px solid #B3B3B3;*/
	height: 30px;
	overflow: hidden;
	width: 100%;
	min-width:875px;
	background:#EDEDED;
}

#menuright-details {
	float:right;
	margin:4px 22px 0 0;
	overflow:auto;
}

#menuright-details img {
	float:left;
	margin:0 10px 0 0;
}

.deetCont {
	width:100%;
	/* max-width:1600px; */
	min-width:960px;
	margin:0px auto;
	background:#FBFAFB;
	padding:0 0 10px 0;
}

#dLoadCont {
	margin:60px auto;
	text-align:center;
}

.deetCont h2 {
	font-size:11pt;
	border-top: solid 1px #CDCDCD;
	color:#68747C;
	background:url(/images/detailsheaderBG.png) repeat-x;
	padding:6px 12px 2px;
	font-weight:bold;
	height:22px;
}

.deetCont h2.collapser {
	cursor:pointer;
	clear:both;
	font-size:10pt;
}

.deetCont h2.collapser:hover {
	background:url(/images/detailsheaderBGhover.png) repeat-x;
}

.deetCont h2.collapser img {
	position:relative;
	margin-right:6px;
}

#showChildAdsInSearch {
	display:block;
	margin:12px 18px;
}

h2.typehead {
	position:relative;
	font-size:11pt;
	color:#68747C;
	padding:6px 12px 2px;
	font-weight:bold;
	height:22px;
	/*width:628px;*/
	float:left;
}

h2.typehead span {
	text-transform:capitalize;
}

h2.typehead a#numNameCopyClose,
h2.typehead a#numNameCopyClose:hover,
h2.typehead a#numNameCopyClose:visited {
	position:relative;
	top:3px;
	left:4px;
	text-indent:-9999px;
	background:url(../images/iconmap.png) no-repeat 0px -440px;
	padding:0px 4px;
	text-decoration:none;
	width:12px;
	height:13px;
	display:inline-block;
}

h2.typehead #numNameCopyButton {
	padding:0px 4px;
	position:relative;
	font-size:8pt;
	line-height:140%;
	top:-1px;
	left:12px;
	color:#666666;
	margin:0;
}

h2.typehead #numNameCopyInput {
	margin-left:12px;
	width:140px;
}

.detailspane {
	/*width:98%;*/
	overflow:hidden;
	/*margin:1px auto 12px auto;*/
	padding:10px 0 0 12px;
	background:#fbfafb;
}

.detailspane .detailslistcont {
	float:left;
	width:50%;
	height:auto;
	padding-bottom:20px;
}

#deetCont-campaigns .detailspane .detailslistcont {
  width:auto; 
}

.detailspane #detailsimage {
	background-color: #F6F6F6;
    border: 1px solid #D6D6D6;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 2px 2px #AAAAAA;
    float: right;
	height:560px;
    min-height: 300px;
    min-width: 420px;
    text-align: center;
    width: 33%;
    margin:0 10px 10px 0;
	position:relative;
}

.detailspane #detailsimage img {
	display:block;
	position:relative;
	margin:0px auto;
}

#dMain p.previewLink {
	margin:0px auto;
	font-size:11pt;
	text-align:center;
	padding:0px;
}

div#videoPreviewCont,
div#audioPreviewCont {
	text-align:center;
}

dl.detailslist {
	overflow:hidden;
	font-size:10pt;
	color:#666666;
}

dl.detailslist dt {
	float:left;
	width:200px;
	font-weight:bold;
	clear:left;
	padding-top:2px;
	padding-bottom:4px;
	text-transform:capitalize;
	text-align:right;
}

dl.detailslist dd {
	float:left;
	padding-left:20px;
	padding-bottom:4px;
	padding-top:2px;
	max-width:400px;
}

span.warning {
	padding-left:8px;
	font-weight:bold;
	color:#990000;
}

span.success {
	padding-left:8px;
	font-weight:bold;
	color:#009900;
}

.deetsTableHolder {
	height:auto;
	width:100%;
}

.deetsTableHolder p {
	margin:12px 0px;
	font-size:11pt;
}

.deetsTableHolder table {
	width:100%;
}


#menuright-proof {
	/*float:right;*/
	margin-right:10px;
	overflow:auto;
}

#menuright-proof .dtProof {
	border-left:1px	 solid #d1d8df;
	padding:8px 9px 6px 0;
}

#menuright-proof .dtProof:first-child {
	border-left:0px;
}

#menuright-proof .dtProof a,
#menuright-proof .dtProof a:visited {
	padding-left:15px;
	color:#666666;
	font-size:10pt;
	text-decoration:none;
	background:none;
}

#menuright-proof .dtProof a:hover {
	color:#000000;

}
#menuright-proof .proof-nav {
	float:right;
}
/* TODO: hover state? */
#dtProof-return_to_order {
	background:url(/images/iconmap.png) 0px -720px transparent no-repeat;
}
#dtProof-markup,
#dtProof-markup_pickup {
	background:url(/images/iconmap.png) 0px -560px transparent no-repeat;
}
#dtProof-approve {
	background:url(/images/iconmap.png) 0px -740px transparent no-repeat;
}
#dtProof-submit_comments {
	background:url(/images/iconmap.png) 0px -900px transparent no-repeat;
}


a.actionsMenuLink {
	/*padding-left:22px;*/
	padding-bottom:1px;
}


a.actionsMenuLink.orderDetailsAction_Approve {
	/*background:url(/images/iconmap.png) 0px -520px transparent no-repeat;*/
}

a.actionsMenuLink.orderDetailsAction_RateQuality {
	/*background:url(/images/iconmap.png) 0px -540px transparent no-repeat;*/
}

a.actionsMenuLink.orderDetailsAction_Edit,
a.actionsMenuLink.orderDetailsAction_MarkupPickupWithChange {
	/*background:url(/images/iconmap.png) 0px -560px transparent no-repeat;*/
}

a.actionsMenuLink.orderDetailsAction_ReviewMarkupPickupWithChange,
a.actionsMenuLink.orderDetailsAction_ReviewPickupWithChange,
a.actionsMenuLink.orderDetailsAction_ReviewMarkupProof,
a.actionsMenuLink.orderDetailsAction_ReviewProof {
	/*background:url(/images/iconmap.png) 0px -580px transparent no-repeat;*/
}

a.actionsMenuLink.orderDetailsAction_DownloadProof {
	/*background:url(/images/iconmap.png) 0px -620px transparent no-repeat;
}

a.actionsMenuLink.orderDetailsAction_EmailProofToCustomer {
	background:url(/images/iconmap.png) 0px -640px transparent no-repeat;
}

a.actionsMenuLink.orderDetailsAction_UploadMaterials {
	background:url(/images/iconmap.png) 0px -140px transparent no-repeat;
}

a.actionsMenuLink.orderDetailsAction_UploadCompletedMedia {
	background:url(/images/iconmap.png) 0px -60px transparent no-repeat;
}

a.actionsMenuLink.orderDetailsAction_Kill {
	/*background:url(/images/iconmap.png) 0px -920px transparent no-repeat;*/
}

a.actionsMenuLink.orderDetailsAction_Unkill {
	/*background:url(/images/iconmap.png) 0px -940px transparent no-repeat;*/
}

a.actionsMenuLink.orderDetailsAction_OverrideDeadlines {
	/*background:url(/images/iconmap.png) 0px -960px transparent no-repeat;*/
}

div#proofClose {
	clear: right;
	float: right;
	padding: 6px 40px;
	width: 156px;
	text-align:right;
}

#proofClose a {
	font-size:11pt;
	text-decoration:none;
	display:block;
	height:16px;
	padding: 0px 0px 1px 20px;
	line-height:17px;
	background:url(/images/iconmap.png) 0px -660px transparent no-repeat;
}

/* TODO: deprecate now?
body.details .modality {
	padding:40px 20px 20px;
}
*/

#orderApprove h3 {
	margin-bottom:16px;
}

#ratingStars, #ratingStarsCampaign {
	overflow:hidden;
	margin-bottom:16px;
}

.ratingStar,
.ratingStar:visited {
	display:block;
	float:left;
	width:11px;
	margin-right:4px;
	height:10px;
	text-indent:-9999px;
	background:url(/images/iconmap.png) 0px -700px transparent no-repeat;
}

.ratingStar.active,
.ratingStar:hover {
	background:url(/images/iconmap.png) 0px -680px transparent no-repeat;
}

.ratingStar.selected:hover,
.ratingStar.selected {
	background:url(/images/iconmap.png) 0px -680px transparent no-repeat;
}

.ratingStar.inactive,
.ratingStar.selected.inactive {
	background:url(/images/iconmap.png) 0px -700px transparent no-repeat;
}

#approveComments {
	color: #666666;
	font-family: arial,sans-serif;
        font-size: 10pt;
        margin-bottom: 12px;
        padding: 10px 6px;
        width: 96%;
	min-width:200px;
}

div#selectPackage-addOrder {
	margin:10px 10px 0 10px;
	padding:0 0 10px 0;
	min-height:22px;
}

div#unapplyPackage {
	position:relative;
	overflow:hidden;
}

div#unapplyPackage p {
	font-size: 10pt;
	font-weight: bold;
	position: relative;
}

div#unapplyPackage p a {
	font-weight:normal;
	margin-left:12px;
}

div#selectPackage-addOrder button {

}

div#selectPackage-addOrder span {
	font-size:10pt;
	font-weight:normal;
	color:#666666;
	margin-left:10px;
}

div#emailProof,
#orderApprove, #campaignApprove {
	padding: 20px;
	min-width:342px;
	width:700px;
}

#approveCampaignForm .refresh {
  padding-top:8px;
}

#orderRefresh {
 font-size:9pt;
}

#campaignApproveNoOrders {
  padding:16px 0px 20px;
}


form#emailForm {

}

form#emailForm label.emails {
	width:300px;
	display:block;
}

form#emailForm label.emails a#emailExamples,
form#emailForm label.emails a#emailExamples:hover,
form#emailForm label.emails a#emailExamples:visited {
	color:#2279B8;
	font-size:8pt;
	font-weight:bold;
	padding-left:4px;
	text-decoration:none;
}

form#emailForm textarea {
	width:96%;
	color: #666666;
	font-family: arial,sans-serif;
    font-size: 10pt;
    margin-bottom: 12px;
    padding: 10px 6px;
}

form#emailForm label.invalid {
	color: #990000;
	display: block;
    font-size: 8pt;
    position: relative;
    top: -12px;
}


/* ======================= CAMPAIGN GALLERIES ========== */


#campaignGallery {
}

.galleryLink {
    display: inline;
    font-size: 10pt;
    font-weight:normal;
    padding-left:20px;
}


.galleryCont {
	overflow-x:scroll;
	white-space:nowrap;
	/*height:144px;*/
}

.galleryCont .last-empty {
	width:75px;
	display:inline-block;
}	

.galleryItem {
	overflow:hidden;
	display:inline-block;
 	padding:6px 10px 6px;
	vertical-align:top;
	border-left:1px solid #999999;
	height:128px;
}

.galleryItem:first-child {
	border-left:0;
}


.galleryItem.killedOrder {
	background-color:#f6fbfc;
}

.galleryItem dl {
	float:right;
	overflow:hidden;
	font-size:9pt;
	line-height:140%;
	margin:13px 0;
}

.galleryItem dl dt {
	float:left;
	clear:both;
	text-align:right;
	padding-right:8px;
	width:104px;
	font-weight:bold;
}

.galleryItem .orderActionsLink {
	display:inline-block;
	position:relative;
	top:1px;
	margin-left:4px;
}

.galleryItem dl dd {
	float:left;
	min-width:200px;
}


.campaignGalleryImg {
}

.galleryThumbLink {
	overflow:hidden;
	margin-right:10px;
	float:left;
}

.galleryThumbLink.hasPreview {
	cursor:pointer;
}

.galleryCont {	
    margin: 10px 0 0;
    height:100%;
}

/* ======================= PACKAGES ==================== */

#packages {
	width:840px;
	overflow:hidden;
	padding-bottom:12px;
}

#packages .ajaxLoading {
	bottom: 10px;
    position: absolute;
    right: 198px;
}

h3#packagesHeader {
	font-size:10pt;
	background:url(../images/tabBG.png) repeat-x;
	padding:2px 8px;
	border-radius:3px 3px 0px 0px;
	margin-bottom:12px;
}

p#packagesLabel {
	font-size:8pt;
	margin-left:8px;
	margin-bottom:12px;
	clear:both;
}

#packagesListCont {
	width:274px;
	float:left;
	margin-left:18px;
}

#packagesListCont h2#packagesUnavailHeader {
	font-size:12pt;
}

#packagesListCont h2#packagesAvailHeader {
	color:#FFFFFF;
	background:url(../images/tabBGSelected.png) repeat-x;
	font-size:10pt;
	padding:2px 6px;
}

#packagesList {

}

#packagesTableCont {
	overflow:hidden;
}

#packagesTable_wrapper {
	overflow-y:visible;
	padding-bottom:24px;
}

#packagesTableCont .dataTables_scroll {
	max-height:170px;
	overflow:hidden;
}


#packagesList .plCont {
	font-size:9pt;
	overflow-y:scroll;
	color:#999999;
	max-height:240px;
}

#packagesList .plRow .plName,
#packagesList .plRow .plOrders {
	float:left;
	height:auto;
}

#packagesList .plRow {
	height:100%;
	overflow:hidden;
	padding:2px;
}


#packagesList .plRow.clickable {
	cursor:pointer;
	color:#666666;
}

#packagesList .plRow .plName {
	float:left;
	width:209px;
}

#packagesList .plRow .plOrders {
	float:left;
	width:42px;
	text-align:center;
}

#packagesList .plRow.odd {
	background-color:#D9E6EE;
}

#packagesList .plRow.selected,
#packagesList .plRow.selected.odd {
	background-color:#71B7FF;
	border-bottom: 1px solid #98ADBC;
    border-top: 1px solid #98ADBC;
    padding-bottom: 1px;
    padding-top: 1px;
}

#packagesList .plRow .plName.head,
#packagesList .plRow .plOrders.head {
	font-weight:bold;
	color:#666666;
	font-size:12px;
}


#packagesDescriptionCont {
	float:left;
	margin-left:18px;
	width:524px;
}

#packagesName,
#packagesDescription {
	padding-left:8px;
	font-size:9pt;
	color:#6F7D88;
	padding-bottom:4px;
}

#packagesName {
	font-weight:bold;
}

#packagesDescription {
	min-height:20px;
}

#packagesButtonsCont {
	clear:both;
	width:100%;
	overflow:hidden;
}

#packagesButtonsCont button {
	float:right;
	margin-right:14px;
	margin-left:0px;
}



/* ======================= ACCOUNT & EDIT PAGE ==================== */

div#aCont {
	width:900px;
	margin:20px auto;
}

div#aMain {
	width:860px;
	margin:20px auto;
	padding:20px;
	border:1px solid #51606B;
	border-radius:4px 4px 4px 4px;
	background-color:#FFFFFF;
}

#aMain dl {
	overflow:hidden;
	padding:8px;
}

#aMain dl dt {
	float:left;
	clear:both;
	width:186px;
	margin-bottom:20px;
}

#aMain dl dd {
	float:left;
	margin-bottom:20px;
}

#accountForm dl dt,
#accountForm dl dd {
	margin-bottom:2px;
}

#passwordForm{
	overflow:hidden;
}

#passwordForm p {
	font-size: 10pt;
    margin-bottom: 12px;
    margin-left: 8px;
}

#passwordForm span.req,
#accountForm span.req {
	font-size:11pt;
	top:0px;
}

div#accountView h3 {
	border-bottom:1px solid #000000;
}

div#accountButtons {
	overflow:hidden;
	margin-bottom:36px;
}

div#passwordFormButtons {
	text-align:right;
}

div#userConfigEditButtons,
div#accountFormButtons {
	text-align:right;
}

button.resetUserConfigsBtn {
	float:right;
}

#userConfigs {
	margin-bottom:20px;
}

#userConfigs p.defaultLabel {
	font-size:10pt;
}

#userConfigs dl {
	margin-bottom:20px;
}

#userConfigs dl dd {
	margin-bottom:8px;
}

#userConfigs dl dt {
	margin-bottom:0;
}

.userConfigEditItem label {
	margin-right:18px;
}

.userConfigEditItem select {
	font-size:8pt;
	color:#333333;
	padding:4px 0px;
}

#userConfigs dl dt label {
	font-size:10pt;
	color:#333333;
}

button#editAccount {
	float:left;
}

button#changePassword {
	float:right;
	background-color:#F4EA59;
}

#accountForm {

}

#passwordForm label.invalid,
#accountForm label.invalid {
	position:relative;
	top:10px;
	left:6px;
	float:right;
}

#aMain .accountInput {
	position:relative;
	top:-10px;
}

/* ======================= FORM FACTORY & EDIT PAGE ==================== */

div#eCont {
	width:900px;
	margin:20px auto;
}

div#eCont h2#dash_header {
	font-size:14pt;

}
#eCont p#campaignLink {
	font-size: 11pt;
	margin-left: 40px;
	margin-top: 8px;
}

div#eMain {
	width:900px;
	margin:12px auto 20px;
	border:1px solid #98ADBC;
	border-radius:4px 4px 4px 4px;
	background-color:#FFFFFF;
}

div#eMain p.loading {
	margin:20px;
}



/* Campaign Quick Edit (CQE) */

#campaign-quick-edit {
	width:900px;
	margin:12px auto 20px;
	border:1px solid #98ADBC;
	border-radius:4px 4px 4px 4px;
	background-color:#FFFFFF;
}

#campaign-quick-edit.fixed {
	position:fixed;
	top:0px;
	box-shadow: 0 6px 8px 2px #DEDEDE;
	margin-top:0;
	z-index:9999;
}

#cqe-control {


}

#cqe-control div {
	display:inline-block;
	padding:2px 12px;
	margin:4px 0;
}

#cqe-control .cqe-order {
	width:588px;
	text-align:center;
}

#cqe-control .cqe-next-prev {
	width:120px;
}

#cqe-control .cqe-next-prev a {
	text-transform: uppercase;
}

/* cqeprev */
#cqe-left {
	text-align:left;
}

#cqe-left.disabled a {
	cursor:default;
	color:#666666;
}


/* cqenext */
#cqe-right {
	text-align:right;
}

#cqe-right.disabled a {
	cursor:default;
	color:#666666;
}

#cqe-progress {
	height:16px;
	width:900px;
	padding:0;
}

#cqe-progress ul {
	width:902px; /* Lets a bit of overlap for li math edge cases */
	height:16px;
	list-style-type:none;
	overflow:hidden;
}

#cqe-progress ul li {
	border-left:2px solid #FFFFFF;
	background-color:#D4CE7F;
	height:16px;
	float:left;
}

#cqe-progress ul li:first-child {
	border-left:0;
}

#cqe-progress ul li a {
	display:block;
	width:100%;
	height:100%;
}

#cqe-progress ul li.current {
	position:relative;
	top:6px;
}

#cqe-progress ul li.activated {
	background-color:#7FCAD4;
}

#cqe-loading {
	display:block;
	margin:0px auto;
	text-align:center;
	padding:4px 0;
}


/*
cqe progress blue: #7FCAD4;
cqe progress yellow: #D4CE7F;
*/

#selectPackage-addOrder #campaignQuickEdit {
	margin-left:48px;
}

#eMain #ff-orderform.cqe-active #am_ff-orderformCancel,
#eMain #ff-orderform.cqe-active #am_ff-orderformSave {
	display:none !important;
}


/* End Campaign Quick Edit (CQE) */



form.autoForm {
	margin:0px auto;
	width:880px;
	padding:10px;
	position:relative;
}


.autoForm .ajaxLoading {
    position: absolute;
    right: 220px;
	bottom: 12px;
}

div.formGroup { overflow:auto; clear:both; }
div.formGroup h3 { overflow:auto; padding:8px; margin-bottom:10px; width:96%; font-size:14pt;border-bottom:solid 1px black; }
div.formGroup p { font-size:9pt; }
div.formGroup.vGroup h3 { background-color:seagreen; }
div.formGroup.ivGroup h3 { background-color:indianred; }
div.formGroup ul { /*display:none;*/ }
div.formGroup div.ff-column { display:block; padding:6px 0px; float:left; }
div.valCont { display:inline; }

.autoForm div.field {
	padding:6px 12px;
	position:relative;
	overflow:hidden;
	min-height:38px;
	max-width:838px;
}

.autoForm div.field .disabledField option,
.autoForm div.field .disabledField {
	color:#999999 !important;
}

.autoForm div.field .disabledField[type=text] {
	background-color:#EFEFEF;
}

.autoForm div.field.activate {
	float:right;
	padding-right:20px;
	width:auto;
}
.autoForm div.field.activate label {
	margin-right:2px;
}
.autoForm div.field.activate span.optionSpan {
	margin-right:4px;
}
.autoForm .field input,
.autoForm .field select,
.autoForm .field textarea {
	width:170px;
	font-size:8pt;
	padding:2px;
	float:left;
	color:#454545;
	margin:0;
}

.autoForm .field select {
	height:22px;
	width:176px;
}

.autoForm .field .amTextarea {
	height:46px;
	font-family:arial,sans-serif;
	font-size:9pt;
	color:#454545;
	border-radius:3px;
	border: 1px solid #A1A1A1;
}

.autoForm .field .amTextarea[name=production_comments] {
	width:604px;
}

.autoForm .field input.cbInput {
	width:150px;
	padding-right:20px;
}
.autoForm .field input[type=checkbox] {
	width:auto;
	margin-right:100px;
	margin-top:4px;
}

.autoForm .field input[type=radio] {
	width:auto;
	margin-right:2px;
	margin-top:1px;
}

.autoForm .field input.dtp-input {
	margin:4px 0px;
}
.autoForm div.radiolist { display:block; clear:both; }
.autoForm p.ff-labelvalue { font-size:8pt; color:#454545; }
.autoForm img.ff-labelIcon { height: 12px; margin-right: 4px; position: relative; top: 2px; width: 12px; }
.autoForm label { display:block; width:152px; min-height:32px; font-size:9pt; color:#666666; float:left; }
.autoForm label.helpLabel { cursor:help; position:relative; top:4px; }
.autoForm label.dtp-label {
	font-size: 7pt;
    left: 3px;
    position: relative;
    text-align: left;
    top: 4px;
	min-height:13px;
}
.autoForm label.checkboxlabel, .autoForm label.radiolabel { float:none; display:inline; margin:0px 8px; }
.autoForm label.invalid,
.autoForm label.reqSpan { font-size:11px; color:indianred; display:block; float:none; margin-left:140px; cursor:default; width:172px; }
.autoForm label.reqSpan.rundateLabel,
.autoForm label.reqSpan.textareaLabel { margin-left:152px; }
.autoForm label.am_Invalid { margin-left:140px; width:188px; font-size:11px; color:indianred; display:block; float:none; cursor:default; }
.autoForm label.ns_Invalid { color: indianred; font-size: 8pt; left: 165px; position: absolute; top: 25px; }
.autoForm label.radiolabel { cursor:default; position:relative; top:-4px; }
.autoForm label.validok { margin-left:12px; display:inline; float:none; width:auto; color:seagreen; }
.autoForm input.submit, .autoForm input.cancelButton { margin-top:12px; margin-right: 20px; border:1px solid #666; padding:2px 6px; float:right; border-radius:3px; cursor:pointer; min-width:56px; min-height:15px; width:auto; font-size:9pt; }
.autoForm input.submit { margin-right:12px; }
.autoForm input.submit.disabled,
.autoForm input.submit.disabled:hover,
.autoForm input.submit.disabled:active {
	background: #d0dae4;
	background: -moz-linear-gradient(top, #d0dae4 0%, #99b0c3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0dae4), color-stop(100%,#99b0c3));
	background: -webkit-linear-gradient(top, #d0dae4 0%, #99b0c3 100%);
	background: -o-linear-gradient(top, #d0dae4 0%,#99b0c3 100%);
	background: -ms-linear-gradient(top, #d0dae4 0%,#99b0c3 100%);
	background: linear-gradient(top, #d0dae4 0%,#99b0c3 100%);
	opacity:0.6;
	cursor:default;
}

.autoForm label.invalid[for=am_maxFileSize] {
}

.autoForm .ff-related-fields-grey {
	background-color:#E8E8E8;
}

.autoForm .ff-related-fields-green {
	background-color:#D3F9D3;
}

.autoForm .ff-related-fields-blue {
	background-color:#BFE0E4;
}

.autoForm .field input.sb-text-input {
	width:110px;
	margin-right:8px;
	padding:3px 2px 2px;
}

.autoForm .field select.sb-select {
	width:50px;
}

.autoForm select.jqd {
	width:48px;
	float:none;
	display:block;
	float:left;
	margin-bottom:8px;
}

.autoForm select.jqdhh {
	clear:left;
	position:relative;
	margin-left:152px;
}

.autoForm label[for=am_duration] {
	margin-left:152px;
}

.autoForm select.jqdnamed {
	width:176px;
	margin-bottom:0px;
}

.autoForm select.jqdnamed.HHMMSSMode {
	margin-bottom:14px;
}

.autoForm .jqdlimitlabel,
.autoForm .jqdlabel {
	font-size:9pt;
	color:#666666;
	padding:6px 6px 0px 2px;
	display:block;
	float:left;
}

.autoForm .jqnamed {
	display:block;
}


/*
.autoForm .valid { background-color:#98FB98; }
.autoForm .invalid { background:#FFFFFF; }
*/
a.groupToggle { display:block; float:right; padding-right:4px; cursor:pointer; }
/*
.autoForm .npHolder { width:120px; float:right; text-align:right; }
.autoForm .npButton { border:1px solid #666; padding:2px; margin-left:16px; border-radius:3px; cursor:pointer; }
*/
/*
.autoForm div.formGroup.ivGroup .npButton { border:1px solid #CCC; color:#CCC; cursor:default; }
*/
.autoForm .npLI { overflow:auto; }
.autoForm .pButton.first { display:none; }
.autoForm .nButton.last { display:none; }
/* .autoForm span.reqSpan { font-size:11px; color:indianred; position:relative; left:8px; display:block; } */
.autoForm span.optionSpan { font-size:11px; color:seagreen; }

.autoForm .amDateTimePickerRange {
	overflow:hidden;
	max-width:186px;
}

.autoForm div.cbCont a.cbClearLink {
	right:70px;
	top:4px;
}

#activateCont {
	padding:20px;
	overflow:hidden;
	width:400px;
}

#activateCont label {
	padding:10px 0px;
	float:left;
	margin-bottom:8px;
	font-size:10pt;
}

#activateCont button {

}

#activateCont button#activate-yes {
	display:block;
	float:right;
}

#activateCont button#activate-no {
	display:block;
	float:left;
	margin-left:0px;
}

/* ======================= HELP ==================== */

#helpFrame {
	width:100%;
	height:100%;
}

/* ======================= REPORTS ==================== */

#rMain {
	padding-top:20px;
}

#rMain #reportFormHolder,
#rMain #runSelectHolder,
#rMain #reportListHolder,
#rMain #reportsHolder {
	width:98%;
	height:auto;
	min-height:400px;
	margin:10px auto;
	border:2px solid #CDCDCD;
	border-radius:3px;
	background:#EFEFEF;
}

#rMain #reportListHolder {
	width:896px;
}

#rMain #reportFormHolder,
#rMain #runSelectHolder {
	width:856px;
}

#rMain #reportFormHolder,
#rMain #runSelectHolder {
	padding:20px;
	min-height:80px;
	position:relative;
}

#rMain .reportHomeLink {
	font-size:11pt;
	display:block;
	position:absolute;
	top:12px;
	right:12px;
}

#rMain .reportListTable {
	font-size:10pt;
	text-align:left;
	padding:10px;
}

#rMain .reportListTable th,
#rMain .reportListTable td {
	padding:2px;
}

#rMain .reportListTable th.rListName {
	width:200px;
}

#rMain #rLoadCont {
	margin:0px auto;
	text-align:center;
}

#rMain #reportListHolder {
	min-height:200px;
}

#rMain h2 {
	margin:0px auto 20px;
}

#rMain h3 {
	font-size:14pt;
	color:#333333;
}

#rMain .autoForm {
	overflow:hidden;
}

#rMain .autoForm div.timeLink {
	font-size:9pt;
	padding-top:2px;
	float:right;
}

#rMain .autoForm div.timeSelects {
	overflow:hidden;
	width:176px;
}

#rMain .autoForm div.timeSelects select {
	float:left;
	width:52px;
	margin-left:6px;
}

#rMain .autoForm .cbCont {
	position:relative;
	overflow:visible;
}

#rMain .autoForm .cbCont input {
	float:none;
}

#rMain .autoForm .cbCont .cbClearLink {
	right:-7px;
}

#rMain .autoForm p.ff-labelvalue {
	font-size:9pt;
}


#rMain .autoForm label {
	float:none;
	min-height:20px;
	height:auto;
}

#rMain .autoForm label.invalid {
	display:block;
	margin-left:0px;
}

#rMain .autoForm div.field {
	float: left;
    min-height: 60px;
    padding-right: 30px;
    width: 170px;
}

#rMain .autoForm input.dtp-input {
	margin-top:0px;
}

#rMain #reportFormHolder .cancelButton {
	width:80px;
	margin-top:18px;
	float:right;
}

#rMain #reportFormHolder .submitButton {
	width:80px;
	float:right;
	margin-top:18px;
	margin-right:8px;
	margin-left:12px;
}

#rMain .reportExportLink,
#rMain .reportPrintLink {
	position:absolute;
	top:52px;
}

#rMain .reportExportLink {
	right:12px;
	text-indent:-9999px;
	width:24px;
	height:24px;
	background:url(../images/downloads_folder_24x24.png) no-repeat;
}

#rMain .reportPrintLink {
	right:48px;
	text-indent:-9999px;
	width:24px;
	height:24px;
	background:url(../images/print_24x24.png) no-repeat;
}

#rMain div.report {
	position:relative;
	padding:10px;
}

#rMain .report h3 {
	padding:6px;
	border-bottom:1px solid #000000;
}

#rMain .reportBy {
	font-size: 9pt;
    position: absolute;
    right: 16px;
    top: 20px;
}

#rMain .reportDescription {
	font-size:10pt;
	margin-bottom:18px;
}

#rMain .report.dataTable {
	width:100%;
	padding:0px;
}

#rMain .dataTables_wrapper {
	background:0;
	border:2px solid #DEDEDE;
	margin-top:12px;
	width:98%;
}


#rMain .reportCanvas {
	margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
    width:980px;
}


/* ======================= FOOTER ==================== */


div#portalfooter {
	margin:0px auto;
	padding:0px 10px;
	display:none;
}

/*
TODO: deprecate?
body.details #portalfooter p,
body.details #portalfooter {
	display:none;
}
*/


/* Palette
	Icon Blue: #0097D9;
	Head Link Blue: #85BDD6;
	Login Blue: #2279B8;
	Body BG: #E9EBEA;
	LightBlueBorder: #98ADBC;

	QUICKSEARCH:
	red : #FF7A72;
	orange : #FFC35C;
	yellow : #F4EA59;
	green : #BCE54C;
	blue : #71B7FF;
	purple : #DDA9E9;
	grey : #C2C2C2;

*/

/*  Plug in */

#lbCenter #lbImage,
#lbBottomContainer #lbBottom{
	border: 10px solid #000;
}

#lbBottom  #lbPrevLink:hover {
	background: transparent url(/css/slimbox/prevlabel_blk.gif) no-repeat 0 15%;
}

#lbBottom #lbNextLink:hover {
	background: transparent url(/css/slimbox/nextlabel_blk.gif) no-repeat 100% 15%;
}

#lbBottom #lbCloseLink {
	background: transparent url(/css/slimbox/closelabel_blk.gif) no-repeat center;
}



/* Language Modal  */

#languageSelectCont {
	width:300px;
	padding:20px;
	overflow:hidden;
}

#languageSelectCont .ajaxLoading {
	margin-right:12px;
}

#languageSelectButtons {
	margin-top:20px;
}

#languageSelectButtons div,
#languageSelectButtons button {
	float:right;
}

#languageSelect {
	font-size:10pt;
	padding:4px;
}



/* FLAGS  */

.flag {
	width: 16px;
	height: 11px;
	background:url(../images/flags.png) no-repeat;
}

.flag.brandingflag {
	position: relative;
    right: 4px;
    top: 6px;
}

.flag.curbrandingflag {
	position:relative;
	right:6px;
	top:4px;
}

.flag.flag-fr-ca {background-position: 0 0}
.flag.flag-pt-br {background-position: -16px 0}
.flag.flag-zh-cn {background-position: -32px 0}
.flag.flag-fr-fr {background-position: 0 -11px}
.flag.flag-en-gb {background-position: -16px -11px}
.flag.flag-hi-in {background-position: -32px -11px}
.flag.flag-es-mx {background-position: 0 -22px}
.flag.flag-en-ph {background-position: -16px -22px}
.flag.flag-en-us {background-position: -32px -22px}