/* teamoutfits.com team jerseys designer css */

/* force float wrap */

.enclose:after,
.form-item:after,
.tab-panel:after,
.tab-panel-header:after,
.designer-color-selector:after
{clear:both;content:".";display:block; height:0;visibility:hidden;}

.clear {clear: both; height: 0; line-height: 0;}

/* */

body.designer {}

#item-designer-container { width: 544px; }

#item-designer-container .disabled {
opacity: .5;
}

* html #item-designer-container .disabled {
filter: alpha(opacity=50);
}
*:first-child+html #item-designer-container .disabled {
filter: alpha(opacity=50);
}

#item-designer-header { 
width: 544px; 
margin-bottom: 5px;
}

#item-designer-image-container {
position: relative;
width: 543px;
height: 245px;
}

/* OVERLAYS */

.designer-image-overlay {
position: absolute;
/*opacity: .30;
background-color: cyan;*/
}

* html .designer-image-overlay {
text-align: center;
}

.designer-image-overlay img {
position: relative;
display: block;
margin: 0 auto;
padding: 0;
border: none;
}

/* end OVERLAYS */

/* main item image */
#item-designer-image {
display: block;
padding: 0;
margin: 0;
border: none;
}

#item-title {
padding: 0 10px;
margin: 0 0 10px;
}

#item-designer-body {
width: 544px; 
margin: 5px 0 10px;
}

.team-ordering-designer-row,
.team-ordering-normal-row {
display: none;
}

.team-jersey-option-row {
/*display: none;*/
}

#design-team-jerseys-hockey {}

.design-team-jerseys {
position: relative;
z-index: 0;
width: 544px;
margin: 0;
color: #000;
background-color: #fff;
/*width: 564px;*/
}

/***** LOADING *****/

#designer-loading {
position: relative;
z-index: 9;
clear: both;
width: 540px;
height: 60px;
border: 2px solid #8AB9D7;
padding: 1px 0;
background: #FFFFFF none repeat scroll 0%;
}

#designer-loading div {
display: table-cell;
width: 540px;
height: 60px;
text-align: center;
vertical-align: middle;
font-weight: bold;
font-style: italic;
font-size: 1.5em;
}

/***** DESIGN TABS *****/

.design-team-jerseys .tabs-container {
position: relative;
z-index: 2;
width: 544px;
height: 47px;
border-bottom: 2px solid #8AB9D7;
/*margin-bottom: -2px;
padding-bottom: 1px;*/
}

.design-team-jerseys .tabs-container .direction {
position: absolute;
width: 24px;
height: 33px;
}

.design-team-jerseys .tabs-container .direction a:link,
.design-team-jerseys .tabs-container .direction a:visited {
display: block;
padding: 0;
margin: 0;
height: 33px;
padding: 0;
font-family: arial,helvetica,serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #000;
}

.design-team-jerseys .tabs-container .direction a:hover {
text-decoration: none;
cursor: pointer;
}

.design-team-jerseys .tabs-container .direction.back {
left: 2px;
top: 12px;
background: transparent url('') 0 0 no-repeat;
}

.design-team-jerseys .tabs-container .direction.next {
right: 2px;
top: 12px;
background: transparent url('') 100% 0 no-repeat;
}

/***** TOP NAV *****/

.design-team-jerseys ul.tabs {
position: relative;
z-index: 4;
display: block;
width: 466px;
height: 47px;
list-style: none;
margin: 0 auto;
padding: 0 0 0 10px;
}

.design-team-jerseys ul.tabs li {
position: relative;
z-index: 6;
display: block;
float: left;
width: 60px;
height: 35px;
margin: 10px 3px 0 0;
padding: 0;
border: 2px solid #8AB9D7;
border-bottom: none;
background: #1572af;
/*width: 70px;*/
/*border-bottom: 2px solid  #8AB9D7;*/
}

.design-team-jerseys ul.tabs li.first {}

.design-team-jerseys ul.tabs li.last {
margin-right: 0;
}

