@CHARSET "ISO-8859-1";

/* .hover simulates the flash interactions */
.container a, .container a:hover {
	color: #369;
	font-size: 12px;
    cursor: pointer;
}


/*BODY { font-family:Arial, Helvetica, sans-serif }*/
#uploader {display: none}
.container { position:relative; height:auto; width:980px; border:1px solid #336699;margin-top:10px; font-family: Arial, Helvetica, sans-serif}

.repeat-sprite { background:transparent url(../img1/uploadify/repeat-sprite.gif)}
.sprite_123 { background:url(../img1/uploadify/upload_123_sprite.gif) no-repeat }

.top-bar { position:relative; width:100%; height:40px; margin:0; padding:0; background-position:0px -120px; border-bottom:1px solid #ABC; line-height:38px; }
.top-bar h1 { color:#336699; text-align:left; margin:0px 10px; padding:0; float: left; font-size: 19px; }

.top-section { position:relative; height:100px; padding: 20px 0 0 20px; font-size: 14px}
.top-section .left { margin: 0 20px 0 0; width:430px; float: left; height: 5em; width: 460px}
.top-section  div.textBlock  {text-align:left; height: 2.4em;}
.top-section .right { float: left; width:470px;}
.top-section form {
	margin: 0;
	padding:0;
}

.quick-tip {margin: 1em; border:1px solid #FFCC99; background-color:#FFFFF4; font-size:12px; text-align:left; padding: 5px;}
.quick-tip legend { border:1px solid #FFCC99; background-color:#FFFFF4; padding:2px 5px}

/* count-123 */
.count-123 { position:relative; width:360px; height:40px; float: right}
/*
don't think children only tag works ie6,
probably have to write it out if we want to support it , lame
we should have a seperate file for ie clean up anyway.
*/
.count-123 > div { margin:0; padding:0; display:inline-block; font-size:12px; text-align:left; color:#666; height:40px; float: left}
.count-123 > div.selected {border-left:1px solid #369; border-right:1px solid #369; }

.count-123 .sprite_123 { height:40px; }
#zommedNotice{
     font-size: 12px;
     margin: 15px;
}
#zommedNotice .red{
   color:red;
}
.count-123 .one .sprite_123  { background-position:0px 0px;  width:125px;  }
.count-123 .two .sprite_123  { background-position:-120px 0px; width:110px; }
.count-123 .three .sprite_123  { background-position:-230px 0px; width:103px; }

.count-123 .one.selected .sprite_123 { background-position:0 -40px; width:120px;}
.count-123 .two.selected .sprite_123 { background-position:-120px -40px; width:110px;}
.count-123 .three.selected .sprite_123 { background-position:-230px -40px;width:103px;}


.selectFilesBtn{background:url(../img1/uploadify/select_files.gif) no-repeat;width:208px;height:42px;}
.selectFilesBtn:hover{ background-position:0px -42px; cursor:pointer }
.selectFilesBtn{ position:absolute; top:1000px}

.addFilesBtn{ /*background:url(../img1/uploadify/add_files.gif) no-repeat; */top:6px; height:31px; }
/*.addFilesBtn:hover{ background-position:0px -32px; cursor:pointer }*/
.addFilesBtn{ position:relative;}

.startUploadBtn{ background:url(../img1/uploadify/start_upload.gif) no-repeat; width:149px; height:38px; }
.startUploadBtn:hover{ background-position:0px -38px; cursor:pointer }
.startUploadBtn{ position:absolute; bottom: 40px; right: 0;}

.continueBtn{ background:url(../img1/uploadify/continue.gif) no-repeat; width:149px; height:38px; border: none; margin-top: .5em}
.continueBtn:hover{ /*background-position:0px -38px;*/ cursor:pointer }

.cancelBtn { display: block!important;}

.middle { position:relative; vertical-align:top; height:575px; }

.title-bar { width:100%; height:28px; background-position:0px -120px; border:1px solid #ABC; line-height:28px; vertical-align:middle}
.title-bar h4 { color:#336699; text-align:left; margin:0px 10px;}

.grey-container {  background-color:#FCFCFC; width:100%; border:1px solid #DFDFDF; }
.info-names { position:relative; font-size:10px; color:#999999; height:20px; line-height:20px }
.info-names div {position:absolute;}

/*product_sides */
.product_sides { display:inline-block; vertical-align:top;  width:460px; height:470px ; position:relative; }
.product_sides .grey-container { height:520px }
.product_sides .sides { position:relative; background-color:#FCFCFC; width:430px; height:460px; overflow-Y:auto; padding:10px 0px}
.product_sides .side { position:relative; width:400px; background-position:0 -50px; margin-bottom: 1em; }
.product_sides .side .grey-container{ height:220px }
.product_sides .side .spot-container{ height:175px; border:0px; }

.product_sides .side .pthumb{position:absolute; width:204px; height:121px; top:22px; left:12px;  border:1px solid #999;}
.product_sides .side .pthumb p {height: 65px; display: block}
.product_sides .side .pthumb img{height: 121px; width: 204px;}
.product_sides .side h4 { margin:0px; text-align:left; color:#369; height: 20px; overflow: hidden;}

/*spot uv*/
.product_sides .side .spot { position:relative; left:22px; text-align:left; color:#369; width:350px; height:52px; background-color:#FCFCFC; border-top:none; padding: 4px}
.product_sides .side .spot-thumb{ position:relative; width:86px; height:50px; border:1px solid #999;}
.product_sides .side .spot-thumb img{ width:86px; height:50px;}
.product_sides .side .spot h5{ position: absolute; left: 100px; font-size: 0.7em; top: 4px; color: #777; margin: 0; height: 25px; overflow: hidden;}
.product_sides .side .spot h5 p { color: #999;}
.product_sides .side .spot h6{ position: absolute; right: 5px; font-weight: normal; margin:0; bottom: 4px}
.product_sides .side .spot ul{list-style: none; margin-top: 0; padding-left: 1em;}

/*uploaded_files*/
.uploaded_files { display:inline-block; vertical-align:top; width:460px; height:470px; margin-right:20px }
.uploaded_files .grey-container { height:520px }
.uploaded_files .ufiles {border:1px solid #DFDFDF; background-color:#FFF; width:430px; height:260px; overflow-Y:auto; padding:10px 0px; }
.uploaded_files .ufile { position:relative; width:400px; height:60px; background-position:0 -50px; border:1px solid #DFDFDF; text-align:left; z-index: 1000 }
.uploaded_files .ufile:hover { background-position:0 -105px; border:1px solid #DFDFDF; text-align:left;}
.uploaded_files .ufile .file-name{ position:absolute; top:8px; left:74px; font-size:10px; font-weight:bold; color:#333 }
.uploaded_files .ufile .file-size{ position:absolute; top:18px; right:30px; font-size:10px; font-weight:bold; color:#333 }
.uploaded_files .ufiles .overlay {position: absolute; display: none; z-index:1001; left: 0; top: 0; width: 430px; height: 180px; padding-top: 100px; background-color: #EEE; opacity: .75; filter:alpha(opacity=75); font:bold 29px "Helvetica"; color: #AAA; }
.uploaded_files .drag { width:24px; height:60px; background-position:0 -200px; border-right:1px solid #999; }
.uploaded_files .thumb { position:absolute; top:4px ;  left:4px; width:50px ; height:50px; border:1px solid #666; background-color:#EFEFEF}
.uploaded_files .thumb img { width: 50px; height: 50px;}
.uploaded_files .filename{ position: absolute; top: 4px; left: 70px;}
.uploaded_files .filesize{ position: absolute; top: 4px; left: 305px;}
.uploaded_files .total-progress { position:relative; border:1px solid #999;  background-color:#CFCFCF; width:430px; height:50px; }
.uploaded_files .total-progress b {position:absolute; top:2px; left:10px }
.uploaded_files .total-progress .right { position:absolute; right:0px; top:0px; border-left:1px solid #999; width:120px; height:50px;}
.ui-draggable { cursor:move; }
.uploaded_files .remove { cursor: auto; z-index: 999;}

.progress-bar { position:absolute; top:24px; left:20px; height:18px; width:180px; border:1px solid #44AAEE;  background-color:#FFF;}
.progress-bar.inactive {  border:1px solid #999; background-color:#F3F3F3}
.progress-bar .progress_percent { position:absolute; background-position:0 -270px; height:18px;}

/* set by js */
#total_progress_percent_uid { width:0; }
#progress_percent_uid { width:0; }
#file_size_uid { }
#progress-text_uid {}

.progress-bar-sm { position:absolute; top:30px; left:80px; height:12px; width:150px; border:1px solid #44AAEE }
.progress-bar-sm .progress_percent{ position:absolute; background-position:0 -260px;height:12px; }

.progress-text  { position:absolute; top:42px; left:80px; font-size:10px; color:#999 }
.lower-section { position:relative; vertical-align:top; height:auto; }
.product-specs { display:inline-block; vertical-align:top;  width:460px; margin-right:20px }
.product-specs p{ font-size:12px; color:#666; text-align:left; padding:10px; margin:0}
.product-specs .specs { background-color:#FFF; margin:15px; border:1px solid #EFEFEF; font-size:12px;}
.product-specs .specs td, .product-specs .specs th { min-width:100px}
.product-specs .specs th { font-weight: bold; text-align: left;}

.ad-space { position:relative; display:inline-block; vertical-align:top; width:460px; height:470px; display: none}
.ad-space { height:425px;  border:1px solid #44AAEE; background-color:#E1FFEE; }
.product-safezone {width: 460px; display: inline-block; vertical-align: top; color: #356897; font-size: .75em; border: 1px solid #EFEFEF; text-align: justify;}
.product-safezone {background-image: url('../images/safezoneimage_no_text.png'); background-repeat: no-repeat; background-position: right center}
.product-safezone span {float: left; margin-right: 231px; padding: 1em}
.product-safezone h1, h2 { font-size: 1em; font-weight: bold}
.product-safezone h1{color: red}
.product-safezone h2{color: black}
.grey-background { background-color: #EFEFEF;}

.droppable-highlight { background-color: #FFFEEE;}

.side_file_name {
    margin-left: 1em;
    font-size: .7em;
    color: #AAA;
}
.side-container {
    position: relative;
}

.side-container.noFlashUpload {
    display: none;
    border: 1px solid #DFDFDF;
    border-top: 0;
    padding: 10px 12px;
    text-align: left;
    width: 376px;
}

.noFlashSpotUpload {
    display: none;
    text-align:left;
    color:#369;
    width:326px;
    height:25px;
    background-color:#FCFCFC;
    border:1px solid #DFDFDF;
    border-top:none;
    padding: 10px 12px;
    position: relative;
    left: 26px;
	clear: both;
}

.side-container.noFlashUploadVertical {
    position: absolute;
    bottom: -50px;
    left:-1px;
    width: 336px;
    height: 20px;
    overflow:hidden;
}
.noFlashSpotUploadVertical {
    position: absolute;
    left: 0;
    width: 336px;
    bottom: -52px;
}

iframe {
    width:0;
    height:0;
    border:0;
}

.side-container ul {
    width: 70px;
    font-size: .75em;
    list-style: none;
    text-align: right;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.remove {
    width: 19px;
    height: 17px;
    position: absolute;
    background: url('../img1/uploadify/remove.png');
    right: 3px;
    top: 3px;
}

.show {
    display: block;
}

/* Zoom Dialog */
.ui-dialog .ui-dialog-title {  color:#369}
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: 1; filter:Alpha(Opacity=100);}
.loading { background:url('../img1/jquery_ui/ui-anim_basic_16x16.gif') no-repeat; background-position: center center;}

/* Vertical style*/

/* product_sides */
.product_sides .grey-containerV { height:530px }

.product_sides .sidesV { height:505px;}
.product_sides .sideV { height: 250px; margin-bottom: .5em; }
.product_sides .side .grey-containerV{ height:100%; width: 210px; float: left; padding: 2px}
.product_sides .side .pthumbV, .product_sides .side .pthumbV img {width:121px; height:204px;}
.product_sides .sideV h4 { margin-left:10px;}
/*spot uv*/
.product_sides .side .spotV { left:0px; width:151px; height:163px; border-left: none; float: left; top: 83px; text-align: inherit}
.product_sides .side .spot-thumbV{ position: relative; margin-top: 1em; left: 0; top: 0}
.product_sides .side .spot-thumbV, .product_sides .side .spot-thumbV img{ width:50px; height:86px;}
.product_sides .side .spotV h5 { position: static; left: 10px; text-align: center}
.product_sides .side .spotV h5 p { margin: 0; display: inline}
.product_sides .side .spotV h6{ position: static; margin: .2em 0; text-align: center}

.product_sides .side .grey-containerV ul{
    padding: 0;
    width: 53px;
    text-align: left;
    right: 4px;
    bottom: 6px;
    margin: 0;
}

.spotUVQuestionImage {
    vertical-align:text-bottom;
    width:20px;
    height:20px;
}

.spotUVLink {
    position:relative;
    width:100px;
    left:-130px;
}
.spotUVLink {
    top:127px;
}

.spotUVLinkV {
    top:209px;
    left: -45px;
}

.linksH {
    width:100px
}

.linksV {
    width:60px
}