
/** RESET BROWSER DEFAULTS **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:baseline;
}

body {

	background:#fff url(admin_include.cgi?want=img&img=body&type=png) top left repeat-x;
	padding:0 10px;
	min-width:960px;
}

#header {
	height:100px;
}

#logged_out #wrapper {

	padding:10px;
	font-size:12px;
	background:#fff;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	min-height:200px;

}



#content {
	padding:10px;
	font-size:12px;
	background:#fff;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
min-height:400px;

}

#manager_area #content {
	margin:0 260px 0 0;
}



#content a {
	text-decoration:none;
	color:#000;
	border-bottom:1px dotted #ccc;
}

#content a:hover {
	border-bottom:1px dotted #000;
}

h1 {
	font-size:22px;
text-align:left;
color:#fff;
	padding: 14px 0 0 0;
	height:36px;
}

h1 a {
text-decoration:none;
color:#ccc;
}

h1 a:hover {
text-decoration:none;
color:#fff;
}

#content h2 {
	margin:20px 0 0 0;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	padding: 0 0 4px 0;
	clear:both;
}

#content p {
	margin:10px 0;
	line-height:1.3;
}

#content ul {
	margin:10px 20px;
}

#content ul li {
	padding:4px 0;
}

#sidebar {

	position:absolute;
	right:10px;
	top:150px;
	width:230px;
	padding:10px;
	background:#fff;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
}


body.hide_nav #content {
margin:0px;
}

.hide_nav #sidebar {
right:-250px;
}

.extra_stats {
	margin-bottom:10px;
	font-size:10px;
	line-height:1.4
}

.nav {
    margin-bottom:10px;
}
.nav h3 {
	background: #394F71 url(admin_include.cgi?want=img&img=nav_h3&type=png) top left repeat-x;
	font-size:14px;
	color:#fff;
	height:24px;
	border-radius: 5px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:6px 5px 0 5px;

}



.nav ul {
list-style:none;
margin:5px 0;
}



.nav ul li a {
text-decoration:none;
color:#333;
padding:4px 5px;
display:block;
font-size:12px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.nav ul li a:hover {
background:#222;
color:#fff;
}



#footer {
	color:#999;
	clear:both;
	padding:10px 0;
}

#footer p {
	text-align:center;
	font-size:10px;
}

#footer p a {
	color:#666;
	text-decoration:none;
}

#content a.need_help {
	float:right;
	border:none;
	display:block;
	height:30px;
	width:30px;
	margin:-50px 0 0 0;
}

#content a.need_help:hover {
	border:none;
}

.table-form {
	border-collapse:collapse;
	width:100%;
	margin:10px 0;
	font-size:12px;
}

.table-form tr td {
	padding:5px;
	line-height:2;

}

.table-form table td {
	padding:0 10px 0 0;
}

.table-form tr td.label {
text-align:right;
padding-right:10px;
width:280px;
font-size:11px;
vertical-align: middle;
}



.table-form tr td td {
	border-top:none;
	border-bottom:none;
}

.table-form tr td .helper {
 display:block;
 float:right;
	background:url(admin_include.cgi?want=img&img=helper&type=png) top left no-repeat;
margin-top:3px;
 width:20px;
 height:20px;
 position:relative;
}

.table-form tr td .helper:hover em {
display:block;
}

.table-form tr td .helper em{
	font-size:10px;
	right:30px;
	padding:5px;
	top:-20px;
	line-height:1.3;
	width:200px;
	position:absolute;
	background:#fcffb2;
	border:1px solid #838722;
	display:none;
}



.table-form tr th {
	padding:10px 5px;
	text-align:left;
	background:#fff;
	font-weight:bold;
	border-top:none;
border-bottom:1px solid #ccc;
}
.table-form tr th h3 {
	font-size:14px;
	margin-top:10px;
}

.table-form tr th h3 em {
	font-style:italic;
	font-size:14px;
}



.select-site {
	margin:10px 0;
}

.table-data, .table-form .table-data {
	border-collapse:collapse;
	width:100%;
	font-size:11px;
	clear:both;
	margin:10px 0;

}

.table-data td, .table-form .table-data td {
	border:1px solid #ccc;
	text-align:center;
	vertical-align:middle;
	padding:8px 1px;
	color:#333;
	border-width:0 0 1px 0;
}

body .leftalign td, body .leftalign thead th, body .leftalign tbody th {
	text-align:left;
	padding:8px 0px 8px 10px;
}

.table-data tr.odd td, .table-form tr.odd td {
	background:#eaeaea;
}

.table-data tbody tr:hover td, .table-form .table-data tbody tr:hover td {
	background:#dedede;
	color:#000;
}

.table-data thead tr td {
	padding:10px 2px;
	color:#fff;
	border:1px solid #222;
	background: #394F71 url(admin_include.cgi?want=img&img=table_header&type=png) top left repeat-x;
}

.table-data thead th {
	padding:10px 5px;
	vertical-align: middle;
	border:1px solid #222;
	color:#fff;
	text-align:center;
	background: #394F71 url(admin_include.cgi?want=img&img=table_header&type=png) top left repeat-x;
	text-transform:capitalize;
}

.table-data tbody th {
	padding:10px 2px;
	vertical-align: middle;
	color:#000;
	text-align:center;
	background: #ccc;
}

#content .table-data a {
	color:#40567B;
}

#edit_template {
	width:100%;
	height:500px;
	margin:10px 0;
}

#logo {
	float:left;
	margin-top:10px;
}

#logout {
	position:absolute;
	top:10px;
	right:4px;
}

.navtoggle {
    display:block;
    background:url(admin_include.cgi?want=img&img=nav_toggle&type=png) bottom left no-repeat;
    width:16px;
    height:16px;
    float:right;
    text-indent:-9999px;
    cursor:pointer;
    margin:1px 2px 0 0;
}

.hidden .navtoggle {
    background:url(admin_include.cgi?want=img&img=nav_toggle&type=png) top left no-repeat;
}

.navtoggle:hover {
    background:url(admin_include.cgi?want=img&img=nav_toggle&type=png) bottom right no-repeat;
}

.hidden .navtoggle:hover {
    background:url(admin_include.cgi?want=img&img=nav_toggle&type=png) top right no-repeat;
}

.navtoggle:focus {
outline:none;
}
dt {
	font-weight:bold;
	margin:20px 0 5px 0;
}

dd {
	margin:5px 0;
	padding:2px 5px;
	border-left:5px solid #ddd;
}

pre {
	font-family:Courier, Verdana, Arial, Helvetica, sans-serif;
	white-space:pre;
	padding:10px;
	background:#eaeaea;
	border-left:5px solid #3F577A;
	margin:5px 0;
}

.table-install {
	border-collapse:collapse;
	width:100%;
	border:1px solid #ccc;
	margin:10px 0;
}

.table-install tr {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.table-install tr:hover {
	background:#eaeaea;
}

.table-install tr td {
	padding:3px 25px 3px 5px;
	line-height:1.4;
}

.table-install tr td em{
	font-size:12px;
	display:block;
	padding:2px 0 4px 0;
	line-height:1;
	color:#ccc;
}

.table-install tr:hover td em{
	color:#333;
}

#content a.install_button {
	margin:30px auto;
	display:block;
	text-align:center;
	width:160px;
	height:28px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	padding:12px 0 0 0;
	border:none;
	background:url(admin_include.cgi?want=img&img=install_button&type=png) top left no-repeat;
	cursor:pointer;
}

#content a.install_button:hover {
	border:none;
}

#login_box {
	width:260px;
	padding:0 10px 10px 10px;
	margin:100px auto;
	background:url(admin_include.cgi?want=img&img=login_body&type=png) bottom left no-repeat;

}

#login_box h2 {
	background:url(admin_include.cgi?want=img&img=login_header&type=png) top left no-repeat;
	padding:5px 10px;
	margin:0 -10px 5px -10px;
	color:#fff;
	font-weight:bold;
}

#emailtext {
	width:100%;
	margin-left:-1px;
}

#login_box .install_button {
	margin:10px auto 0 auto;
	display:block;
	text-align:center;
	width:160px;
	height:40px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	border:none;
	background:url(admin_include.cgi?want=img&img=install_button&type=png) top left no-repeat;
	cursor:pointer;
}

#login_box .newline {
	padding:2px 0;
}

#login_box .newline .textbox {
	width:150px;
}

#login_box .newline label {
	float:left;
	width:100px;
	font-size:12px;
}

.table-doc {
	border-collapse:collapse;
	width:100%;
	border:1px solid #ccc;
	margin:10px 0;
}

.table-doc tr {
	border:1px solid #ccc;
}

.table-doc tr:hover {
	background:#eaeaea;
}

.table-doc tr td {
	padding:5px;
	line-height:1.2;
	border:1px solid #ccc;
}

.table-doc tr td em{
	font-size:10px;
	display:block;
	padding:0 0 4px 0;
	line-height:1;
	color:#ccc;
}

.table-doc tr:hover td em{
	color:#000;
}

.table-doc tr th {
	padding:5px;
	text-align:left;
	border:1px solid #ccc;
	font-weight:bold;
}

.table-doc tr th h3 em {
	font-style:italic;
	font-size:12px;
}

.notice {
padding:10px;
background:#fffaa5;
color:#888109;
border:1px solid #888109;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#content .notice h2 {
font-weight:bold;
font-size:14px;
margin:0px;
border-bottom:1px solid #888109;
}

#content .notice a {
color:#888109;
	border-bottom:1px dotted #888109;
}

#content .notice a:hover {
color:#222;
	border-bottom:1px solid #888109;
}

ol {
	margin:10px 30px;
	list-style-type: lower-alpha;
}

ol li {
	margin:5px 0;
}

.tooltip {
	background: url(admin_include.cgi?want=img&img=tooltip&type=png) bottom left no-repeat;
	width:16px;
	height:16px;
	display:block;
	float:right;
	margin:5px 0 0 5px;
	position:relative;
}

.tooltip span {
	display:none;
	position:absolute;
	top:20px;
	left:20px;
	background:#f8f2af;
	border:1px solid #b7b066;
	width:200px;
	line-height:1.3;
	font-size:10px;
	padding:5px;
	text-align:left;
}

.tooltip:hover {
		background: url(admin_include.cgi?want=img&img=tooltip&type=png) top left no-repeat;
}

.tooltip:hover span {
	display:block;
}

.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(admin_include.cgi?want=img&img=colorpicker_background&type=png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}

.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}

.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(admin_include.cgi?want=img&img=colorpicker_overlay&type=png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(admin_include.cgi?want=img&img=colorpicker_select&type=gif);
	margin: -5px 0 0 -5px;
}

.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}

.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(admin_include.cgi?want=img&img=colorpicker_indic&type=gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}

.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}

.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}

.colourpicker {
	border:1px solid #7F9DB9;
}

.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}

.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(admin_include.cgi?want=img&img=colorpicker_hex&type=png) top;
	left: 212px;
	top: 142px;
}

.colorpicker_hex input {
	right: 6px;
}

.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}

.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}

.colorpicker_rgb_r {
	background-image: url(admin_include.cgi?want=img&img=colorpicker_rgb_r&type=png);
	top: 52px;
	left: 212px;
}

.colorpicker_rgb_g {
	background-image: url(admin_include.cgi?want=img&img=colorpicker_rgb_g&type=png);
	top: 82px;
	left: 212px;
}

.colorpicker_rgb_b {
	background-image: url(admin_include.cgi?want=img&img=colorpicker_rgb_b&type=png);
	top: 112px;
	left: 212px;
}

.colorpicker_hsb_h {
	background-image: url(admin_include.cgi?want=img&img=colorpicker_hsb_h&type=png);
	top: 52px;
	left: 282px;
}

.colorpicker_hsb_s {
	background-image: url(admin_include.cgi?want=img&img=colorpicker_hsb_s&type=png);
	top: 82px;
	left: 282px;
}

.colorpicker_hsb_b {
	background-image: url(admin_include.cgi?want=img&img=colorpicker_hsb_b&type=png);
	top: 112px;
	left: 282px;
}

.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(admin_include.cgi?want=img&img=colorpicker_submit&type=png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}

.colorpicker_focus {
	background-position: center;
}

.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}

.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}

.colorpicker_slider {
	background-position: bottom;
}

#edit_template_tbl {
	margin-top:10px;
}

#emailbody {
	width:100%;
}

#installForm {
	text-align:center;
	margin:10px 0;
}

.progress {
    position:relative;

    height:40px;
    border:3px solid #222;
    margin:80px 20px 0 20px;
	border-radius: 5px;
    -moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.progress span {
    display:block;
    height:40px;
    background:#465F85;
    position:absolute;
    top:0px;
    left:0px;
}

.progress em {
    position:absolute;
    top:-40px;
    left:50%;
    text-align:center;
    font-size:16px;
    color:#000;
    width:200px;
    margin:0 0 0 -100px;
}

#content #import_fields {
	list-style:none;
position:relative;
z-inde:99;
margin:0 217px 0 0;;

}

#content #import_fields li {
	margin:2px 0;
	background:#eaeaea;
	border:1px solid #ccc;
	padding:5px;
clear:left;
	height:30px;
	position:relative;

}

#content #import_fields li em {
display:block;
padding:8px 10px 0 10px;
}

#content #import_fields li .droparea {
display:block;
background:#fffe92;
width:200px;
position:absolute;
right:5px;
top:5px;
height:30px;


}



#content .draggable {
display:block;
background:#3F577A;
font-weight:bold;
color:#fff;
width:200px;
margin:0 0 3px 0;
height:24px;
padding:6px 0 0 0;
text-align:center;
cursor:move;
float:right;
clear:right;

}
.ui-draggable-dragging, #content #import_fields li .droparea .ui-draggable-dragging {
	z-index:99999!important;
}
#draggables {
	float:right;
	position:relative;
width:200px;
	margin:10px 0;
min-height:1100px;
}

.chart_options {
	background:#eaeaea;
	width:100%;
overflow:hidden;
	padding:5px 0;
}

.chart_options .newline label {
float:left;
display:block;
margin:0 10px;
font-size:10px;
padding:4px 0 0 0;
}

.chart_options .newline select, .chart_options .newline input {
float:left;
margin:0 30px 0 0;
}

.icon {
	display:block;
	width:16px;
	height:16px;
	float:left;
	margin:2px 3px 0 0;
	text-indent:-9999px;
	border:none!important;
	background:url(admin_include.cgi?want=img&img=options&type=png) top left no-repeat;
	cursor:pointer;
}

.payday_emails {
	background-position:-192px 0;
}

.payday_download {
    	background-position:-176px 0;
}

.payday_report {
    background-position:-112px 0;
}

.affiliate_clicks {
    background-position:-208px 0;
}

.affiliate_email {
    background-position:-192px 0;
}

.affiliate_email_optout {
	background-position:-240px 0;
}

.affiliate_pendingsales {
	background-position:-144px 0;
}

.affiliate_sales {
	background-position:-160px 0;
}

.affiliate_customers {
	background-position:-128px 0;
}

.affiliate_login {
	background-position:-96px 0;
}

.affiliate_sites {
	background-position:-224px 0;
}

.order_remove, .banner_remove, .affiliate_remove, .group_remove, .customer_remove, .lead_remove, .item_remove {
	background-position:-48px 0;
}

.order_edit, .banner_edit, .affiliate_edit, .customer_edit, .lead_edit {
	background-position:-32px 0;
}

.order_refund, .payday_pay {
	background-position:-16px 0;
}

.order_view {
	background-position:-112px 0;
}

.affiliate_add, .order_add {
	background-position:-64px 0;
}

.affiliate_suspend {
	background-position:-80px 0;
}

.sortable tbody tr {
	cursor:move;
}

#content a.aap_button {
	float:left;
	display:block;
	background:#4A638B;
	padding:5px 10px;
	border:none;
	text-decoration:none;
	color:#fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#content .aap_button {
   border:none;
   border-top: 1px solid #a1aed4;
display:block;
   background: #384d6f;
   background: -webkit-gradient(linear, left top, left bottom, from(#5a77a3), to(#384d6f));
   background: -webkit-linear-gradient(top, #5a77a3, #384d6f);
   background: -moz-linear-gradient(top, #5a77a3, #384d6f);
   background: -ms-linear-gradient(top, #5a77a3, #384d6f);
   background: -o-linear-gradient(top, #5a77a3, #384d6f);
   padding: 5px 10px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #fff;
   font-size: 12px;
   text-decoration: none;
   cursor:pointer;
   vertical-align: middle;
   margin:10px 0;
   }
#content .aap_button:hover {

   border-top-color: #1c1c1c;
      border-bottom:none;
   background: #1c1c1c;
   color: #ccc;
   }
#content .aap_button:active {
   border-top-color: #44803f;
      border-bottom:none;
   background: #44803f;
   }

#message_bar {
	position:fixed;
	top:0;
	width:100%;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-width:0 0 2px 0;
	left:0;
	z-index:9999;
	font-size:16px;
	display:none;
	text-align:center;
	padding:25px 0;
	font-weight:bold;
}

.success {
    background:#DCFFCB;
    border: 2px solid #62AD09;
    padding:10px;
    	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.error {
    background:#ffb4b4;
    border: 2px solid #c63333;
    padding:10px;
    	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#content #add_orderitem, #content .remove_scale, #content .add_scale, #content .remove_scalerec, #content .add_scalerec, #content .add_scaletier, #content .remove_scaletier {
	text-decoration:none;
	font-size:10px;
	padding:2px 5px;
	border:none;
	color:#fff;
	margin-left:10px;
	background:#41587D;
	    	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor:pointer;
	text-transform:uppercase;
}

#content .add_scale, #content .add_scalerec, #content .add_scaletier {
margin:0px;
}

#content .remove_scale:hover, #content .add_scale:hover, #content .remove_scalerec:hover, #content .add_scalerec:hover, #content .add_scaletier:hover, #content .remove_scaletier:hover {
	border:none;
}

#content p.pager {
	margin-top:30px;
	text-align:center;
}

#content p.pager a {
	padding:5px;
	border:none;
	border-radius: 3px;
}

#content p.pager a:hover {
	background:#ccc;
}

#content p.pager .current {
	background:#3C5275;
	color:#fff;
	padding:5px;
	border-radius: 3px;
}

.recscale em {
	width:70px;
	display:block;
	float:left;
}

.recinput {
	width:65px;
	float:left;
}

.recheader {
	font-size:9px;
	margin-left:70px;
	overflow:hidden;
}

.recheader span {
	float:left;
	text-align:center;
	width:65px;

}

/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera */
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #666; background: #333; font-weight: normal; color: #fff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #3B5274; font-weight: normal; color: #fff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }



/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; background:#222; font-size:80%; color:#fff; display: none;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
	font-size:12px;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}



.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
	font-weight:normal;
	text-decoration:none;
}

.ui-dialog .ui-state-hover {
	border:none;
	background:none;
	color:#000;
	text-decoration:underline;
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}

.ui-dialog .newline {
	clear:both;
	padding:2px 0;
}

.ui-dialog .newline label {
	font-size:12px;
	width:100px;
	float:left;
	padding-top:5px;
	text-align:right;
	margin:0 5px 0 0;
}

.ui-dialog .newline select {
	width:80px;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url(admin_include.cgi?want=img&img=fancybox&type=png);
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url(admin_include.cgi?want=img&img=fancybox&type=png) -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url(admin_include.cgi?want=img&img=fancybox&type=png);
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url(admin_include.cgi?want=img&img=fancybox&type=png);
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url(admin_include.cgi?want=img&img=fancybox-x&type=png);
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url(admin_include.cgi?want=img&img=fancybox&type=png);
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url(admin_include.cgi?want=img&img=fancybox-y&type=png);
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url(admin_include.cgi?want=img&img=fancybox&type=png);
	background-position: -40px -182px;
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url(admin_include.cgi?want=img&img=fancybox-x&type=png);
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url(admin_include.cgi?want=img&img=fancybox&type=png);
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url(admin_include.cgi?want=img&img=fancybox-y&type=png);
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url(admin_include.cgi?want=img&img=fancybox&type=png);
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url(admin_include.cgi?want=img&img=fancy_title_over&type=png);
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url(admin_include.cgi?want=img&img=fancybox&type=png) -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url(admin_include.cgi?want=img&img=fancybox-x&type=png) 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url(admin_include.cgi?want=img&img=fancybox&type=png) -55px -90px no-repeat;
}