.design-team-jerseys ul.tabs a,
.design-team-jerseys ul.tabs a:link,
.design-team-jerseys ul.tabs a:visited {
display: block;
width: 60px;
height: 35px;
margin: 0;
padding: 0;
text-decoration: none;
font-size:11px;
font-weight:normal;
font-family: arial,helvetica,sans-serif;
color: #fff;
background:  #8AB9D7;
text-align: center;
cursor: pointer;
outline: none;
white-space: normal;
/*width: 70px;*/
/*white-space: nowrap;*/ /* required in IE 6 */    
/*background: #1572af url(shell_files/top-nav-tab-bg.jpg) 0 0 repeat-x;*/
}

.design-team-jerseys ul.tabs a:hover {
background: #3794cf;
color: #fff;
}

.design-team-jerseys ul.tabs li.tab-selected {
width: 80px;
height: 45px;
margin-top: 2px;
border-color: #8AB9D7;
/*border-bottom-color: #fff;*/
}

.design-team-jerseys ul.tabs li.tab-selected a,
.design-team-jerseys ul.tabs li.tab-selected a:link,
.design-team-jerseys ul.tabs li.tab-selected a:visited,
.design-team-jerseys ul.tabs li.tab-selected a:hover,
.design-team-jerseys ul.tabs li.tab-selected a:active,
.design-team-jerseys ul.tabs li.tab-selected a:focus {
width: 80px;
height: 45px;
font-size: 15px;
font-weight: bold;
background: #fff;
color: #36759e;
cursor: text;
outline: none;
/*background: #fff url(top-nav-tab-bg.jpg) 0 -170px repeat-x;*/
}

/* tab a hover selected */

.design-team-jerseys ul.tabs a:hover, 
.design-team-jerseys ul.tabs a:active {
color: #fff;
background-position: 0 -80px;
}

.design-team-jerseys ul.tabs li span {
display: table-cell;
width: 60px;
height: 35px;
vertical-align: middle;
text-align: center;
/*width: 70px;*/
}

.design-team-jerseys ul.tabs li.tab-selected span {
width: 80px;
height: 45px;
}

/***** TABS PANELS *****/

.tab-panels {
position: relative;
z-index: 1;
clear: both;
width: 540px;
min-height: 275px;
border: 2px solid #8AB9D7;
border-top: none;
padding: 1px 0;
background: #FFFFFF none repeat scroll 0%;
}

.tab-panel {
position: relative;
z-index: 2;
min-width: 1px;
padding: 10px;
margin: 10px auto 0;
border: 1px solid #ffffff;
/*width: 418px;*/
}

.tab-panel,
input,
select,
textarea {
font: normal 11px arial,helvetica,serif;
}

.tab-panel-header { display: none; }
/*.tab-panel-header {
margin-bottom: 10px;
padding: 2px 60px 10px;
border-bottom: 1px dotted #d0d0d0;
}
.tab-panel-header .panel-title {
float: left;
width: 175px;
font: bold 14px georgia,times,serif;
}
.tab-panel-header .detail {
float: right;
width: 325px;
font: normal 11px georgia,times,serif;
}*/

/*.tab-panels .tab-panels-arrow {
position: absolute;
z-index: 3;
width: 44px;
height: 43px;
}
.tab-panels .tab-panels-arrow.left {
top: 2px;
left: 2px;
background: transparent url('') 0 top no-repeat;
}
.tab-panels .tab-panels-arrow.right {
top: 2px;
right: 2px;
background: transparent url('') 100% top no-repeat;
}
.tab-panels .tab-panels-arrow:link,
.tab-panels .tab-panels-arrow:visited,
.tab-panels .tab-panels-arrow:hover {
text-decoration: none;
cursor: pointer;
}*/

select {
padding-top: 0;
padding-bottom: 0;
margin: 0;
}

input.text,
input.checkbox,
input.radio,
input.button,
select,
textarea {
font: normal 11px arial,helvetica,serif;
color: #000;
}

input.text,
input.checkbox,
select,
textarea {
border: 1px solid #7f9db9;
background-color: #fff;
}

input.radio,
input.checkbox {
width: 11px;
height: 11px;
margin: 0;
padding: 0;
}

input.text {
padding-top: 0;
padding-bottom: 0;
padding-left: 2px;
}

input.readonly {
border-color: #ccc;
background-color: #f3f3f3;
}

input.button {
padding: 0 2px;
}

.radio-label {
padding-left: 0;
padding-right: 10px;
}

.checkbox-label {
padding-left: 5px;
}

.design-team-jerseys .column.left {
float: left;
width: 252px;
}

.design-team-jerseys .column.right {
float: right;
width: 252px;
}

