/* BEGIN: Global Stylin' Y'All
---------------------------------------------------------------------------------------------------- */
html {outline: none;}
body
	{
	background-color: #f4f4f4;
	background-image: url(../images/backgrounds/body.png);
	background-repeat: repeat-y;
	color: #666;
	font-family: 'Gill Sans MT', Arial, Geneva, Sans-Serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	}
	
a:link, a:visited {text-decoration:none;}
a:hover, a:active
	{
	color: #999;
	text-decoration: underline;
	}

/*For external links*/	
a.external {padding-right: 10px;}
a:hover.external {background: url(../images/icons/linkExternal.png) right no-repeat;}
	
h1
	{
	margin: 0;
	padding: 0;
	text-indent: -1000em;
	}

h1 a
	{
	background-repeat: no-repeat;
	display: block;
	height: 60px;
	outline: 0;
	width: 300px;
	}
	
h1 a:hover
	{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	}

h2
	{
	font-size: 24px;
	font-weight: normal;
	margin: 8px 0 8px 0;
	}

h3
	{
	border-bottom: 2px #cdcdcd solid;
	font-size: 18px;
	font-weight: normal;
	margin: 12px 0;
	padding: 0;
	}
	
h6
	{
	background: #fff;
	border: 1px #cdcdcd solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	color: #999;
	font: normal 10px arial, verdana, sans-serif;
	margin: 0;
	padding: 5px;
	}
	
