* { outline:none; }
body {font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #333; background: #eee;}
textarea{font-family:Helvetica, Arial, sans-serif; font-size:13px;}

p {margin: 0 0 1em 0;}
a {text-decoration: none; color: #333; cursor: pointer;}
h2 {font-size: 24px; font-weight: bold; margin: 0 0 .7em 0;}

.clearfix {clear: both;}
.bold {font-weight: bold;}
.inline {display: inline;}
.left {float: left;}
.right {float: right;}
.ninetyeight {width: 98%; /*min-width: 650px;*/}
.seventyfive {width: 75%;}
.seventy {width: 70%; min-width: 675px;}
.sixty {width: 60%;}
.forty {width: 47%; min-width: 350px;}
.thirty {width: 30%;}
.twentyfive {width: 28%; min-width: 245px;}
.pushleft {margin-left: 15px;}
.pushright {padding-right: 2%;}
.pushdown {margin-top:15px;}
.marginright {margin-right: 2%;}
input {font-family: Helvetica, Arial, sans-serif;}
.select {float:left; width: 262px; padding:5px; font-weight: bold; background:#FFF; border:1px solid #ccc; background: #fafafa;}

.whitebutton {-moz-border-radius:4px; -webkit-border-radius:4px; background:#eee url(/billing/common/images/button_bkg.png) repeat-x scroll 0 0; border:1px solid #ddd; padding: 7px 10px; font-size:11px; margin:0 5px 0 0; color:#333; text-shadow:0 -1px 0 #fff; font-weight:bold; line-height: 11px;}
.whitebutton::-moz-focus-inner { padding:0; border:0; }
.whitebutton:hover,#whitebutton:focus { border:1px solid #999; cursor:pointer; }
.pf { padding:4px 10px!important; }

#purplebutton { -moz-border-radius:4px; -webkit-border-radius:4px; background:#eee url(/billing/common/images/button_bkg_blue.png) repeat-x scroll 0 0; border:1px solid #631c8d; padding:4px 10px 5px; font-size:11px; margin:0 5px 0 0;}
#purplebutton a {color:#fff; text-shadow:0 1px 0 #57197c; font-weight:bold;}
#purplebutton a:hover {background: none;}
#purplebutton::-moz-focus-inner { padding:0; border:0; }
#purplebutton:hover,#purplebutton:focus { background-position:0 -5px; border:1px solid #57197c; cursor:pointer; }

#header {clear: both; padding: 8px 20px; min-width: 1064px;}
#header.billing {background: #70289a;}

#company {float: left; color: #fff; width: 400px; font-size: 13px; font-weight: bold; margin: 0 15px 0 0;}
#company select {margin-left: 15px;}
#company a {color: #fff;}


#topnavboxes {float: right; margin: 0 8px 0 0;padding: 2px 6px; font-size: 11px;}
#topnavboxes a {color: #eee;}
#topnavboxes a:hover {color: #fff;}
#topnavboxes img {display: inline; margin: 0 4px 0 0; position: relative; top: 2px;}

#search img {display: inline; margin-right: 7px; position: relative; top: 7px;}
#search input {display:inline;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #ddd; font-size:12px;font-weight: bold; margin:0 0 5px; padding:5px; width:250px; font-family: Helvetica, Arial, sans-serif; position: relative; top: 3px; margin-right: 10px;}

	.example {font-weight: normal; color: #ccc; font-style: italic;}

	/* QuickFind Dropdown */
	
	#findbox {padding:4px 0px 0px; font-size:11px;text-align:right;float: right; margin: 0 8px 0 0;}
	#findbox a.quickfind {background:#000;padding:5px 6px 4px;text-decoration:none;border: solid 1px #999;color:#ccc;*background:transparent url("/billing/common/images/signin-nav-bg-ie.png") no-repeat 0 0;*padding:4px 12px 6px;}
	#findbox a.quickfind:hover {*background:transparent url("/billing/common/images/signin-nav-bg-hover-ie.png") no-repeat 0 0;*padding:4px 12px 6px;}
	#findbox a.quickfind, #findbox a.quickfind:hover {*background-position:0 3px!important;}
	a.quickfind {position:relative;margin-left:3px;}
	a.quickfind span {background-image:url("/billing/common/images/magnifier-small.png");background-repeat:no-repeat;background-position:0% 50%;padding:4px 0 6px 16px;}
	#findbox a.menu-open {background:#666!important; color:#000!important;outline:none;}
	a.quickfind.menu-open span {background-image:url("/billing/common/images/toggle_up_dark.png");border-bottom: none;color:#222;}
	
	#quickfind_menu {-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;display:none;background-color:#666;position:absolute;width:310px;z-index:100;border:1px transparent;text-align:left;padding:12px; top: 23.5px; right: 74px; margin-top:5px; margin-right: 0px; *margin-right: -1px; color:#fff; font-size:12px;}
	#quickfind_menu input[type=text], #quickfind_menu input[type=password] {display:block;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #666; font-size:12px;font-weight: bold; margin:0 0 5px; padding:5px; width:300px; font-family: Helvetica, Arial, sans-serif;}
	#quickfind_menu p {margin:0;}
	#quickfind_menu label {font-weight:normal;}

#navcontainer {min-width: 1064px;}
	
	.navlist {list-style: none; font-size: 13px; display: block; font-weight: bold;}
	.navlist li {float: left; display: inline; padding: 6px 10px 7px 10px; text-shadow: 0 1px 2px #fff;}
	.navlist li.selected {background: #fffeee;}
	.navlist li a {color: #333;}
	.navlist li a:hover {color: #666;}
	.navlist li img {margin: 0 8px 0 0; position: relative; top: 3px;}

#workspacecontainer {padding: 10px 20px;}
#workspace {background: #fff; padding: 20px; margin: 10px 0 0 0; min-width: 1064px;}
.workspace {background: #fff; padding: 20px; margin: 10px 0 0 0; min-width: 1064px;}
	
	.graybox {float: left; width: 100%; border: solid 1px #ddd; margin-bottom: 15px;}
	.graybox h3 {padding: 7px; font-weight: bold; background: #f6f6f6; border-bottom: solid 1px #ddd;}
		
	.dashedbox {float: left; display: block; border: dashed 1px #ddd; margin-bottom: 15px;}
	.dashedbox h3 {padding: 0 0 7px 0; font-weight: bold; color: #333; border-bottom: none; background: #f6f6f6; padding: 7px;}
	.dashedbox h3.error {padding: 0 0 7px 0; font-weight: bold; color: #FFF; border-bottom: none; background:#F50A10; padding: 7px;}
		.secondary {font-weight: normal;}
		.secondary img {position: relative; top: 3px; margin-right: 10px;}
		
	.graybox h4 {font-weight: bold; margin: 0 0 .5em 0;}
	.graybox h4.contact {font-weight: bold; margin: 0px;}
	.graybox h4.overdue {color: #b9000d;}
	.graybox h4.blue {color: #286a9a;}
	
	.commentbox {float: left; width: 100%; margin-bottom: 15px;}
	.commentbox h3 {padding: 7px; font-weight: bold; color: #001f59;}
	
		.regarding {color: #555;}
		
	.lead {float: right; font-weight: normal; font-size: 11px;}
	.lead img {position: relative; top: 1px; margin-right: 8px;}
	
	.content {padding: 15px 7px;}
	.content h5 {font-weight: bold; padding: 0 0 3px 5px; margin: 0 0 2.0em 0; border-bottom: dotted 1px #ccc;}
	.content h5 a {color: #333;}
	.content img { top: 3px; position:relative; margin-right: 3px;}
	
	.small {font-weight: normal; position: relative; top: 3px; display: inline; font-size: 11px;}
	.small a {text-decoration: underline;}
	.small a:hover {background: #333; color: #fff; text-decoration: none;}

	.shaded {background: #fffeee;}
	.shaded-gray {background: #fafafa;}
	
	.red-highlight {font-weight: bold; color: #b9000d;}
		
	.comparegrid {margin-top: 0;border-bottom: none;}
	.comparegrid thead th {background: #e2e2e2 none repeat scroll 0 0;border-top: 1px #fff solid;}
	.comparegrid thead th {border-bottom:1px #bbb solid;}
	.comparegrid th {border-bottom: 3px #bbb solid; padding: 7px 0 0 0;}
	.comparegrid tr.bottom td {border-bottom: none;}
	.comparegrid td {border-top: 1px #fff solid; border-bottom:1px #ccc dotted ; padding: 7px 5px; vertical-align: top;}
	.comparegrid td.lastrow {border-bottom: none;}
	.comparegrid td.center {text-align: center;}
	.comparegrid img {border: solid 1px #ccc;}
	
	.lookupcontainer {}
	.lookupcontainer h4 {padding-top: 10px; padding-left: 5px;}
		
	.lookup {list-style: none; list-style-image: none; border-bottom: dotted 1px #ccc; padding-bottom: 16px;}
	.lookup li {border-bottom: none; padding: 9px 5px 9px 5px;}
	.lookup .flagged-issue {background: #f9eeff;}
	.lookup .flagged-priority {background: #fff8ef;}
	.flagged-outsourced {background: #f0f9ff !important;}
	.lookup .image {border: solid 1px #ccc;}
	
	.hiddenaction {display: none; font-size: 11px; line-height: 15px;}
	.hiddenaction a {color: #555;}
	.hiddenaction a:hover {color: #000;}
	
	.shownaction {font-size: 11px; line-height: 15px;}
	.shownaction a {color: #555;}
	.shownaction a:hover {color: #000;}
	
	.select {font-family: Helvetica, Arial, sans-serif;}
	
	#hiddenvcard {}
		#hiddenvcard h3 {font-weight: bold; margin: 0 0 7px;}
	
	#hiddencompanycard {}
		#hiddencompanycard h3 {font-weight: bold; margin: 0 0 7px;}
	
	.productinfo {float: left; width: 48%;}
		.ninetyeightinside {width: 98%;}
		.ninetyinside {width: 90%;}
	
	.showncontrols {font-size: 11px;}
		.showncontrols input {margin-right: 8px;}
		
	.totalsline {height: 2px; width: 96%; margin: 0 auto; border-top: solid 1px #ddd;}
		
	.fileinfo {list-style: none; margin: 0px; padding: 0px;}
	.fileinfo img.first {margin-right: 8px;}
	
	.contactgrid {margin: 15px 0;}
	.contactgrid td {vertical-align: top; padding: 3px 0px;}
		.contactgrid.popup {margin: 15px 0; border: solid 1px #ccc; background: #eee; padding: 10px; width: 580px;}
		.contactgrid.indashedbox {padding: 0 7px 0px 7px;}
		.contactgrid.productinfo {}
		.contactgrid.mediatype {padding: 10px; background: #f6f6f6; border: dashed 1px #ddd;}
		
	input.hiddenField, .hiddenField {font-family: Arial, Helvetica, sans-serif; background-color: #fff; border:1px solid #ddd; cursor:auto; font-size: 12px; font-weight: bold; padding: 5px;}
	.hiddenField:hover{border:1px solid #999;}
	.hiddenField:focus{border:1px solid #999; cursor:text; background-color:#FFF;}

	.contact a {color: #444; font-weight: bold; padding: 1px 0;}
	.contact a:hover {color: #fff; background: #444;}
	.loadtitle a {color: #777; font-weight: bold; padding: 1px 0;}
	.loadtitle a:hover {color: #fff; background: #444;}
	
	.subject a {color: #444;}
	.subject a:hover {color: #fff; background: #444;}
	.taskcomplete {text-decoration: line-through;}
	.taskcomplete a {color: #444; text-decoration: line-through;}
	.taskcomplete a:hover {color: #fff; background: #444; text-decoration: line-through;}	
	.administer {color: #999;}
		.numorders {padding-right: 5px;}
	
	.order {color: #fff; background: #8cdf00; padding: 1px 6px 1px 15px; font-size: 12px; letter-spacing: 1px;}
	.issue {color: #fff; background: #c1005c; padding: 1px 6px 1px 15px; font-size: 12px; letter-spacing: 1px;}
	.priority {color: #fff; background: #f48300; padding: 1px 6px 1px 15px; font-size: 12px; letter-spacing: 1px;}
	.outsourced {color: #fff; background: #286a9a; padding: 1px 6px 1px 15px; font-size: 12px; letter-spacing: 1px;}

		a.load {display: block; background: url(/billing/common/images/load.png) no-repeat top left; width: 32px; height: 32px; overflow: hidden; text-indent: -9999px; margin: 0 17px 0 21px;}
		a:hover.load {background-position: 0 -32px;}
		
	.shipped {color: #fff; background: #111; padding: 1px 6px 1px 15px; font-size: 12px; letter-spacing: 1px;}
	.today {color: #fff; background: #CCF600; padding: 1px 6px 1px 12px; font-size: 12px; letter-spacing: 1px; color: #222;}
	.otherdate {font-size: 12px; color: #999;}
	
	.subnav	{border: solid 1px #ddd; padding: 7px; margin-bottom: 8px; -moz-border-radius:4px; -webkit-border-radius:4px;}
	
	.pagination {float: left; margin: 0 8px 0 0;border: solid 1px #ccc; padding: 2px 6px; font-size: 11px;}
	.pagination a {color: #555;}
	.pagination a:hover {color: #222;}
	
	.todaygrid {list-style: none;}
	.todaygrid td {padding: 0 12px 0 0; width: 92px; vertical-align: top; text-align: center; color: #999; text-transform: uppercase;}
	.act {font-size: 11px;}
	.number {font-size: 39px; font-weight: bold; color: #000;}
	
	.tasklist {list-style: none; margin: 0 0 15px 0;}
	.tasklist li {padding: 2px 0; line-height: 25px;}
	.blacktask {color: #fff; background: #000; padding: 1px 3px;}
	
	.contacttitle {display: block; font-size: 12px; color: #999; margin-bottom: 5px;}
	.contacttitle a {font-size: 12px; color: #999; text-decoration: underline;}
	.contacttitle a:hover {color: #fff; background: #444; text-decoration: none;}
	
	.optionslist {list-style: none; list-style-image: none;}
	.optionslist li {float: left; display: block; font-size: 11px; font-weight: normal; text-transform: none; color: #ddd; width: 130px; margin: 0 10px 7px 0;}
		.optionslist.horizontal li {width: auto!important; margin: 0 14px 7px 0!important;}
	.optionslist li.last {margin: 0 0 14px 0; clear: right;}
	.optionslist li img {display: inline; position: relative; top: 4px; margin-right: 5px;}
	
	.billingoptions {list-style: none; list-style-image: none;}
	.billingoptions li {float: left; display: block; font-size: 11px; color: #ddd; font-weight: normal; margin-right: 8px;}
	.billingoptions li.isolate {border-left: solid 1px #ddd; padding-left: 8px;}
	.billingoptions li a {position: relative; top: -1px;}
	.billingoptions li img {display: inline; position: relative; margin-right: 2px;}
	
	.floatingline {font-size: 11px; color: #ddd;}
	.floatingline img {float: left; margin-right: 10px;}
	
	#hiddencalendar {display:none;}
	#hiddenorder {display:none;}
	#hiddeneditcontact {display: none;}
	#hiddenaccount {display: none;}
	#hiddeneditaccount {display: none;}
	#hiddendeal {display: none;}
	#hiddenreorder {display: none;}
	#additionalaccounthidden {display: none;}
	#additionaleditaccounthidden {display: none;}
	#attachfilehidden {display: none;}
	#additionaldealhidden {display: none;}
	
	#responsehidden {display: none; clear: both;}
	#responsehidden fieldset {}
	#responsehidden label {clear: both; display: block; width: 100%; margin: 0 0 1em 0; line-height: 20px;}
	#responsehidden .textarea {border: solid 1px #ccc; width: 42%; height: 75px; padding: 10px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; margin-bottom: 1em;}
	
	#hiddennote .textarea {clear: both; margin-bottom: 20px; border: solid 1px #ccc; background: #eee; width: 97%; height: 270px; padding: 7px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold;}
	
	#hiddenissue {}
	#hiddenissue .textarea {clear: both; margin-bottom: 20px; border: solid 1px #ccc; background: #eee; width: 97%; height: 270px; padding: 7px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold;}
	
	#hiddenresolve {}
	#hiddenresolve .textarea {clear: both; margin-bottom: 20px; border: solid 1px #ccc; background: #eee; width: 97%; height: 270px; padding: 7px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold;}
	
#addtaskForm {}
#addtaskForm fieldset {margin: 0 0 15px;}
#addtaskForm label { float:left; display:block; line-height:30px; color:#666; font-style:italic; width:100%; }
#addtaskForm .input { width: 90%; font-size: 12px; padding: 5px; font-weight: bold; border: solid 1px #ccc; height: 17px;}
#addtaskForm select { width: 95%; font-size: 12px; padding: 5px; }
#addtaskForm .submit { float:left; display:block; margin-top:15px; margin-left:135px; width:118px; height:42px; text-indent:-9999px; border:0; }
#addtaskForm .textarea {border: solid 1px #ccc; width: 90%; height: 75px; padding: 10px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold;}

#sendEmail {}
#sendEmail fieldset {margin: 0 0 15px;}
#sendEmail label { float:left; display:block; line-height:30px; color:#666; font-style:italic; width:15%; }
#sendEmail .input { width: 80%; font-size: 12px; padding: 5px; font-weight: bold; border: solid 1px #ccc; height: 17px; background: #f8f8f8; }
#sendEmail select { width: 95%; font-size: 12px; padding: 5px; }
#sendEmail .submit { float:left; display:block; margin-top:15px; margin-left:135px; width:118px; height:42px; text-indent:-9999px; border:0; }
#sendEmail .textarea {clear: both; margin-bottom: 20px; border: solid 1px #ccc; background: #f8f8f8; width: 97%; height: 100px; padding: 7px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold;}
#sendEmail span.text { width:80%; font-size: 12px; padding: 5px; font-weight: bold; line-height:30px; height: 17px;}

#openorderForm {width: 85%;}
#openorderForm fieldset {margin: 0 0 7px;}
#openorderForm label { float:left; display:block; line-height:30px; color:#666; font-style:italic; width:100px; padding: 0 0 0 5px;}
#openorderForm input {float: left; margin: 0 20px 15px 0;}
#openorderForm .input { width: 36%; font-size: 12px; padding: 5px; font-weight: bold; border: solid 1px #ccc; height: 17px;}
#openorderForm select {float: left; margin: 0 23px 15px 0; width: 37%; font-size: 12px; padding: 5px; }
#openorderForm .submit { float:left; display:block; margin-top:15px; margin-left:135px; width:118px; height:42px; text-indent:-9999px; border:0; }
#openorderForm .textarea {border: solid 1px #ccc; width: 35%; height: 75px; padding: 10px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold;}

#createorderForm {width: 900px;}
#createorderForm fieldset {margin: 0 0 7px;}
#createorderForm label { float:left; display:block; line-height:30px; color:#666; font-style:italic; width:125px; padding: 0 0 0 5px;}
#createorderForm input {float: left; margin: 0 20px 15px 0;}
#createorderForm .input { width: 250px; font-size: 12px; padding: 5px; font-weight: bold; border: solid 1px #ccc; height: 17px; background: #fafafa;}
#createorderForm select {display: block; float: left; margin: 0 20px 15px 0;}
#createorderForm .select {float:left; width: 262px; padding:5px; font-weight: bold; background:#FFF; border:1px solid #ccc; background: #fafafa;}
#createorderForm .submit { float:left; display:block; margin-top:15px; margin-left:135px; width:118px; height:42px; text-indent:-9999px; border:0; }
#createorderForm .textarea {border: solid 1px #ccc; width: 35%; height: 75px; padding: 10px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold;}

#adderrorForm {width: 600px;}
#adderrorForm fieldset {margin: 0 0 7px;}
#adderrorForm label { float:left; display:block; line-height:30px; color:#666; font-style:italic; width:300px; padding: 0 0 0 5px;}
#adderrorForm input {float:right; margin: 0 0px 15px 0;}
#adderrorForm .input { width: 250px; font-size: 12px; padding: 5px; font-weight: bold; border: solid 1px #ccc; height: 17px; background: #fafafa;}
#adderrorForm select {display: block; float:right; margin: 0 0px 15px 0;}
#adderrorForm .select {float:right; width: 262px; padding:5px; font-weight: bold; background:#FFF; border:1px solid #ccc; background: #fafafa;}
#adderrorForm .submit { float:right; display:block; margin-top:15px; margin-left:135px; width:118px; height:42px; text-indent:-9999px; border:0; }
#adderrorForm .textarea {float:right; border: solid 1px #ccc; width: 240px; height: 75px; padding: 10px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; margin-bottom:15px;}

#searchForm {}
#searchForm fieldset {float: left; margin: 0 0 15px;}
#searchForm label { float:left; display:block; line-height:30px; margin-right: 15px; color:#666; font-style:italic; }
#searchForm .input {float: left; width: 300px; font-size: 12px; padding: 5px; margin-right: 15px; font-weight: bold; border: solid 1px #ccc; height: 17px;}
#searchForm select {float: left; width: 200px; font-size: 12px; padding: 5px; margin-right: 15px;}
#searchForm span {float: left; margin-right: 15px;}
#searchForm .submit { float:left; display:block; margin-top:15px; margin-left:135px; width:118px; height:42px; text-indent:-9999px; border:0; }

#advSearchForm input, #advSearchForm select { float:right; clear:right; margin-bottom:10px; }
#advSearchForm label { float:left; clear:left; line-height:22px; margin-bottom:10px; }

#addnoteForm {}
#addnoteForm fieldset {margin: 0 0 7px;}
#addnoteForm label {clear: both; display: block; width: 100%; margin: 0 0 1em 0;}
#addnoteForm .textarea {border: solid 1px #ccc; width: 96%; height: 150px; padding: 10px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold;}

#attachfileForm {}
#attachfileForm fieldset {margin: 0 0 7px;}
#attachfileForm label {float:left; display:block; line-height:30px; color:#666; font-style:italic; width:100px; padding: 0 0 0 5px;}
#attachfileForm input {float: left; margin: 0 10px 15px 0;}
#attachfileForm .input { width: 36%; font-size: 12px; padding: 5px; font-weight: bold; border: solid 1px #ccc; height: 17px;}
#attachfileForm .dealinput { width: 31%; font-size: 12px; padding: 5px; font-weight: bold; border: solid 1px #ccc; height: 17px;}

.standardPopup label{ float:left; clear:both; font-weight:bold;}
.standardPopup input{ float:left; clear:both;}
.standardPopup select{ float:left; clear:both;}
.standardPopup textarea{ float:left; clear:both;}

/*Star rankings*/

#rate {margin: 0 0 10px 0;}
.ui-stars-star,.ui-stars-cancel { float:left; display:block; overflow:hidden; text-indent:-999em; cursor:pointer; }
.ui-stars-star a,.ui-stars-cancel a { width:16px; height:15px; display:block; background:url(/billing/common/images/stars.png) no-repeat 0 0; }
.ui-stars-star a { background-position:0 -32px; }
.ui-stars-star-on a { background-position:0 -48px; }
.ui-stars-star-hover a { background-position:0 -64px; }
.ui-stars-cancel-hover a { background-position:0 -16px; }
.ui-stars-star-disabled,.ui-stars-star-disabled a,.ui-stars-cancel-disabled a { cursor:default!important; }
	
#footer {clear: both; display: block; height: 35px;}


/* Superbox */

/* Base Superbox Styles */
#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;display:table-cell;width:100%;height:100%;margin:0;padding:0;vertical-align:middle;}
#superbox{margin:0 auto;padding:0;}
#superbox-container .loading{margin:0;text-align:center;}

/* IE7 */
*:first-child+html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
*:first-child+html #superbox{position:relative;top:-50%;display:block;}
/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
* html #superbox{position:relative;top:-50%;display:block;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

/* Default Theme */
#superbox-container .loading{text-align:center;font-size:40px;color:#fff;}
#superbox{padding:15px;background:#fff;}
#superbox-innerbox{padding:10px 0;}
#superbox.image{text-align:center;}
#superbox .close,
#superbox .nextprev{overflow:hidden;margin:0;}

#superbox-overlay{background:#111;}
#superbox-container .loading{width:32px;height:32px;margin:0 auto;text-indent:-9999px;background:url(loader.gif) no-repeat 0 0;}
#superbox .close a{float:right;padding:0 5px;line-height:20px;background:#333;cursor:pointer;}
#superbox .close a span{color:#fff;}
#superbox .nextprev a{float:left;margin-right:5px;padding:0 5px;line-height:20px;background:#333;cursor:pointer;color:#fff;}
#superbox .nextprev .disabled{background:#ccc;cursor:default;}

/*Beauty tip*/

/**
 * styling for tip content
 * mostly for example
 * note: canvas (the tip itself) cannot be styled here. use javascript options for that.
 */
.bt-content {
  font-size: small;
  color: #000;
  line-height: normal;
}

/* styling for active target elements - usually for background hilighting */
.bt-active {
  /* example:
  background-color: yellow !important;
  */
}

.balloon {display: block;}

/*TABS*/

ul.tabs {margin: 0;padding: 0;list-style: none;height: 40px;width: auto;}
			ul.tabs li {float: left; padding: 0px; height: 40px; overflow: hidden; position: relative;font-size: 13px; text-shadow: 0 1px 1px #fff;}
				
				ul.tabs li a {display: block; height: 40px; color: #555;padding: 0;}
				ul.tabs li a.first {background: url(/billing/common/images/mininav-bkgrd.png) top left;}
				ul.tabs li a.middle {background: url(/billing/common/images/mininav-bkgrd.png) -20px 0;}
				ul.tabs li a.last {background: url(/billing/common/images/mininav-bkgrd.png) top right;}
				
					ul.tabs li a.first span {display: block;  padding: 4px 12px 3px 16px; position: relative; top: 6px; border-right: solid 1px #d1d1d1; font-weight: bold;}
					ul.tabs li a.middle span {display: block;  padding: 4px 12px 3px 12px; position: relative; top: 6px; border-right: solid 1px #d1d1d1; border-left: solid 1px #eee; font-weight: bold;}
					ul.tabs li a.last span {display: block;  padding: 4px 16px 3px 12px; position: relative; top: 6px; border-left: solid 1px #eee; font-weight: bold;}

				ul.tabs li a:hover {color: #222; border: none;}
				ul.tabs li a:hover.first {background: url(/billing/common/images/mininav-bkgrd.png) left -40px;}
				ul.tabs li a:hover.middle {background: url(/billing/common/images/mininav-bkgrd.png) -20px -40px;}
				ul.tabs li a:hover.last {background: url(/billing/common/images/mininav-bkgrd.png) right -40px;}			
				
			html ul.tabs li.active, html ul.tabs li.active a:hover  {color: #000; width: auto; text-align: center;}
			
			ul.tabs li.active a.first {color: #000; font-weight: 500; background: url(/billing/common/images/mininav-bkgrd.png) left -40px; text-align: center;}
			ul.tabs li.active a.middle {color: #000; font-weight: 500; background: url(/billing/common/images/mininav-bkgrd.png) -20px -40px; text-align: center;}			
			ul.tabs li.active a.last {color: #000; font-weight: 500; background: url(/billing/common/images/mininav-bkgrd.png) right -40px; text-align: center;}		
			
			#tab_container {clear: both;float: left; height: auto; width: 100%;}
			.tab_content {clear: both; padding: 20px 0 0 3px; min-height: 300px;}			


.productinfo select{
	width:99%;
}

.productinfo input,.productinfo textarea{
	width:96%;
}
#contact input{
	width:100%;
}
.error{
	text-transform:uppercase;
	color:#F00;
}
#hiddencontact h3 { font-weight:bold;}

#addcontactForm {width: 100%;}
#addcontactForm fieldset {margin: 0 0 7px;}
#addcontactForm label { float:left; display:block; line-height:30px; color:#666; font-style:italic; width:25%; padding:0; clear:left;}
#addcontactForm input {float: left; margin-bottom:15px;}
#addcontactForm .input { width: 60%; font-size: 12px; padding: 5px; font-weight: bold; border: solid 1px #ccc; height: 17px;}
#addcontactForm select {float: left; margin: 0 0 15px 0; width: 60%; font-size: 12px; padding: 5px; }
#addcontactForm .submit { float:left; display:block; margin-top:15px; margin-left:135px; width:118px; height:42px; text-indent:-9999px; border:0; }
#addcontactForm .textarea {border: solid 1px #ccc; width: 60%; height: 59px; padding: 5px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; margin-bottom:15px;}

.hidden{ display:none;}
.ballon_info { display:none;}

.folders {display: block; width:32px; height:32px; background: url(/billing/common/images/item_number_circle.png) no-repeat; margin: 8px 0 0 18px;}
.folders span {position: relative; margin: 0 0 0 13px; line-height: 27px; color:#333; font-size: 13px; font-weight: bold;}

.order_row{
	width:98%;
	margin:1%;
	border:1px solid #DDD;
}

.order_row h3 a:hover{
	background-color:#444;
	color:#FFF;
}
.issue_row{
	width:95%;
	margin:1%;
	padding:0 1% 1% 2%;
	border-bottom:1px solid #ddd;
	background-image:url(/billing/common/images/information.png);
	background-repeat:no-repeat;
	background-position:left top;
}
.error_row{
	width:95%;
	margin:1%;
	padding:0 1% 1% 2%;
	border-bottom:1px solid #ddd;
	background-image:url(/billing/common/images/flag.png);
	background-repeat:no-repeat;
	background-position:left top;
}

.third{
	width:31%;
	padding:0 1%;
}

#order_notes{
	border:1px dashed #DDD;
	margin:3px;
	max-height:200px;
	overflow:auto;
}

#order_notes table{
	width:100%;
}

.finance_section{
	float:left;
	margin:10px;
	padding:5px;
	border:1px solid #DDD;
	width:200px;
	height:200px;
}

.finance_section ul{
	margin-left:20px;
}
.finance_section a:hover{
	text-decoration:underline;
}
.check_invoices{
	margin:0 1%;
	width:98%;
}
.check_invoices td{
	border-bottom:1px solid #EEE;
	text-align:left;
	padding:5px 2px;
}
.check_invoices th{
	border-bottom:1px solid #000;
	text-align:left;
	padding:0 2px;
}
.check_invoices a:hover{
	text-decoration:underline;
}
#payments{
	border:1px solid #ddd;
	padding:5px;
	margin:0 auto;
}
#sending{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	display:none;
}
.invoiceNote{
	margin:2%;
	width:96%;
}
#past_due{
	background-color:#F00;
	color:#FFF;
	padding:0 5px;
}
/*ORDER STATUS*/

.orderstatus {color: #222; background: #eee; text-shadow: 1px 0px 1px #fff; padding-top: 15px;}
.orderstatus a.dropcards {color: #35722b;}
.orderstatus a.mediatree {color: #B93804;}
.orderstatus a:hover {border-bottom: solid 1px;}
.orderstatus .view {text-transform: uppercase; font-size: 11px; position: relative; top: 1px;}

.orderstatus .content {width: 720px; margin: 0px auto;}
.orderstatus .order_deets {float: right; list-style: none; text-align: right;}
.orderstatus .header {border-bottom: solid 1px #222; padding-bottom: 20px; margin-bottom: 20px;}
.orderstatus h3 {font-size: 15px; font-weight: bold; margin-right: 10px;}
.orderstatus .status {border: solid 1px #ccc; background: #fff; padding: 10px; margin-bottom: 20px;}
.orderstatus .contacts {font-size: 11px; text-transform: uppercase; margin-bottom: 20px;}
.orderstatus .billing, .orderstatus .shipping {width: 47%; margin-bottom: 25px;}
.orderstatus .billing ul, .orderstatus .shipping ul {list-style: none;}
.orderstatus .billing li.contact, .orderstatus .shipping li.contact {border-top: solid 1px #ddd; padding-top: 10px; margin-top: 10px;}
.orderstatus h4 {background: #222; text-shadow: none; color: #fff; font-weight: bold; padding: 2px 0 2px 8px; margin-bottom: 10px;}
.orderstatus .details {}
.orderstatus .details th {font-weight: bold; padding: 4px 0 4px 6px;}
.orderstatus .details th.qty {width: 120px; margin-right: 10px;}
.orderstatus .details th.product {width: 350px; margin-right: 10px;}
.orderstatus .details th.unitcost {width: 75px; margin-right: 10px;}
.orderstatus .details th.extcost {width: 75px; margin-right: 10px;}
.orderstatus .details th.proof {width: 60px; padding-right: 10px;}

.orderstatus .details tr.odd {width: 100%; background: #e6e6e6;}
.orderstatus .details td {padding: 4px 0 4px 6px;}

.orderstatus .totals {list-style: none; margin-top: 15px;}
.orderstatus .totals li {padding: 1px 10px 1px 0px; display: block;}
.orderstatus .totals li span.bold {float: left; font-weight: bold; display: block; width: 125px;}
.orderstatus .totals li span.normal {float: left; display: block; width: 100px;}

.orderstatus .proof_block {border-top: dotted 1px #ccc; border-bottom: dotted 1px #ccc; margin: 10px 0; padding: 15px 0;}
.orderstatus .proof_block.second {border-top: none;}

.orderstatus .proof_container {border: solid 1px #ccc; background: #fff; padding: 2px 2px 8px 5px; margin-right: 25px;}
.orderstatus .proof_container a {position: absolute; display: block; width: 300px; height: 383px; background: url(/billing/common/images/proof_overlay.png) no-repeat; overflow: hidden; z-index: 100; margin: 4px 0 0 0px;}
.orderstatus .proof_container a:hover {border-bottom: none; background-position: 0 -383px;}
.orderstatus #download:hover { border:none; font-style:italic;}
.orderstatus .proof_container img { position: relative; border: solid 1px #ddd; z-index: 50; }

.orderstatus .proof_details {width: 350px;}
.orderstatus .proof_details ul {list-style: none; margin-bottom: 20px;}
.orderstatus .proof_details li {padding: 2px 0;}
.orderstatus .proof_details li span {display: block; float: left; width: 70px;}
.orderstatus .proof_details .checkbox {margin-right: 10px;}

.orderstatus .approval_notes {position: relative; margin-left: 28px; margin-bottom: 15px; margin-top: 5px; display:none;}
.orderstatus .approval_notes label.uppercase {text-transform: uppercase; font-size: 11px;}
.orderstatus .approval_notes .textarea {background: #fff; border: solid 1px #ddd; height: 70px; width: 300px; margin-top: 10px;}


.orderstatus .footer {border-top: solid 1px #ccc; padding-top: 20px; margin-top: 20px;}

/* Added stuff */

#superbox h3 {font-weight: bold; margin: 0 0 7px;}

.graybox_form {clear: both; padding: 10px; border: solid 1px #ccc; background: #eee; margin-bottom: 1.5em;}
.graybox_form fieldset { margin: 0 0 7px;}
.graybox_form label {float: left; display:block;  color:#000; font-style:italic; width: 15%; padding-right: 5%; margin: 0 0 10px 0;}
.graybox_form input {float: left;}
.graybox_form .input {width: 75%; font-size: 12px; padding: 5px; font-weight: bold; border: solid 1px #ccc; height: 17px; background: #fff; margin: 0 0 10px 0;}
.graybox_form .input.input_small {width: 25%;}
.graybox_form .textarea { width: 75%; font-size: 12px; padding: 5px; font-weight: bold; border: solid 1px #ccc; height: 175px; background: #fff; margin: 0 0 10px 0;}
	.graybox_form .textarea.textarea_small {height: 75px!important;}
.graybox_form select {float: left;}
.graybox_form select option { padding-right: 20px;}
.graybox_form .select {font-family: Helvetica, Arial, sans-serif; width: auto; font-size: 12px; padding: 5px; font-weight: bold; border: solid 1px #ccc; background: #fff; margin: 0 15px 10px 0;}
.graybox_form .submit {display:block; margin-top:15px; margin-left:135px; width:118px; height:42px; text-indent:-9999px; border:0; }
.graybox_form input:hover,.graybox_form textarea:focus { border:1px solid #999; cursor:pointer; }
.graybox_form .seperator {display: block; height: 2px; background: url(/billing/common/images/border_bottom.png) bottom left repeat-x; margin: 0 0 10px 0;}