.design-team-jerseys .form-item {
display: block;
float: left;
clear: left;
padding: 0 0 3px;
}

.form-item.text {
padding-bottom: 6px;
}

.form-item .label {
display: block;
float: left;
clear: left;
margin-right: 6px;
}

.form-item .value {
display: block;
float: left;
clear: none;
}

/* label on top */
.form-item.label-top .label {
float: none;
}
.form-item.label-top .value {
clear: left;
}

/* right aligned */
.form-item.align-right .label {
float: right;
clear: none;
}
.form-item.align-right .value {
float: right;
clear: right;
}

/* COLORS */

.color-value-block .designer-color-info {
float: left;
width: 40px;
height: 32px;
margin: 0 0 6px;
padding: 1px;
border: 3px solid #ccc;
background-color: #fff;

}

.color-value-block .color-name {
float: left;
width: 42px;
height: 10px;
margin: 0;
padding: 0;
border: 1px solid #999;
border-right-width: 0;
border-bottom-width: 0;
background-color: #aaa;
text-align: left;
font-size: 7px;
line-height: 9px;
}

.color-value-block .color-selection {
float: left;
width: 42px;
height: 10px;
margin: 0;
padding: 2px;
border: 1px solid #999;
border-left-width: 0;
border-bottom-width: 0;
background-color: #fff;
}

.designer-color-selector {
float: left;
width: 120px;
height: 30px;
margin: 0 4px 6px 0;
padding: 1px;
border: 3px solid #ccc;
background-color: #fff;
/*background-color: #e0e0e0;*/
}

.designer-color-selector a {
display: block;
float: left;
width: 9px;
height: 9px;
padding: 1px;
margin: 1px;
border: 1px solid #999;
background-color: #fff;
}

* html .designer-color-selector a {
display: inline;
}

/*.designer-color-selector div {
float: left;
width: 14px;
height: 14px;
padding: 1px;
margin: 0;
}
.designer-color-selector a {
display: block;
width: 10px;
height: 10px;
padding: 1px;
border: 1px solid #999;
background-color: #fff;
}*/

/* TABLES */

.panel-table {
width: 100%;
border: 0 solid #fff;
border-width: 0 3px;
}

.panel-table,
.panel-table td {
border-collapse: collapse;
padding: 0;
margin: 0;
}

.panel-table td {
height: 19px;
padding: 0 1px;
margin: 0;
border: none;
text-align: left;
vertical-align: middle;
}

.panel-table tr.separator-top td,
.panel-table td.separator-top,
#team-name-heading-cell,
#team-logo-heading-cell {
border-width: 1px;
border-top-style: solid;
border-top-color: #d0d0d0;
padding-top: 4px;
}

.panel-table tr.separator-bottom td,
.panel-table td.separator-bottom {
border-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d0d0d0;
padding-bottom: 4px;
}

.panel-table tr.separator-left td,
.panel-table td.separator-left,
#team-logo-heading-cell {
border-width: 1px;
border-left-style: solid;
border-left-color: #d0d0d0;
padding-left: 6px;
}

.panel-table tr.separator-right td,
.panel-table td.separator-right,
#team-name-heading-cell {
border-width: 1px;
border-right-style: solid;
border-right-color: #d0d0d0;
padding-right: 11px;
}

.panel-table tr.gap-top td {
padding-top: 8px;
}

.panel-table tr.gap-bottom td {
padding-bottom: 8px;
}

.panel-table td.seqeuential-numbering {
width: 20px;
padding-right: 13px;
text-align: right;
}

/* specific items */

#team-name-line-1,
#team-name-line-2,
#team-name-line-3 {
width: 140px;
}

.panel-table.team-table {
width: 512px;
}

.panel-table.team-table td {
padding: 0 5px;
}

.panel-table.team-table tr.settings td {
vertical-align: top;
}

#team-name-heading-cell,
#team-logo-heading-cell {
padding-top: 4px;
padding-bottom: 7px;
font-weight: bold;
font-size: 15px;
}

/*#design-layout-panel 						{ width: 510px; }
#design-layout-panel .column.left  			{ width: 252px; }
#design-layout-panel .column.right 	 		{ width: 240px; }*/

#design-team-name-panel  					{ width: 512px; }
#design-team-name-panel .column.left		{ width: 230px; }
#design-team-name-panel .column.right		{ width: 252px; }