h6 a.home
	{
	background-image: url(../images/elements/homeBreadcrumb.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 16px;
	}
h6 a:hover.home {background-color: #999;}
	
h6 a.active
	{
	background: url(../images/elements/arrowBreadcrumb.png) right no-repeat;
	color: #999;
	padding-right: 10px;
	}
	
hr
	{
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 2px;
	}
/* END: Global Stylin' Y'All
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Elements
---------------------------------------------------------------------------------------------------- */
.pageNote
	{
	float: right;
	font-size: 12px;
	}
	
.formNote
	{
	color: #999;
	font-size: 10px;
	padding: 0;
	}
	
.smallNote
	{
	font-size: 10px;
	padding: 0;
	}
	
.containerToggle {padding: 5px 0 0 9px;}
/* END: Elements
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Cosmetics
---------------------------------------------------------------------------------------------------- */
.tcb {} /*Toggle Checkbox*/

/*Alignment*/
.clearBoth {clear: both;}
.floatLeft {float: left;}
.floatRight {float: right;}
.show {display: inline;}
.hide {display: none;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignCenter {text-align: center;}
.valignMiddle {vertical-align: middle;}
.valignTop {vertical-align: top;}
.lineHeight2em {line-height: 2em;}

/*Borders*/
.b0 {border: 0;}
.b0px {border: 0;}

/*Width - Pixels*/
.w650px {width: 650px;}
.w600px {width: 600px;}
.w375px {width: 375px;}
.w350px {width: 350px;}
.w325px {width: 325px;}
.w300px {width: 300px;} /*Two Column Table/Textfield Default*/
.w280px {width: 280px;} /*Two Column Table/Textfield with a Checkbox*/
.w250px {width: 250px;}
.w150px {width: 150px;}
.w200px {width: 200px;}
.w160px {width: 160px;}
.w150px {width: 150px;}
.w120px {width: 120px;}
.w100px {width: 100px;}
.w90px {width: 90px;}
.w80px {width: 80px;}
.w70px {width: 70px;}
.w60px {width: 60px;}
.w50px {width: 50px;}
.w40px {width: 40px;}
.w30px {width: 30px;}
.w20px {width: 20px;}

/*Width - Percentages*/
.w100 {width: 100%;}
.w92 {width: 92%;}
.w98 {width: 98%;}
.w66 {width: 66%;}
.w30 {width: 30%;}

.w1 {width: 1%;}
.w35 {width: 35%;}
.w100 {width: 100%;}

/*Height - Pixels*/
.h280px {height: 280px;}
.h200px {height: 200px;}
.h110px {height: 110px;}
.h80px {height: 80px;}
.h65px {height: 65px;}
.h50px {height: 50px;}
.h20px {height: 20px;}

/*Text Colors*/
.colorRed, a.colorRed, a:visited.colorRed  {color: #f06;}
.colorGreen, a.colorGreen, a:visited.colorGreen {color: #0f6;}
.colorLightGrey, a.colorLightGrey, a:visited.colorLightGrey {color: #999;}
.colorBlack, a.colorBlack, a:visited.colorBlack {color: #000;}
.colorFuchsia , a.colorFuchsia , a:visited.colorFuchsia {color: #f09;}
.colorYellow , a.colorYellow , a:visited.colorYellow {color: #fc0;}
.colorAqua , a.colorAqua , a:visited.colorAqua {color: #0cf;}

/*Zebra Striping*/
.zebra {background: #f2f2f2;}
tr.zebra td {background: #f2f2f2;}
tr.over td {background: #ddd;}
.zebraLight {background: #fff;}

/*Margins*/
.m0 {margin: 0;}
.mt0 {margin-top: 0;}
.mt5px {margin-top: 5px;}
.mt5px {margin-top: 5px;}
.mt10px {margin-top: 10px;}
.mt12px {margin-top: 12px;}
.mt20px {margin-top: 20px;}
.ml5px {margin-right: 5px;}
.mr5px {margin-right: 5px;}
.mr10px {margin-right: 10px;}
.mb0px {margin-bottom: 0;}
.mb5px {margin-bottom: 5px;}
.mb10px {margin-bottom: 10px;}
.mb14px {margin-bottom: 14px;}
.mb20px {margin-bottom: 20px;}
.m4px10px {margin: 4px 10px}
.m5px10px00 {margin: 5px 10px 0 0;}
.m4px10px00 {margin: 4px 10px 0 0;}

/*Padding*/
.spacer5px {padding: 0 5px;} /*change to ph5px - padding horizontal 5px*/
.p0 {padding: 0;}
.pl0 {padding-left: 0;}
.ph5px {padding: 0 5px;}
.pl12px {padding: 0 0 0 12px;}
.pl16px {padding: 0 0 0 16px;}
.pl18px {padding: 0 0 0 18px;}
.pl30px {padding: 0 0 0 30px;}
.pl100px {padding: 0 0 0 100px;}
/* END: Cosmetics
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Structure
---------------------------------------------------------------------------------------------------- */
.containerPage {width: 960px;}
	
.containerMain
	{
	background: #f4f4f4 url(../images/backgrounds/bodyColumnLeft.png) top left repeat-y;
	display: block;
	margin-bottom: 275px; /*Added for hidden footer*/
	}

body.fullscreen, 
body.expanded {background-image: url(../images/backgrounds/bodyFullscreen.png)}

body.expanded .containerMain,
body.fullscreen .containerMain
	{
	background: #f4f4f4;
	display: block;
	}

.columnLeft
	{
	float: left;
	width: 230px;
	}
	
.containerContent, 
body.expanded .containerContent,
body.fullscreen .containerContent
	{
	margin-left: 230px;
	min-height: 500px;
	}
body.fullscreen .containerContent {margin-left: 0;}
body.expanded .containerContent {margin-left: 3px;}
	
.paddingContent {padding: 10px 10px 10px 15px;}

.containerInnerContent
	{
	background: #fff;
	border-bottom: 1px #cdcdcd solid;
	border-left: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	margin: 0;
	padding: 5px 15px 25px 15px;
	box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	}
	
.containerInnerContentNoTabs
	{
	background: #fff;
	border: 1px #cdcdcd solid;
	margin: 0;
	padding: 5px 15px 25px 15px;
	}
	
.containerReportTab
	{
	background: #fff;
	border-bottom: 1px #cdcdcd solid;
	border-left: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	margin: 0;
	padding: 5px 15px 25px 15px;
	}
/* END: Structure
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Widgets
---------------------------------------------------------------------------------------------------- */
.containerWidgets
	{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #ccc;
	float: right;
	margin: 18px 0 0 0;
	width: 500px;
	}

.containerWidgets .tool
	{
	background: #595959;
	background: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#1f1f1f));
	background: -moz-linear-gradient(top, #595959, #1f1f1f);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: right;
	margin: 0 6px 0 0;
	padding: 3px 4px;
	}
	
.containerWidgets .tool a:hover
	{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	}

.containerWidgets .login
	{
	background: #595959;
	background: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#1f1f1f));
	background: -moz-linear-gradient(top, #595959, #1f1f1f);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: right;
	margin: 0 12px 0 0;
	padding: 2px 14px;
	text-align: center;
	width: 150px;
	}
	
.logout, .blog, .help, .contact, .tools, .gear, .library
	{
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 20px;
	}
	
.blog, .gear, .help, .logout, .tools, .contact, .library {background-image: url(../images/icons/widgets.png);}
.blog {background-position: -40px -20px;}
.gear {background-position: 0 0;}
.help {background-position: -20px -20px;}
.logout {background-position: -40px 0;}
.library {background-position: -60px 0;}
.tools {background-position: -20px 0;}
.contact {background-position: 0 -20px;}
/* END: Widgets
---------------------------------------------------------------------------------------------------- */
	
/* BEGIN: Menu - Left Column
---------------------------------------------------------------------------------------------------- */
ul.menuColumnLeft
	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*Fix the left menu
	left: 0;
	top: 60px;
	position: fixed;
	width: 230px;*/
	}
	
ul.menuColumnLeft li {margin-right: 12px;}
	
ul.menuColumnLeft li a
	{
	border-bottom: 1px #cdcdcd solid;
	color: #666;
	display: block;
	padding: 7px 0 7px 15px;
	}
	
ul.menuColumnLeft li a:hover {background: #fff;}
	
ul.menuColumnLeft li.top
	{
	background: url(../images/backgrounds/leftColumnTop.png) no-repeat;
	height: 7px;
	padding: 0;
	}
	
ul.menuColumnLeft li.active
	{
	margin-right: 0;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	background: -moz-linear-gradient(top, #fff, #f2f2f2);
	}
	
ul.menuColumnLeft li.active a
	{
	background: url(../images/backgrounds/leftColumnArrow.png) top right no-repeat;
	border-bottom: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	border-top: 1px #cdcdcd solid;
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	}
	
ul.menuColumnLeft li a.nukeBorder {border: 0;}

.iconDashboard
	{
	background: url(../images/icons/dashboardHouse.png) 0 2px no-repeat;
	padding-left: 20px;
	}
	
ul.menuColumnLeft li.collapse a
	{
	border: 0;
	color: #fff;
	padding: 0;
	text-decoration: none;
	text-indent: -1000em;
	}
	
ul.menuColumnLeft li.collapse a span {text-indent: 0;}

.buttonCollapse
	{
	background-color: #999;
	background-image: url(../images/icons/buttonCollapse.png);
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 14px;
	width: 15px;
	}
	
ul.menuColumnLeft li a:hover.buttonCollapse
	{
	background-image: url(../images/icons/buttonCollapse.png);
	background-repeat: no-repeat;
	}

a.buttonExpand
	{
	background-color: #999;
	background-image: url(../images/icons/buttonExpandLg.png);
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	float: left;
	height: 300px;
	text-decoration: none;
	text-indent: -1000em;
	width: 15px;
	}
/* END: Menu - Left Column
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Menu - Tabs
---------------------------------------------------------------------------------------------------- */
ul.menuTabs
	{
	border-bottom: 1px #cdcdcd solid;
	margin: 0;
	padding: 2px 0;
	}

ul.menuTabs li
	{
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	background: -moz-linear-gradient(top, #fff, #f2f2f2);
	border-bottom: 1px #cdcdcd solid;
	border-top: 1px #cdcdcd solid;
	border-left: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	display: inline;
	font-size: 16px;
	padding: 2px 0;
	}
ul.menuTabs li a {padding: 2px 20px;}
	
ul.menuTabs li.active {background: #fff;border-bottom: 1px #fff solid;}
	
ul.menuTabs li a, ul.menuTabs li a:visited {color: #666;}

ul.menuTabs li a:hover {background: #fff;color: #cdcdcd;outline: none;text-decoration: none;}
ul.menuTabs li.active a, ul.menuTabs li.active a:hover {background: #fff;outline: none;text-decoration: none;}

/*ul.menuTabs li.active a:visited {color: #0cf;}*/
/* END: Menu - Tabs
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Tables
---------------------------------------------------------------------------------------------------- */
/*Sorting*/
.sortDown, .sortUp {padding-left: 12px;}
.sortDown {background: url(../images/icons/arrowSortDown.png) 0 6px no-repeat;}
.sortUp {background: url(../images/icons/arrowSortDown.png) 0 6px no-repeat;}

/*Inner*/
table.inner
	{
	border-collapse: collapse;
	width: 100%;
	}
table.inner tbody td {padding: 0;}

/*Listings*/
table.listings, table.listingsLeveled
	{
	border-collapse: collapse;
	width: 100%;
	}
	
table.listings thead tr, table.listingsLeveled thead tr {border: 1px #cdcdcd solid;}
	
table.listings th, table.listingsLeveled th
	{
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	background: -moz-linear-gradient(top, #fff, #f2f2f2);
	font-weight: normal;
	padding: 4px 6px;
	text-align: left;
	}
table.listings th a, table.listings th a:visited, table.listingsLeveled th a, table.listingsLeveled th a:visited {color: #666;}
table.listings th {vertical-align: top;}
	
table.listings td, table.listingsLeveled td {padding: 6px;}
table.listings td {vertical-align: top;}

th.actions {width: 70px;}
th.status {width: 120px;}

/*Two Columns*/
table.twoColumns, table.twoColumnsLeveled
	{
	border-collapse: collapse;
	width: 100%;
	}
	
table.twoColumns td, table.twoColumnsLeveled td
	{
	padding: 10px 10px 10px 0;
	width: 50%;
	}
table.twoColumns td {vertical-align: top;}

/*Selections - One Columns*/
table.selectOneCol
	{
	border-collapse: collapse;
	width: 100%;
	}
	
table.selectOneCol td
	{
	padding: 4px 10px;
	width: 100%;
	}

/*Selections - Two Columns*/
table.selectTwoCols
	{
	border-collapse: collapse;
	width: 100%;
	}

table.selectTwoCols td.heading
	{
	color: #666;
	padding: 4px 10px 4px 0;
	text-align: right;
	vertical-align: top;
	width: 30%;
	}
	
table.selectTwoCols td
	{
	color: #999;
	padding: 4px 10px 4px 0;
	width: 70%;
	}

/*Selections - Three Columns
table.selectThreeCols
	{
	border-collapse: collapse;
	width: 100%;
	}

table.selectThreeCols td.heading
	{
	color: #666;
	padding: 4px 10px 4px 0;
	text-align: right;
	vertical-align: top;
	width: 30%;
	}
	
table.selectThreeCols td
	{
	color: #999;
	padding: 4px 10px 4px 0;
	width: 65%;
	}

table.selectThreeCols td.inputDot
	{
	padding: 4px 10px 4px 0;
	width: 5%;
	text-align: right;
	}*/

/*Selections - Four Columns*/
table.selectFourCols
	{
	border-collapse: collapse;
	width: 100%;
	}
	
table.selectFourCols td,
table.selectFourCols td.heading
	{
	color: #999;
	padding: 4px 10px 4px 0;
	width: 25%;
	}
table.selectFourCols td.heading {text-align: right;color: #666;}
table.selectFourCols td.hash {border-left: 1px #cdcdcd solid;}

/*Selections - Two Half Columns*/
table.selectTwoHalfCols
	{
	border-collapse: collapse;
	width: 100%;
	}
	
table.selectTwoHalfCols td,
table.selectTwoHalfCols td.heading
	{
	color: #999;
	padding: 4px 10px 4px 0;
	width: 50%;
	}
table.selectTwoHalfCols td.heading {text-align: right;color: #666;}
table.selectTwoHalfCols td.hash {border-left: 1px #cdcdcd solid;}

/* END: Tables
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Dashboard
---------------------------------------------------------------------------------------------------- */
.dashColumnTop
	{
	width: 100%;
	}
	
.dashColumnBottom
	{
	margin-top: 20px;
	width: 550px;
	}
	
.dashColumnLeft
	{
	float: left;
	width: 550px;
	}
	
.dashColumnRight
	{
	display: block;
	margin-left: 562px;
	}
	
a.dashReports
	{
	background: url(../images/elements/reportGraphSm.png) no-repeat;
	display: block;
	height: 247px;
	text-indent: -1000em;
	width: 365px;
	}
	
a.dashAd
	{
	background: url(../images/ads/adWide.png) center no-repeat;
	display: block;
	height: 255px;
	text-indent: -1000em;
	width: 400px;
	}
a:hover.dashAd {filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}

.containerDashAd
	{
	background: #fff;
	border: 1px #cdcdcd solid;
	box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	margin-left: 533px;
	outline: none;
	width: 400px;
	}
	
.containerDashReports
	{
	background: #fff;
	border: 1px #cdcdcd solid;
	box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	float: left;
	width: 510px;
	}
	
#btnMarketplace, #btnGroup, #btnPublisher, #btnMerchant, #btnApproval, #btnPromoCode {margin-top: 14px;}
/* END: Dashboard
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Categories
---------------------------------------------------------------------------------------------------- */
#sortable
	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	
#sortable li
	{
	background: #f6f6f6;
	border: 1px solid #cdcdcd;
	margin: 0 3px 5px 3px;
	outline: none;
	padding: 3px;
	padding-left: 10px;
	cursor: move;
	}

#sortable li:hover {background: #eee;}
	
.catColumnLeft
	{
	float: left;
	margin-top: 10px;
	width: 310px;
	}
	
.catColumnRight
	{
	margin-left: 320px;
	margin-top: 10px;
	position: relative;
	}

/*Shows and hides action buttons in sort list*/
ul#sortable li a {display: none;}
ul#sortable li:hover a  {display: inline;}

.containerMoveArrows {float: left;width: 14px;margin-right: 6px;}
.catArrow
	{
	background: url(../images/icons/arrowCategory.png) left no-repeat;
	padding-left: 18px;
	}

.arrowMoveUp,
.arrowMoveUpDim
	{
	background-repeat: no-repeat;
	display: block;
	height: 5px;
	margin: 2px 0 6px 0;
	}
.arrowMoveUp {background-image: url(../images/icons/arrowsMove.png);background-position: 0 0;}
.arrowMoveUpDim {background-image: url(../images/icons/arrowsMove.png);background-position: 0 -5px;cursor: default;}
.arrowMoveUp:hover {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}

.arrowMoveDown,
.arrowMoveDownDim
	{
	background-repeat: no-repeat;
	display: block;
	height: 5px;
	margin: 6px 0 0 0;
	}
.arrowMoveDown {background-image: url(../images/icons/arrowsMove.png);background-position: -14px 0;}
.arrowMoveDownDim {background-image: url(../images/icons/arrowsMove.png);background-position: -14px -5px;cursor: default;}
.arrowMoveDown:hover {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}

.dropTarget
	{
	background-image: url(../images/backgrounds/dropHash.png);
	background-repeat: no-repeat;
	display: block;
	height: 6px;
	}

.dropTargetEnd
	{
	background-image: url(../images/backgrounds/dropHashEnd.png);
	background-repeat: no-repeat;
	float: right;
	height: 6px;
	width: 3px;
	}
	
.disableSorter
	{
	background-image: url(../images/backgrounds/overlayWhite.png);
	border: 1px #dadada solid;
	bottom: 0;
	color: #999;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	z-index: 2000;
	}
	
.disableArrow
	{
	background: url(../images/icons/arrowBigLeft.png) center no-repeat;
	height: 150px;
	margin: 60px auto 0 auto;
	width: 150px;
	}
/* END: Categories
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Footer (SAVE THIS)
---------------------------------------------------------------------------------------------------- 
.containerFooter {padding: 16px 16px 32px 16px;}

.containerFooter p
	{
	font-size: 13px;
	font-size: 13px;
	line-height: 1em;
	margin: 0 0 1em 0;
	}
	
.footerHidden p
	{
	font-size: 13px;
	font-size: 13px;
	line-height: 1em;
	margin: 0 0 1em 0;
	}
	
.containerFooter .left,
.footerHidden .left,
.containerFooter .middle,
.footerHidden .middle,
.containerFooter .right,
.footerHidden .right
	{
	background: url(../images/backgrounds/footerPodLighten.png);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
	min-height: 150px;
	padding: 6px 12px;
	}
.containerFooter .left {margin-right: 14px;width: 27%;}
.footerHidden .left {margin-right: 14px;width: 27%;}
.containerFooter .right {margin-left: 14px;width: 27%;}
.footerHidden .right {margin-left: 14px;width: 27%;}
.containerFooter .middle {width: 35%;}
.footerHidden .middle {width: 35%;}
	
.containerFooter h4
	{
	border-bottom: 2px #000 solid;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
 END: Footer (SAVE THIS)
---------------------------------------------------------------------------------------------------- 

/* BEGIN: Hidden Footer
---------------------------------------------------------------------------------------------------- */
.footerHidden p
	{
	font-size: 13px;
	font-size: 13px;
	line-height: 1em;
	margin: 0 0 1em 0;
	}
	
.footerHidden .left,
.footerHidden .middle,
.footerHidden .right
	{
	background: url(../images/backgrounds/footerPodLighten.png);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
	min-height: 200px;
	padding: 6px 12px;
	}
.footerHidden .left {margin-right: 14px;width: 27%;}
.footerHidden .right {margin-left: 14px;width: 27%;}
.footerHidden .middle {width: 35%;}

.chartdiv2 {margin: 0 auto;}

.footerHidden h4
	{
	border-bottom-style: solid;
	border-width: 2px;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 12px 0;
	padding: 0;
	}
.footerHidden .middle h4 {margin: 0 0 5px 0;}
	
.footerHidden
	{
	position: fixed;
	bottom: 30px;
	left: 0px;
	/*width: 100%;*/
	width: 960px;
	height: 234px;
	display: none;
	z-index: 90;
	}

.footerHidden #inside
	{
	width: 920px;
	margin: 0 auto;
	padding: 16px 16px 32px 16px;
	}

#containerToggleFooter
	{
	position: fixed;
	bottom: 0px;
	left: 0px;
	height: 30px;
	/*width: 100%;*/
	width: 960px;
	text-align: right;
	/*margin: 0 auto;*/
	overflow: hidden;
	z-index: 9990;
	}

#containerToggleFooter  a
	{
	background: url(../images/elements/arrowToggle.png) 0px 0px no-repeat;
	font-size: 16px;
	line-height: 30px;
	margin: 0;
	outline: none;
	padding: 0 0 0 22px;
	text-decoration: none;
	}

#containerToggleFooter a.active
	{
	color: #545454;
	background: url(../images/elements/arrowToggle.png) 0px -24px no-repeat;
	}
/* END: Hidden Footer
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Forms
---------------------------------------------------------------------------------------------------- */
input
	{
	border: 0;
	border: 1px #cdcdcd solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font: 14px 'Gill Sans MT', Arial, Geneva, Sans-Serif;
	color: #666;
	margin: 0;
	padding: 0;
	}
input:focus {background: #eee;}

select
	{
	border: 1px #cdcdcd solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #666;
	font: 15px 'Gill Sans MT', Arial, Geneva, Sans-Serif;
	}
select:focus {background: #eee;}

textarea
	{
	border: 1px #cdcdcd solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #666;
	font: 15px 'Gill Sans MT', Arial, Geneva, Sans-Serif;
	}
textarea:focus {background: #eee;}

/*----------File Input----------*/
div.fileInput {position: relative;}

div.containerFileInput
	{
	background: url(../images/buttons/browse.png) right no-repeat;
	left: 0px;
	padding-right: 84px;
	position: absolute;
	top: 0px;
	z-index: 1;
	}

input.file
	{
	opacity: 0;
	-moz-opacity: 0 ;
	filter: alpha(opacity: 0);
	position: relative;
	z-index: 2;
	}
/* END: Forms
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Scrolling List
---------------------------------------------------------------------------------------------------- */
.scrollingList
	{
	background: #fff;
	border: 1px #dadada solid;
	overflow: scroll;
	overflow-x: hidden;
	}

.listItemCheckbox
	{
	color: #999;
	display: block;
	padding: 2px 2px 2px 8px;
	}

.listItemCheckboxSub
	{
	color: #999;
	display: block;
	padding: 2px 2px 2px 30px;
	}

.listItemCheckboxSubSub
	{
	color: #999;
	display: block;
	padding: 2px 2px 2px 50px;
	}
.listItemCheckbox:hover, .listItemCheckboxSub:hover , .listItemCheckboxSubSub:hover {color: #333;}
.listItemCheckbox input, .listItemCheckboxSub input, .listItemCheckboxSubSub input {margin-right: 5px;}
	
a.listItemDelete,
a:visited.listItemDelete
	{
	background-image: url(../images/icons/dotDelete.png);
	background-position: 8px 6px;
	background-repeat: no-repeat;
	color: #999;
	display: block;
	padding: 2px 2px 2px 26px;
	}
a:hover.listItemDelete,
a:active.listItemDelete
	{
	background-image: url(../images/icons/dotDeleteActive.png);
	color: #f06;
	text-decoration: none;
	}
	
a.listItemAdd,
a:visited.listItemAdd
	{
	background-image: url(../images/icons/dotAdd.png);
	background-position: 8px 6px;
	background-repeat: no-repeat;
	color: #999;
	display: block;
	padding: 2px 2px 2px 26px;
	}
a:hover.listItemAdd,
a:active.listItemAdd
	{
	background-image: url(../images/icons/dotAddActive.png);
	color: #0f6;
	text-decoration: none;
	}
/* END: Scrolling List
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Buttons
---------------------------------------------------------------------------------------------------- */
a.buttonVisit, a:visited.buttonVisit
	{
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	background: -moz-linear-gradient(top, #fff, #f2f2f2);
	border: 1px #cdcdcd solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	padding: 0 14px;
	text-decoration: none;
	}
	
a:hover.buttonVisit, a:active.buttonVisit {color: #999;}
	
.iconVisit
	{
	background: url(../images/icons/newWindow.png) right no-repeat;
	padding-right: 18px;
	}
	
.iconVisit:hover
	{
	background: url(../images/icons/newWindowActive.png) right no-repeat;
	}
	
/*----------BEGIN: Global Button Attibutes----------*/
.buttonDim, .buttonDim:focus,
.buttonDimLg, .buttonDimLg:focus, 
.buttonLinkXsm, .buttonLinkXsm:focus, 
.buttonLink, .buttonLink:focus, 
.buttonGreen, .buttonGreen:focus, 
.buttonRed, .buttonRed:focus,
.buttonLg, .buttonGreenLg, .buttonRedLg,
.buttonFooter
	{
	border: 1px #cdcdcd solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	padding: 0 10px;
	}
.buttonDim, .buttonLink, .buttonGreen, .buttonRed, .buttonFooter {font: 14px 'Gill Sans MT', Arial, Geneva, Sans-Serif;}
.buttonLinkXsm, .buttonLinkXsm:focus {font: 10px 'Gill Sans MT', Arial, Geneva, Sans-Serif;padding: 0 5px;font-weight: bold;}
.buttonDimLg, .buttonRedLg, .buttonGreenLg, .buttonLg {font: 18px 'Gill Sans MT', Arial, Geneva, Sans-Serif;}

.buttonLinkXsm:hover, .buttonDim:hover, .buttonDimLg:hover, .buttonLink:hover
{background: #f2f2f2;color: #999;} 

.buttonDim, .buttonDim:focus,
.buttonDimLg, .buttonDimLg:focus,
.buttonLinkXsm, .buttonLinkXsm:focus, 
.buttonLink, .buttonLink:focus
	{
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	background: -moz-linear-gradient(top, #fff, #f2f2f2);
	}
/*----------END: Global Button Attibutes----------*/

/*Button Dim*/
.buttonDim, .buttonDim:link, a.buttonDim, a:visited.buttonDim, .buttonDim:focus, .buttonDimLg, .buttonDimLg:focus {color: #999;}

/*Button Link
.buttonLink, .buttonLink:focus {color: #0cf;}*/

/*Button Green*/
.buttonGreen, .buttonGreen:link, .buttonGreen:visited, a.buttonGreen, a:visited.buttonGreen, .buttonGreen:focus, .buttonGreenLg
	{
	background: #0f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0f6), to(#0c6));
	background: -moz-linear-gradient(top, #0f6, #0c6);
	border-color: #0f6;
	color: #fff;
	}
.buttonGreenLg:hover, .buttonGreen:hover, a:hover.buttonGreen {background: #0c6;border-color: #0c6;text-decoration: none;}

/*Button Red*/
.buttonRed, .buttonRed:link, .buttonRed:visited, a.buttonRed, a:visited.buttonRed, .buttonRed:focus, .buttonRedLg
	{
	background: #f06;
	background: -webkit-gradient(linear, left top, left bottom, from(#f06), to(#c06));
	background: -moz-linear-gradient(top, #f06, #c06);
	border-color: #f06;
	color: #fff;
	}
.buttonRedLg:hover, .buttonRed:hover, a:hover.buttonRed {background: #c06;border-color: #c06;text-decoration: none;}
	
/*Button Default*/
.buttonLg
	{
	/*background: #0cf;
	background: -webkit-gradient(linear, left top, left bottom, from(#0cf), to(#00aad5));
	background: -moz-linear-gradient(top, #0cf,  #00aad5);*/
	color: #fff;
	}
.buttonLg:hover {background: #00aad5;border-color: #00aad5;}

/*Button Footer*/
.buttonFooter, .buttonFooter:focus
	{
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#1d1d1d), to(#000));
	background: -moz-linear-gradient(top, #1d1d1d, #000);
	border: 1px #333 solid;
	color: #0cf;
	float: left;
	margin: 5px 10px 0 0;
	}
.buttonFooter:hover {background: #222;color: #999;}
/* END: Buttons
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Action Buttons
---------------------------------------------------------------------------------------------------- */
a.actionCopy, a:visited.actionCopy,
a.actionDelete, a:visited.actionDelete,
a.actionDownload, a:visited.actionDownload,
a.actionEdit, a:visited.actionEdit,
a.actionLink, a:visited.actionLink,
a.actionPrint, a:visited.actionPrint,
a.actionProperties, a:visited.actionProperties
	{
	background-color: #f2f2f2;
	background-repeat: no-repeat;
	border-bottom: 1px #cdcdcd solid;
	border-left: 1px #f2f2f2 solid;
	border-right: 1px #cdcdcd solid;
	border-top: 1px #f2f2f2 solid;
	color: #fff;
	display: block;
	/*float: left;*/
	height: 18px;
	outline: 0;
	text-decoration: none;
	text-indent: -1000em;
	width: 18px;
	}
a:hover.actionCopy, a:active.actionCopy,
a:hover.actionDelete, a:active.actionDelete, 
a:hover.actionDownload, a:active.actionDownload, 
a:hover.actionEdit, a:active.actionEdit,
a:hover.actionLink, a:active.actionLink,
a:hover.actionPrint, a:active.actionPrint,
a:hover.actionProperties, a:active.actionProperties  {background-color: #ccc;}

/*Action Button Icons*/
a.actionCopy, a:visited.actionCopy {background-image: url(../images/icons/iconsMaster.png);background-position: 1px 1px;}
a.actionDelete, a:visited.actionDelete {background-image: url(../images/icons/iconsMaster.png);background-position: -32px 1px;}
a.actionDownload, a:visited.actionDownload {background-image: url(../images/icons/iconsMaster.png);background-position: -63px 0;}
a.actionEdit, a:visited.actionEdit {background-image: url(../images/icons/iconsMaster.png);background-position: -15px 1px;}
a.actionLink, a:visited.actionLink {background-image: url(../images/icons/iconsMaster.png);background-position: -31px -16px;}
a.actionPrint, a:visited.actionPrint {background-image: url(../images/icons/iconsMaster.png);background-position: 1px -15px;}
a.actionProperties, a:visited.actionProperties {background-image: url(../images/icons/iconsMaster.png);background-position: -15px -16px;}

/*Fixes Tooltip Text*/
a.actionCopy span, a:visited.actionCopy span,
a.actionDelete span, a:visited.actionDelete span, 
a.actionDownload span, a:visited.actionDownload span, 
a.actionEdit span, a:visited.actionEdit span,
a.actionLink span, a:visited.actionLink span,
a.actionPrint span, a:visited.actionPrint span,
a.actionProperties span, a:visited.actionProperties span {text-indent: 0em;}
/* END: Action Buttons
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Icons
---------------------------------------------------------------------------------------------------- */
/*----------Begin: Dots----------*/
a.dotInfo,
a:visited.dotInfo
	{
	background: url(../images/icons/iconsMaster.png) -1px -34px no-repeat;
	color: #fff;
	display: inline-block;
	height: 13px;
	text-decoration: none;
	width: 13px;
	}
/*----------End: Dots----------*/
	
.checkGreen
	{
	background: url(../images/icons/checkGreen.png) 0 1px no-repeat;
	display: inline-block;
	height: 16px;
	width: 16px;
	}
	
.docWord, .docPdf, .docExcel, .docImage, .docText, .docPowerpoint, .print, .email, .folder, .download, .zip
	{
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 18px;
	}
.docWord {background-image: url(../images/icons/docWord.png);}
.docPdf {background-image: url(../images/icons/docPdf.png);}
.docExcel {background-image: url(../images/icons/docExcel.png);}
.download {background-image: url(../images/icons/download.png);}
.docImage {background-image: url(../images/icons/docImage.png);}
.docText {background-image: url(../images/icons/docText.png);}
.docPowerpoint {background-image: url(../images/icons/docPowerpoint.png);}
.print {background-image: url(../images/icons/print.png);}
.email {background-image: url(../images/icons/email.png);}
.folder {background-image: url(../images/icons/folder.png);}
.zip {background-image: url(../images/icons/zip.png);}


.percentIncrease,
.percentDecrease
	{
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 14px;
	}
.percentIncrease {background-image: url(../images/icons/arrowGreenUp.png);color: #0f6;}
.percentDecrease {background-image: url(../images/icons/arrowRedDown.png);color: #f06;}
/* BEGIN: Icons
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Tooltips
---------------------------------------------------------------------------------------------------- */
.tooltip {position: relative;}

.tooltip span
	{
	background-color: rgba(0,0,0,.8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
	display: none;
	font-size: 11px;
	min-width: 50px;
	padding: 3px 8px;
	position: absolute;
	right: 0;
	text-align: center;
	top: -35px;
	white-space: nowrap;
	z-index: 3000;
	}
	
.tooltip span small
	{
	border-top: 6px solid rgba(0,0,0,.8);
	border-left: 6px solid transparent;
	bottom: -6px;
	position: absolute;
	right: 10px;
	}
	
.tooltip:hover span {display: block;}

/* END: Tooltips
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Pagination
---------------------------------------------------------------------------------------------------- */
.pagination
	{
	/*clear:both; add if it jumps into other divs */
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
	text-align: right;
	}

.pagination a:link, 
.pagination a:visited
	{
	border: 1px #cdcdcd solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight:bold;
	margin-left: 10px;
	padding: 0 5px 1px 5px;
	}

.pagination a:hover 
	{
	background: #f2f2f2;
	border: 1px #cdcdcd solid;
	text-decoration: none;
	}

.pagination .active
	{
	background: #f2f2f2;
	border: 1px #cdcdcd solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #999;
	cursor: default;
	margin-left: 10px;
	padding: 0 5px;
	}

.pagination .off
	{
	color: #cdcdcd;
	cursor:default;
	margin-left: 10px;
	padding: 0;
	}
	
.pagination .results
	{
	font-size: 11px;
	font-style: italic;
	color: #999;
	}
	
.pageJump
	{
	margin-top: 14px;
	padding: 4px 12px 4px 0;
	float: left;
	font-size: 11px;
	font-style: italic;
	color: #999;
	}
.pageJump .buttonLink {width: 40px;}

/* BEGIN: Pagination
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Messages
---------------------------------------------------------------------------------------------------- */
.messageSuccess
	{
	background: #e6fff0;
	border: 2px #91e5b4 solid;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #0c6;
	font-size: 15px;
	margin-bottom: 15px;
	padding: 6px 12px;
	text-align: left;
	}
.messageSuccess h3 {border-color: #91e5b4;}

.messageError
	{
	background: #ffe6e6;
	border: 2px #e59191 solid;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #c00;
	font-size: 15px;
	margin-bottom: 15px;
	padding: 6px 12px;
	text-align: left;
	}
.messageError h3 {border-color: #e59191;}

.containerMessageButtons
	{
	clear: both;
	height: 30px;
	}
/* END: Messages
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Overlays
---------------------------------------------------------------------------------------------------- */
.backdropOverlay
	{
	background-image: url(../images/backgrounds/overlayStriped.png);
	bottom: 0;
	left: 0;
	position: fixed;
	/*right: 0; full page*/
	width: 960px; /*closed width*/
	top: 0;
	z-index: 9999;
	}
	
.containerOverlay, 
.containerOverlayInfo, 
.containerOverlayError, 
.containerOverlayWarning,
.containerOverlaySuccess
	{
	background: url(../images/backgrounds/tint90.png);
	width: 600px;
	left: 50%;
	margin: 0 0 0 -301px;
	border: 3px #dadada solid;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	font-size: 15px;
	/*position: fixed; full page*/
	position: relative;
	text-align: left;
	}
.containerOverlay {background-color: #fff;}
.containerOverlayInfo p, .containerOverlayInfo h3, .containerOverlayInfo .buttonClose, .containerOverlayInfo .buttonLink {color: #09f;}
.containerOverlayError p, .containerOverlayError h3, .containerOverlayError .buttonClose, .containerOverlayError .buttonLink {color: #f06;}
.containerOverlayWarning p, .containerOverlayWarning h3, .containerOverlayWarning .buttonClose, .containerOverlayWarning .buttonLink {color: #60c;}
.containerOverlaySuccess p, .containerOverlaySuccess h3, .containerOverlaySuccess .buttonClose, .containerOverlaySuccess .buttonLink {color: #0c6;}

.containerOverlayInfo{background-color: #09f;}
.containerOverlayInfo, .containerOverlayInfo h3 {border-color: #09f;}
.containerOverlayError{background-color: #f06;}
.containerOverlayError, .containerOverlayError h3 {border-color: #f06;}
.containerOverlayWarning{background-color: #60c;}
.containerOverlayWarning, .containerOverlayWarning h3 {border-color: #60c;}
.containerOverlaySuccess{background-color: #0c6;}
.containerOverlaySuccess, .containerOverlaySuccess h3 {border-color: #0c6;}
	
.paddingOverlay {padding: 0 20px 20px 20px;}
.overlayButtons {padding: 20px 0;}

.buttonClose
	{
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	background: -moz-linear-gradient(top, #fff, #f2f2f2);
	border: 1px #cdcdcd solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	font: bold 14px verdana, sans-serif;
	margin: 6px 6px 0 0;
	padding: 0 6px;
	}
.buttonClose:hover
	{
	background: #f2f2f2;
	color: #999;
	}

/*Notes - NUKE THESE*/
.noteGrey
	{
	background: #eee;
	border: 1px #999 solid;
	padding: 2px 10px;
	}
.noteGrey, .noteGrey a, .noteGrey a:link, .noteGrey a:visited {color: #999;}

.noteBlue
	{
	background: #e7f2ff;
	border: 1px #09f solid;
	padding: 2px 10px;
	}
.noteBlue, .noteBlue a, .noteBlue a:link, .noteBlue a:visited {color: #09f;}

.noteRed
	{
	background: #ffe0ec;
	border: 1px #f06 solid;
	padding: 2px 10px;
	}
.noteRed, .noteRed a, .noteRed a:link, .noteRed a:visited {color: #f06;}

.notePurple
	{
	background: #eedbff;
	border: 1px #60c solid;
	padding: 2px 10px;
	}
.notePurple, .notePurple a, .notePurple a:link, .notePurple a:visited {color: #60c;}

.noteGreen
	{
	background: #e6fff0;
	border: 1px #0f6 solid;
	padding: 2px 10px;
	}
.noteGreen, .noteGreen a, .noteGreen a:link, .noteGreen a:visited {color: #0f6;}
/* END: Overlay
---------------------------------------------------------------------------------------------------- */


/* BEGIN: Carousel
---------------------------------------------------------------------------------------------------- */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
	
.jcarousel-container {position: relative;}

.jcarousel-clip
	{
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	}

.jcarousel-list
	{
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
	}

.jcarousel-list li,
.jcarousel-item
	{
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
	}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next,
.jcarousel-prev
	{
    z-index: 3;
    display: none;
	}

 a.swatchLogo
	{
	background-color: #fff;
	background-image: url(../images/icons/upload.png);
	background-position: center;
	background-repeat: no-repeat;
	border: 1px #cdcdcd solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
	height: 22px;
	margin-right: 3px;
	width: 22px;
	}
a:hover.swatchLogo {background-image: url(../images/icons/uploadActive.png);}
	
 .swatchColor
	{
	border: 1px #cdcdcd solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
	height: 21px;
	margin-right: 3px;
	width: 21px;
	}
	
.swatchForm, .swatchFormLogo
	{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 120px;
	}
.swatchForm {text-transform: uppercase;}

/*---------- BEGIN: Carousel Skin ----------*/
.jcarousel-skin-jaded .jcarousel-container
	{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fff));
	background: -moz-linear-gradient(top, #f2f2f2, #fff);
    border: 1px solid #cdcdcd;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-top: 16px;
	}

.jcarousel-skin-jaded .jcarousel-container-horizontal 
	{
    padding: 0 30px; /*2nd value controls whether buttons are inside or outside*/
	/*width: 610px;*/
    width: 91%;
	}

.jcarousel-skin-jaded .jcarousel-clip-horizontal
	{
	height: 95px;
	/*width: 610px;*/
    width: 100%;
	}

.jcarousel-skin-jaded .jcarousel-item
	{
	/*background: #ccf;*/
	height: 95px;
	width: 186px;
	}

.jcarousel-skin-jaded .jcarousel-item-horizontal {margin: 0 10px;}

.jcarousel-skin-jaded .jcarousel-item-placeholder
	{
	background: #fff;
	/*color: #000;*/
	}

.jcarousel-skin-jaded .jcarousel-next-horizontal
	{
	background: transparent url(../images/buttons/carouselNext.png) no-repeat 0 0;
	cursor: pointer;
	height: 87px;
	position: absolute;
	right: 5px;
	top: 4px;
	width: 15px;
	}
.jcarousel-skin-jaded .jcarousel-next-horizontal:hover {background-position: -15px 0;}
.jcarousel-skin-jaded .jcarousel-next-horizontal:active {background-position: -30px 0;}

.jcarousel-skin-jaded .jcarousel-next-disabled-horizontal,
.jcarousel-skin-jaded .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-jaded .jcarousel-next-disabled-horizontal:active
	{
	background-position: -45px 0;
	cursor: default;
	}

.jcarousel-skin-jaded .jcarousel-prev-horizontal
	{
	background: transparent url(../images/buttons/carouselPrevious.png) no-repeat 0 0;
	cursor: pointer;
	height: 87px;
	left: 5px;
	position: absolute;
	top: 4px;
	width: 15px;
	}
.jcarousel-skin-jaded .jcarousel-prev-horizontal:hover {background-position: -15px 0;}
.jcarousel-skin-jaded .jcarousel-prev-horizontal:active {background-position: -30px 0;}

.jcarousel-skin-jaded .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-jaded .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-jaded .jcarousel-prev-disabled-horizontal:active
	{
	background-position: -45px 0;
	cursor: default;
	}
/*---------- END: Carousel Skin ----------*/
/* END: Carousel
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Polls
---------------------------------------------------------------------------------------------------- */
.barFuchsia, .barYellow, .barAqua
	{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 13px;
	padding: 0 6px 0 0;
	color: #fff;
	text-align: right;
	line-height: 18px;
	}
	
.barFuchsia
	{
	background: #f09;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff42a4), to(#d5006f));
	background: -moz-linear-gradient(top, #ff42a4,  #d5006f);
	}
	
.barYellow
	{
	background: #fc0;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffee48), to(#f8c100));
	background: -moz-linear-gradient(top, #ffee48,  #f8c100);
	}
	
.barAqua
	{
	background: #0cf;
	background: -webkit-gradient(linear, left top, left bottom, from(#62deff), to(#15aed7));
	background: -moz-linear-gradient(top, #62deff,  #15aed7);
	}

.containerBar
	{
	background: #e9e9e9;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width: 400px;
	float: left;
	}
	
.pollAnswer
	{
	text-align: right;
	width: 154px;
	float: left;
	padding: 0 6px 0 0;
	line-height: 17px;
	}

.containerPollResult
	{
	clear: both;
	margin: 0 0 24px 0;
	height: 18px;
	}
/* END: Polls
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Edit Product (Old Product Settings)
---------------------------------------------------------------------------------------------------- */
/*.inputProductName
	{
	font-size: 22px;
	width: 355px;
	}

.productStatus
	{
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	background: -moz-linear-gradient(top, #fff, #f2f2f2);
	border: 1px #cdcdcd solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0;
	padding: 5px;
	text-align: center;
	}*/
	
.containerThumbnailOptions
	{
	float: left;
	margin-left: -1px;
	}
	
.containerPreviewOptions
	{
	float: left;
	line-height: 2em;
	margin-left: -1px;
	width: 250px;
	}

a.productActive, a:visited.productActive
	{
	background: url(../images/buttons/radioGreen.png) left no-repeat;
	color: #0f6;
	outline: none;
	padding-left: 18px;
	}

a.productInactive, a:visited.productInactive
	{
	background: url(../images/buttons/radioRed.png) left no-repeat;
	color: #f06;
	outline: none;
	padding-left: 18px;
	}

a.productDim, a:visited.productDim
	{
	background: url(../images/buttons/radioGrey.png) left no-repeat;
	color: #999;
	padding-left: 18px;
	}

.infoNote
	{
	background: #fff url(../images/backgrounds/infoNote.png) 14px 10px no-repeat;
	border: 1px #cdcdcd solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 12px;
	padding: 6px 16px 10px 35px;
	}
	
/*.containerThumbnailType
	{
	background: #f4f4f4;
	border: 1px #cdcdcd solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
	padding: 4px;
	width: 135px;
	}*/
	
.containerThumbnail
	{
	background: #fff;
	border: 1px #cdcdcd solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 8px;
	text-align: center;
	}
	
/*.thumbSelectionActive
	{
	background: #f4f4f4;
	border-top: 1px #cdcdcd solid;
	border-left: 1px #f4f4f4 solid;
	border-bottom: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	padding: 4px 10px 4px 12px;
	}*/
	
/*.thumbSelection
	{
	background: #fff;
	padding: 4px 10px 4px 12px;
	border-left: 1px #cdcdcd solid;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	border-right: 1px #fff solid;
	}*/
	
.previewSelectionActive
	{
	background: #fff;
	border-top: 1px #cdcdcd solid;
	border-left: 1px #f4f4f4 solid;
	border-bottom: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	padding: 4px 10px 4px 12px;
	}
	
.previewSelection
	{
	background: #f4f4f4;
	padding: 4px 10px 4px 12px;
	border-left: 1px #cdcdcd solid;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	border-right: 1px #fff solid;
	}

/*----------BEGIN: Proof Preview----------*/
.pageLimit {padding: 4px 0 0 12px;line-height: 4px;}
	
.proofPreview
	{
	background: url(../images/proofPreview/bgProofDots.png);
	border: 1px #cdcdcd solid;
	
	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	
	border-bottom-left-radius: 6px;
	-moz-border-radius-leftright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	
	width: 415px;
	height: 300px;
	position: relative;
	text-align: center;
	float: left;
	}
	
.controlsDisabled
	{
	display: block;
	height: 25px;
	position: relative;
	margin: 40px 0 0 0;
	}
	
.controlsZoom
	{
	background: url(../images/proofPreview/controlsZoom.png) no-repeat;
	display: block;
	height: 25px;
	position: relative;
	margin: 40px 0 0 0;
	}
	
.controlsNoZoom
	{
	background: url(../images/proofPreview/controlsNoZoom.png) no-repeat;
	display: block;
	height: 25px;
	position: relative;
	margin: 40px 0 0 0;
	}
	
.docFlash
	{
	background: url(../images/proofPreview/docFlash.png) center no-repeat;
	display: block;
	height: 205px;
	width: 165px;
	position: relative;
	margin: 30px auto;
	}
	
.docGenerated
	{
	background: url(../images/proofPreview/docImage.png) center no-repeat;
	display: block;
	height: 205px;
	width: 165px;
	position: relative;
	margin: 30px auto;
	}
	
/*.thumbnailCustom
	{
	background: url(../images/uploads/thumbnailCustom.png) center no-repeat;
	display: block;
	height: 107px;
	margin: 0 auto;
	height: 107px;
	position: relative;
	}
	
.thumbnailGenerated
	{
	background: url(../images/uploads/thumbnailGenerated.png) center no-repeat;
	display: block;
	height: 107px;
	margin: 0 auto;
	height: 107px;
	position: relative;
	}
	
.thumbnailGeneratedLandscape
	{
	background: url(../images/uploads/thumbnailGeneratedLandscape.png) center no-repeat;
	display: block;
	height: 107px;
	margin: 0 auto;
	height: 107px;
	position: relative;
	}*/
/*----------END: Proof Preview----------*/

/*---------------------- VERSION 3.0 --------------------*/
.spacerSettingBox
	{
	/*background: #f00;*/
	height: 10px;
	clear: both;
	}
	

.inputProductName
	{
	font-size: 22px;
	width: 100%;
	}

.productStatus
	{
	background: #f5f5f5;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	background: -moz-linear-gradient(top, #fff, #f2f2f2);
	border: 1px #cdcdcd solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0;
	/*padding: 4px;*/
	padding: 4px 20px;
	/*text-align: center;*/
	}
	
.settingBox
	{
	background: #f5f5f5;
	border: 1px #d9d9d9 solid;
	color: #666;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/*margin-top: 15px; pre breaks */
	padding: 8px 8px 8px 8px;
	}
	
.settingBox .textbox,
.settingBox select
	{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #666;
	font-size: 12px;
	}
	
.settingBox h3
	{
	border: 0;
	cursor: pointer;
	font-size: 15px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
	
#toggleStatus, #toggleQty, #toggleFields, #toggleFilters, 
#togglePermissions, #toggleTags, #toggleCategories, #toggleMarkup, 
#togglePreview, #toggleThumbnail, #toggleDetail, #toggleSummary, #togglePaths, #toggleApproval, #toggleNotes
{background: url(../images/icons/boxArrowActive.png) 5px 4px no-repeat;padding-left: 20px;}

#toggleStatus.newClass, #toggleQty.newClass, #toggleFields.newClass, #toggleFilters.newClass, 
#togglePermissions.newClass, #toggleTags.newClass, #toggleCategories.newClass, #toggleMarkup.newClass, 
#togglePreview.newClass, #toggleThumbnail.newClass, #toggleDetail.newClass, #toggleSummary.newClass, #togglePaths.newClass, #toggleApproval.newClass, #toggleNotes.newClass
{background: url(../images/icons/boxArrow.png) 5px 4px no-repeat;padding-left: 20px;}

.settingContents
	{
	border-top: 1px #d9d9d9 solid;
	font-size: 12px;
	margin: 8px 0 0 0;
	padding: 8px 0 0 0;
	}
	
.containerSelectCategories
	{
	background: #fff;
	height: 150px;
	overflow: scroll;
	overflow-x: hidden;
	padding: 0;
	width: 100%;
	}

ul.editCategories
	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	}

ul.editCategories li
	{
	font-size: 11px;
	list-style-type: none;
	padding: 0 0 0 18px;
	}
	
.containerThumbnailType
	{
	background: #fff;
	border: 1px #cdcdcd solid;
	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	
	float: left;
	padding: 4px;
	width: 120px;
	}
	
.thumbSelectionActive
	{
	background: #fff;
	border-top: 1px #cdcdcd solid;
	border-left: 1px #fff solid;
	border-bottom: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	padding: 4px 10px;
	}
	
.thumbSelection
	{
	background: #f4f4f4;
	padding: 4px 10px;
	border-left: 1px #cdcdcd solid;
	border-top: 1px #f4f4f4 solid;
	border-bottom: 1px #f4f4f4 solid;
	border-right: 1px #f4f4f4 solid;
	}

.infoNoteV3
	{
	background: url(../images/backgrounds/infoNote.png) 0 0 no-repeat;
	font-size: 10px;
	line-height: 11px;
	margin: 12px 0 0 12px;
	padding: 0 20px;
	}
	
.thumbnailCustom
	{
	background: url(../images/uploads/thumbnailCustom.png) center no-repeat;
	display: block;
	height: 150px;
	margin: 0 auto;
	position: relative;
	}
	
.thumbnailGenerated
	{
	background: url(../images/uploads/thumbnailGenerated.png) center no-repeat;
	display: block;
	height: 150px;
	margin: 0 auto;
	position: relative;
	}
	
.thumbnailGeneratedLandscape
	{
	background: url(../images/uploads/thumbnailGeneratedLandscape.png) center no-repeat;
	display: block;
	height: 150px;
	margin: 0 auto;
	position: relative;
	}
	
.proofPreviewV3
	{
	background: #fff;
	border: 1px #cdcdcd solid;
	
	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	
	float: left;
	height: 300px;
	text-align: center;
	width: 50%;
	}
	
.containerPreviewOptionsvV3
	{
	margin-left: -1px;
	float: left;
	width: 48%;
	line-height: 2em;
	}
	
.controlsZoomV3
	{
	background: url(../images/proofPreview/controlsZoomV3.png) center no-repeat;
	display: block;
	height: 25px;
	position: relative;
	margin: 40px 0 0 0;
	}
	
.controlsNoZoomV3
	{
	background: url(../images/proofPreview/controlsNoZoomV3.png) center no-repeat;
	display: block;
	height: 25px;
	position: relative;
	margin: 40px 0 0 0;
	}
	
.previewSelectionActiveV3
	{
	background: #fff;
	border-top: 1px #cdcdcd solid;
	border-left: 1px #fff solid;
	border-bottom: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	padding: 4px 10px 4px 12px;
	}
	
.previewSelectionV3
	{
	background: #f4f4f4;
	padding: 4px 10px 4px 12px;
	border-left: 1px #cdcdcd solid;
	border-top: 1px #f4f4f4 solid;
	border-bottom: 1px #f4f4f4 solid;
	border-right: 1px #f4f4f4 solid;
	}
	
.editProductLeft
	{
	/*background: #ccf;*/
	float: left;
	padding: 12px 0 0 0;
	width: 60%;
	}
	
.editProductRight
	{
	/*background: #fcf;*/
	float: left;
	padding: 12px 0 0 0;
	width: 40%;
	}
	
.innerEditProductRight {padding: 0 0 0 12px;}

/* END: Edit Product (Old Product Settings)
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Create A Product
---------------------------------------------------------------------------------------------------- */
.containerUploadDelete
	{
	height: 28px;
	margin-top: 5px;
	}
	
a.deleteUpload
	{
	background: url(../images/buttons/deleteUpload.png) center no-repeat;
	float: left;
	height: 23px;
	margin-right: 5px;
	width: 32px;
	}
/*----------BEGIN: Wizard Table----------*/
table.wizard
	{
	border-collapse: collapse;
	margin-top: 12px;
	width: 100%;
	}
	
table.wizard td
	{
	padding: 5px 0 0 0;
	width: 50%;
	}
	
.wizardStep
	{
	color: #cacaca;
	font-size: 15px;
	float: left;
	margin-top: 6px;
	}
	
.wizardStepNumber
	{
	border-right: 1px #cdcdcd solid;
	color: #999;
	float: left;
	font-family: 'times new roman',times,serif;
	font-size: 32px;
	margin-right: 8px;
	padding: 0 5px 0 5px;
	}
	
.wizardStepTitle
	{
	color: #b2b2b2;
	float: left;
	font-size: 16px;
	margin-top: 6px;
	}
	
table.wizard td.wizardForms {padding-left: 62px;}

.hashWizard
	{
	background: #e7e7e7;
	float: left;
	height: 32px;
	margin: 0 10px 0 0;
	width: 3px;
	}
/*----------END: Wizard Table----------*/

/*----------BEGIN: Options----------*/
a.wizardColor, a.wizardColorActive,
a.wizardBw, a.wizardBwActive,
a.wizardBwColor, a.wizardBwColorActive,
a.wizardHolePunch, a.wizardHolePunchActive,
a.wizardSimplex, a.wizardSimplexActive,
a.wizardDuplex, a.wizardDuplexActive
	{
	background-position: 12px 3px;
	background-repeat: no-repeat;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #999;
	float: left;
	font-size: 14px;
	margin-right: 10px;
	outline: none;
	padding: 5px 15px 5px 38px;
	}
	
a.wizardColor, a:hover.wizardColor, a.wizardColorActive {background-image: url(../images/icons/wizardDropletColor.png);}
a.wizardBw, a:hover.wizardBw, a.wizardBwActive {background-image: url(../images/icons/wizardDropletBw.png);}
a.wizardBwColor,a:hover.wizardBwColor, a.wizardBwColorActive {background-image: url(../images/icons/wizardDropletBwColor.png);}
a.wizardSimplex, a:hover.wizardSimplex, a.wizardSimplexActive {background-image: url(../images/icons/wizardSimplex.png);}
a.wizardDuplex, a:hover.wizardDuplex, a.wizardDuplexActive {background-image: url(../images/icons/wizardDuplex.png);}
a.wizardHolePunch, a:hover.wizardHolePunch {background-image: url(../images/icons/wizardHolePunch.png);}
a.wizardHolePunchActive {background-image: url(../images/icons/wizardHolePunchActive.png);padding: 5px 15px 5px 57px;}

a:hover.wizardColor, a.wizardColorActive,
a:hover.wizardBw, a.wizardBwActive,
a:hover.wizardBwColor, a.wizardBwColorActive,
a:hover.wizardSimplex, a.wizardSimplexActive,
a:hover.wizardDuplex, a.wizardDuplexActive, 
a:hover.wizardHolePunch, a.wizardHolePunchActive
	{
	background-color: #f4f4f4;
	border-color: #0cf;
	box-shadow: 3px 3px 3px #ddd;
	-moz-box-shadow: 3px 3px 3px #ddd;
	-webkit-box-shadow: 3px 3px 3px #ddd;
	color: #0cf;
	text-decoration: none;
	}
/*----------END: Options----------*/

/*----------BEGIN: Bindings----------*/
.bindingNone, .bindingNoneActive,
.bindingSpiral, .bindingSpiralActive,
.bindingTwinLoop, .bindingTwinLoopActive,
.bindingRingBinder, .bindingRingBinderActive,
.bindingStapled, .bindingStapledActive
	{
	background-color: #fff;
	background-position: top left;
	background-repeat: no-repeat;
	border-width: 1px;
	border-style: solid;
	border-color: #dedede;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #999;
	cursor: pointer;
	float: left;
	font-size: 11px;
	height: 75px;
	line-height: 125px;
	margin-right: 15px;
	text-align: center;
	width: 90px;
	}
	
.bindingNone, .bindingNoneActive {background-image: url(../images/backgrounds/bindingNone.png);}
.bindingSpiral, .bindingSpiralActive {background-image: url(../images/backgrounds/bindingSpiral.png);}
.bindingTwinLoop, .bindingTwinLoopActive {background-image: url(../images/backgrounds/bindingTwinLoop.png);}
.bindingRingBinder, .bindingRingBinderActive {background-image: url(../images/backgrounds/bindingRingBinder.png);}

.bindingStapled, .bindingStapledActive 
	{
	background-image: url(../images/backgrounds/bindingStapled.png);
	line-height: 15px;
	text-align: left;
	width: 160px;
	}

.bindingNoneActive, .bindingNone:hover, 
.bindingSpiralActive, .bindingSpiral:hover, 
.bindingTwinLoopActive, .bindingTwinLoop:hover, 
.bindingRingBinderActive, .bindingRingBinder:hover, 
.bindingStapledActive, .bindingStapled:hover
	{
	background-color: #f4f4f4;
	border-color: #0cf;
	box-shadow: 3px 3px 3px #ddd;
	-moz-box-shadow: 3px 3px 3px #ddd;
	-webkit-box-shadow: 3px 3px 3px #ddd;
	color: #0cf;
	}

.stapledOptions {padding: 14px 0 0 90px;}
/*----------END: Bindings----------*/

/*----------BEGIN: Proof Preview----------*/
.containerPreviewer
	{
	background: #f4f4f4;
	border: 1px #cdcdcd solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 3px 3px 3px #ddd;
	-moz-box-shadow: 3px 3px 3px #ddd;
	-webkit-box-shadow: 3px 3px 3px #ddd;
	padding: 4px;
	}
	
.containerInnerPreviewer
	{
	background: #fff url(../images/proofPreview/previewer.png);
	border: 1px #cdcdcd solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 320px;
	padding-top: 20px;
	position: relative;
	text-align: center;
	}
	
.documentPrice
	{
	background: #f4f4f4 url(../images/proofPreview/shadowTop.png) repeat-x;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#f4f4f4));
	background: -moz-linear-gradient(top, #dcdcdc, #f4f4f4);*/
	border-left: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	border-bottom: 1px #cdcdcd solid;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	box-shadow: 3px 3px 3px #ddd;
	-moz-box-shadow: 3px 3px 3px #ddd;
	-webkit-box-shadow: 3px 3px 3px #ddd;
	font-size: 18px;
	margin: 0 auto;
	padding: 3px 5px;
	text-align: center;
	width: 175px;
	}
	
.previewerToolbar
	{
	/*background: #fcc;*/
	height: 30px;
	position: relative;
	}
	
a.fileDot, a:visited.fileDot
	{
	background: #999;
	border: 3px #fff solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #fff;
	display: block;
	height: 5px;
	position: absolute;
	text-decoration: none;
	top: 10px;
	width: 5px;
	z-index: 3;
	}
a:hover.fileDot {background: #0cf;}
	
.timeline
	{
	background: #d5d5d5;
	border: 1px #ccc solid;
	/*width: 500px;*/
	height: 2px;
	left: 25px;
	position: absolute;
	right: 130px;
	top: 13px;
	z-index: 2;
	}
	
a.firstPage
	{
	background-image: url(../images/proofPreview/buttonsProofPreview.png);
	background-position: -11px 0;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	height: 11px;
	left: 10px;
	position: absolute;
	text-decoration: none;
	top: 10px;
	width: 11px;
	}
a:hover.firstPage {background-position: -11px -11px;}

a.lastPage
	{
	background-image: url(../images/proofPreview/buttonsProofPreview.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	height: 11px;
	position: absolute;
	right: 110px;
	text-decoration: none;
	top: 10px;
	width: 11px;
	}
a:hover.lastPage {background-position: 0 -11px;}

.hashPreviewer
	{
	background: #ccc;
	border-right: 1px #fff solid;
	height: 34px;
	margin: 0 10px 0 0;
	position: absolute;
	right: 85px;
	width: 1px;
	top: 0;
	}
	
a.buttonFullscreen, 
a:visited.buttonFullscreen
	{
	background-image: url(../images/proofPreview/buttonsProofPreview.png);
	background-position: -58px 0;
	background-repeat: no-repeat;
	color: #fff;
	height: 18px;
	position: absolute;
	right: 10px;
	text-decoration: none;
	top: 7px;
	width: 18px;
	}
a:hover.buttonFullscreen {background-position: -58px -18px;}
	
a.buttonEnlarge,
a:visited.buttonEnlarge
	{
	background-image: url(../images/proofPreview/buttonsProofPreview.png);
	background-position: -40px 0;
	background-repeat: no-repeat;
	color: #fff;
	height: 18px;
	position: absolute;
	right: 40px;
	top: 7px;
	text-decoration: none;
	width: 18px;
	}
a:hover.buttonEnlarge {background-position: -40px -18px;}
	
a.buttonRotate,
a:visited.buttonRotate
	{
	background-image: url(../images/proofPreview/buttonsProofPreview.png);
	background-position: -22px 0;
	background-repeat: no-repeat;
	color: #fff;
	height: 18px;
	position: absolute;
	right: 70px;
	text-decoration: none;
	top: 7px;
	width: 18px;
	}
a:hover.buttonRotate {background-position: -22px -18px;}
	
a.pageCount
	{
	font-size: 11px;
	position: absolute;
	right: 10px;
	top: 6px;
	z-index: 3;
	color: #999;
	outline: none;
	padding-top: 3px;
	}
	
.pageCountInput
	{
	font-size: 11px;
	position: absolute;
	right: 10px;
	top: 6px;
	z-index: 3;
	height: 40px;
	padding-top: 3px;
	}
.pageCountInput input {font-size: 10px;width: 20px;}
	
.containerDocument
	{
	position: relative;
	/*background: #ffc;*/
	margin: 0 auto;
	}

.overlayBindingSpiral
	{
	background: url(../images/proofPreview/bindingSpiral.png) center no-repeat;
	height: 290px;
	position: absolute;
	right: 322px;
	top: 3px;
	width: 24px;
	z-index: 20;
	}
	
.pageLeft
	{
	background: url(../images/proofPreview/pageLeft.png) center no-repeat;
	box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	display: inline-block;
	height: 294px;
	width: 228px;
	}
	
.pageRight
	{
	background: url(../images/proofPreview/pageRight.png) center no-repeat;
	box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	display: inline-block;
	height: 294px;
	width: 228px;
	}
/*----------END: Proof Preview----------*/
/* END: Create A Product
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Toggle Switches
---------------------------------------------------------------------------------------------------- */
.containerToggleActive, .containerToggleInactive, .containerTogglePublished
	{
	border: 1px #ccc solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	font: bold 12px sans-serif;
	height: 16px;
	line-height: 15px;
	position: relative;
	width: 90px;
	}
.containerToggleActive {background: #0f6;}
.containerToggleInactive {background: #f06;}
.containerTogglePublished {width: 130px;background: #0f6;}

.toggleSwitchActive, .toggleSwitchInactive
	{
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	background: -moz-linear-gradient(top, #fff, #f2f2f2);
	width: 16px;
	height: 16px;
	cursor: pointer;
	position: absolute;
	z-index: 80;
	}
.toggleSwitchActive {left: -1px;}
.toggleSwitchInactive {left: 73px;}
	
.toggleText
	{
	color: #fff;
	left: 0;
	position: absolute;
	text-align: center;
	width: 86px;
	z-index: 10;
	}
/* END: Toggle Switches
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Tooltip
---------------------------------------------------------------------------------------------------- */
#tt
	{
	position:absolute;
	display:block;
	/*background:url(images/tt_left.gif) top left no-repeat*/
	}
	
#tttop
	{
	display:block;
	height:5px;
	margin-left:5px;
	/*background:url(images/tt_top.gif) top right no-repeat;*/
	overflow:hidden
	}
	
#ttcont
	{
	display:block;
	padding: 5px 8px;
	margin: 5px;
	background: #fff;
	color:#666;
	border: 1px #ccc solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;

	line-height: 20px;
	}
#ttbot
	{
	display:block;
	height:5px;
	margin-left:5px;
	/*background:url(images/tt_bottom.gif) top right no-repeat;*/
	overflow:hidden
	}
/* END: Tooltip
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Floating Pagination
---------------------------------------------------------------------------------------------------- */
ul#pageFloat
	{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 1%, #f8f7f8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,#ffffff), color-stop(100%,#f8f7f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 1%,#f8f7f8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 1%,#f8f7f8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 1%,#f8f7f8 100%); /* IE10+ */
	background: linear-gradient(left,  #ffffff 1%,#f8f7f8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f7f8',GradientType=1 ); /* IE6-9 */
	
	border-top: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	border-bottom: 1px #cdcdcd solid;
	
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
	box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
	
	list-style: none;
	margin: 0;
	padding: 10px 0;
	position:absolute;
	left: 948px;
	top: 220px;
	width: 30px;
	}

ul#pageFloat li a
	{
	display:block;
	margin: 0;
	padding: 5px;
	text-align: center;
	text-decoration:none;
	}


ul#pageFloat li
	{
	background: transparent;
	color: #999;
	display:block;
	font: 10px "Lucida Grande", "Lucida Sans", "Trebuchet MS", verdana, sans-serif;
	text-align: center;
	text-decoration:none;
	}
	
ul#pageFloat li a:hover, 
ul#pageFloat li a.active, 
ul#pageFloat li a:hover.previous, 
ul#pageFloat li a:hover.next
	{
	background-color: #e1e1e1;
	color: #999;
	}
	
ul#pageFloat li a.previous
	{
	background: url(../images/icons/arrowsPaginationPrevious.png) center no-repeat;
	text-indent: -1000em;
	}

ul#pageFloat li a.next
	{
	background: url(../images/icons/arrowsPaginationNext.png) center no-repeat;
	text-indent: -1000em;
	}
	
ul#pageFloat li.ellipses
	{
	color: #999;
	height: 30px;
	line-height: 25px;
	}
/* END: Floating Pagination
---------------------------------------------------------------------------------------------------- */