/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


#fancybox-content h2 {
	margin:5px 0 15px 0;
	border-bottom:1px solid #ccc;
	padding-bottom:2px;
	font-weight:bold;
}

#fancybox-content .newline {
	clear:both;
	width:250px;
	padding:2px 0;
}

#fancybox-content .newline label {
	font-size:12px;
	width:150px;
	float:left;
	padding-top:5px;
}

#fancybox-content .newline select {
	width:80px;
}

#fancybox-content .textbox {
	width:80px;
}

#fancybox-content .button {
	margin-top:10px;
}

.floatcheckbox {
	font-size:11px;
	width:130px;
	float:left;
}

.email_filters {
	display:none;
}

.autopay_toggle, .pay_toggle {
	cursor: pointer;
	text-align:left;
	width:150px;
	position:relative;
	padding: 6px 0 0 30px;
	background:#222;
	height:20px;
	margin:2px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#content .autopay_toggle a, #content .pay_toggle a {
	color:#fff;
	border:none;
}

.autopay_toggle em, .pay_toggle em {
	display:block;
	height:16px;
	width:16px;
	position:absolute;
	top:0px;
	left:0px;
	margin:5px;
	background: url(admin_include.cgi?want=img&img=toggle&type=png) top right no-repeat;
}

.toggle_on em {
	background: url(admin_include.cgi?want=img&img=toggle&type=png) top left no-repeat;
}

.pay_details dt {
	float:left;
	width:150px;
	margin:0;
	text-align:right;
	clear:left;
}

.pay_details dd {
	float:left;
	width:150px;
	padding:0;
	margin:0 0 0 10px;
	text-align:left;
	border:none;
}

#pay_table .aap_button {
	clear:left;
	margin:10px;
}

.jcrop-holder {
  direction: ltr;
  text-align: left;
}
/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url("admin_include.cgi?want=img&img=jcrop&type=gif");
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}
/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70!important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}