#design-player-name-panel  					{ width: 200px; }

#design-player-number-panel  				{ width: 500px; }
#design-player-number-panel .column.left	{ width: 220px; }
#design-player-number-panel .column.right	{ width: 260px; }

#design-player-number-panel .column.right .panel-table {
border: 1px solid #d0d0d0;
}

#design-player-number-panel .column.right .panel-table td {
border: 1px solid #d0d0d0;
padding: 4px 6px;
}

#design-roster-panel  						{ width: 450px; }
#design-review-panel						{}
#design-review-panel .column.left 			{ width: 190px; }
#design-review-panel .column.right 			{ width: 320px; }

.panel-table td.file-upload-cell {
padding-right: 5px;
text-align: right;
}

#logo-sample {
padding: 10px 0 0;
}

#logo-sample div {
width: auto;
height: auto;
min-width: 150px;
min-height: 150px;
padding: 10px;
border: 2px dotted #ccc;
text-align: center;
background: transparent url(/lib/yhst-33815592852888/no-logo-sample.gif) no-repeat 50% 50%;
/*width: 222px;
height: 222px;*/
}

#logo-sample div.selected {
background: none;
}

#logo-sample-image {}

#review-logo-sample {
padding: 10px 0 0;
}

#review-logo-sample div {
width: auto;
height: auto;
min-width: 150px;
min-height: 150px;
padding: 10px;
border: 2px dotted #ccc;
text-align: center;
background: transparent url(/lib/yhst-33815592852888/no-logo-sample.gif) no-repeat 50% 50%;
}

#review-logo-sample div.selected {
background: none;
}

#review-logo-sample-image {}

#upload-logo-file-button {}

#review-team-name-title,
#review-logo-title {
margin-bottom: 10px;
text-align: center;
font-size: 15px;
font-weight: bold;
}

#review-logo-title {
margin-top: 20px;
}

#review-team-name-container {
margin: 10px 0;
padding: 7px 0;
border: 2px dotted #ccc;
}

#review-team-name-container .review-team-name {
margin-bottom: 5px;
font-size: 14px;
font-weight: bold;
text-align: center;
}

#review-team-name-container .review-team-name span {
font-size: 9px;
color: #999;
}

.design-team-jerseys .order-table-header {}

.design-team-jerseys .order-bottom-left {
width: auto;
border-right-width: 0;
text-align: left;
}

/* colspan = 2 */
.design-team-jerseys .order-bottom-right {
height: 39px;
border-left:2px solid #8BB8D9;
text-align:right;
vertical-align:top;
}

/* sets width for table column */
.design-team-jerseys .rightorder {
width: 193px;
}

/* BUILD ORDER PROGESS */

#designer-progress-iframe-body {}

#designer-progress-build-order {
width: 305px;
height: 39px;
}

#designer-build-order-progress-iframe,
#designer-progress-iframe-container {
width: 305px;
height: 39px;
margin: 0;
padding: 0;
border: none;
}

#designer-progress-iframe-message {
width: 305px;
height: 39px;
text-align: left;
font-weight: bold;
font-style: italic;
line-height: 38px;
background: transparent url(http://p12.hostingprod.com/@teamoutfits.com/designer/progress.gif) 100% 50% no-repeat;
}

#build-order-progress-iframe-step {}

/* DISABLED TEMPORARILY */

/*#team-name-colors-block,
#design-team-name-panel .color-value-block.block-2,
#design-team-name-panel .color-value-block.block-3,
#player-name-colors-block,
#design-player-name-panel .color-value-block.block-2,
#design-player-name-panel .color-value-block.block-3,
#player-number-colors-block,
#design-player-number-panel .color-value-block.block-2,
#design-player-number-panel .color-value-block.block-3,
#team-logo-layout-arch-block {
display: none;
}*/

/* IE 6 & 7 */

/* force float wrap */
* html .enclose,
* html .form-item,
* html .tab-panel,
* html .tab-panel-header{ zoom: 1; } 

/* center block */
* html .design-team-jerseys .tabs-container {
text-align: center;
}

/* min width */
* html .design-team-jerseys ul.tabs li {
width: 1px;
}

/* ??? */
/*
* html .design-team-jerseys ul.tabs li {
zoom: 1;
}
*/