/* Das Master */
*{
    border:none;
    font-family:Tahoma, Arial;
    font-size:1.0em;
    margin:0;
    outline:0;
    padding:0;
}

html, body{
    background-color:#0057C8;
}

h1, h2{ 
    color:#FD0;
    font-family:Arial Narrow, Arial;
    font-weight:400;
}
h1{ font-size:1.8em }
h2{ 
    font-size:1.6em;
    margin:32px 0 4px 4px;
}

p{ 
    color:#444;
    font-size:0.9em;
    line-height:1.6em;
}

.whit{ color:#FFF; }
.yell{ color:#FD0; }
.blue{ color:#0057C8; }
.gray{ color:#444; }
.small{ font-size:50%; }
.b { font-weight:bold; }

div.master{
    background:url('../Images/Background_Showroom.jpg') center 54px no-repeat;
    background-color:#0057C8;
    color:#e4e3e3;
    position:relative;
    width:100%; min-height:512px;
}

div.header_container{
    background:url('../Images/Repeater_Header.png') top repeat-x;
    position:relative;
    width:100%; height:128px;
}
    div.header{
        margin:0 auto;
        position:relative;
        width:982px; height:128px;
    }
    
div.body_container{
    position:relative;
    width:100%; min-height:512px;
}
    div.body{
        margin:0 auto;
        position:relative;
        width:982px; min-height:512px;
    }
    
div.footer_container{
    position:relative;
    width:100%; height:96px;
}
    div.footer{
        margin:0 auto;
        position:relative;
        width:982px; height:96px;
    }

div.logo{
    background:url('../Images/Master_Logo.png') no-repeat;
    left:18px; top:0;
    position:absolute;
    width:300px; height:94px;
}
div.account-name{
    color:#FFF;
    left:330px; top:18px;
    font-size:0.65em;
    position:absolute;
    text-transform:uppercase;
    width:256px;
}
div.top-button{
	color:#444;
    font-family:Arial;
    font-size:0.7em;
    font-weight:bold;
    position:absolute;
    text-align:center;
    text-transform:uppercase;
    width:106px; height:27px;
}
	div.top-button a:link, div.top-button a:visited{
		background:url('../Images/Master_Button_Log-Out.png') no-repeat;
        color:#444;
        left:0; top:0;
        line-height:25px;
        position:absolute;
        text-decoration:none;
        width:100%; height:27px;
	}
	div.top-button a:hover, div.top-button a:active{
		background:url('../Images/Master_Button_Log-Out.png') 0 -27px no-repeat;
        color:#444;
        left:0; top:0;
        line-height:25px;
        position:absolute;
        text-decoration:none;
        width:100%; height:27px;
	}
div.master-preview{
    right:268px; top:11px;
}
div.master-support{
    right:146px; top:11px;
}
div.log-out{
    right:24px; top:11px;
}




/* Das Cap! */
div.cap{
    position:relative;
    margin:0 0 0 24px;
    width:934px; height:96px;
}
    div.welcome{
        position:absolute;
        top:0; left:0;
        width:290px; height:96px;
    }
    div.welcome1{
    	position:absolute;
    	top:0; left:0;
    	white-space:nowrap;
    	width:auto;
    }
    div.welcome2{
    	bottom:0; left:0;
    	position:absolute;
    }
    div.section-title{
        left:16px; top:-54px;
        position:absolute;
        width:424px;
    }
    a.check-your-stats{
    	display:block;
        position:absolute;
        right:16px; bottom:0;
        width:172px; height:92px;
    }
	
div.columns_container{
    margin:0 0 0 24px;
    position:relative;
    width:934px; min-height:512px;
}
    div.panels-column{
        position:relative;
        float:left;
        width:294px; min-height:512px;
    }
        div.panels-column a{
	        background:url('../Images/Button_Panel.png');
	        cursor:pointer; cursor:hand;
	        display:block;
	        margin-left:-4px;
	        position:relative;
	        text-decoration:none;
            width:291px; height:78px;
        }
        div.panels-column a:link, div.panels-column a:visited { background-position:0 0; }
        div.panels-column a:hover, div.panels-column a:active, div.panels-column a.selected { background-position:0 -78px !important; }
			div.panels-column a span
			{
				display:block;	
			}
            span.ico{
    	        background:url('../Images/Icon-BG.png');
    	        left:16px; top:12px;
    	        position:absolute;
    	        width:48px; height:48px;
            }
            span.title{
    	        color:#0057C8;
    	        left:72px; top:11px;
    	        position:absolute;
    	        width:200px; height:18px;
            }
            span.desc{
    	        color:#444;
    	        font-size:0.75em;
    	        left:72px; top:32px;
    	        line-height:14px;
    	        position:absolute;
    	        width:200px; height:30px;
            }
            
            
        div.content-column{
            margin-left:10px;
            position:relative;
            float:left;
            width:630px; min-height:512px;
        }
            div.content-top{
    	        background:url('../Images/Content-BG-Top.png') no-repeat;
    	        position:relative;
    	        width:630px; height:8px;
            }
            div.content{
    	        background:url('../Images/Repeater_Content.png') repeat-y;
    	        padding-bottom:16px;
    	        position:relative;
    	        width:630px;
            }
            div.content-btm{
                background:url('../Images/Content-BG-Btm.png') no-repeat;
    	        position:relative;
    	        width:630px; height:8px;
            }
 
 
            
/*-----------------------------*/
/*-- Unique Class Containers --*/
/*-----------------------------*/

/*div#content_01{ display:none } /* Banners */
/*div#content_02{ display:none } /* Photos */
/*div#content_03{  } /* Notes */
/*div#content_04{ display:none } /* Animations */
/*div#content_05{ display:none } /* Rx Pads */
/*div#content_06{ display:none } /* Brochures */
/*div#content_07{ display:none } /* Statistics */
/*div#content_08{ display:none } /* Coupon */
/*div#content_09{ display:none } /* Logo */
/*div#content_10{ display:none } /* Color */
/*div#content_11{ display:none } /* Codes */


div.description{
    float:left;
    margin:6px 0 0 20px;
    position:relative;
    width:424px;
}
div.example{
	display:none;
    float:left;
    margin:6px 0 0 16px;
    position:relative;
    width:156px;
}

div.step{
    margin:32px auto 0 auto;
    position:relative;
    width:586px; /*min-height:128px;*/
}
    div.step-top{
        background:url('../Images/Step-Top.png') no-repeat;
        position:relative;
        width:586px; height:56px;
    }
        div.number{
	        background:url('../Images/Step-Number-BG.png') no-repeat;
	        font-family:Arial;
	        font-weight:bold;
	        left:18px; top:13px;
	        line-height:30px;
	        position:absolute;
	        text-align:center;
	        width:34px; height:33px;
        }
        div.step-instruction{
	        color:#444; 
	        left:64px; top:19px;
	        position:absolute;
	        width:384px;
        }
        
    div.step-content{
        background:url('../Images/Repeater_Step.png') repeat-y;
        padding:24px 0 16px 0;
        position:relative;
        width:586px;
    }
    div.step-btm{
        background:url('../Images/Step-Btm.png') no-repeat;
        position:relative;
        width:586px; height:12px;
    }
    div.step-btm-2{
        background:url('../Images/Step-Btm-2.png') no-repeat;
        position:relative;
        width:586px; height:64px;
    }




/*************************/
/******** Banners ********/
/*************************/
/* Step 1 */      
div.banners_container{
    margin:0 auto;
    padding-bottom:16px;
    position:relative;
    width:512px;
}
    div.banner{
        margin:24px 0 0 -12px;
        position:relative;
        width:100%;
    }
        div.selector{
	        float:left;
	        position:relative;
	        width:48px; height:96px;
        }
            div.big-ass-radio{
    	        background:url('../Images/RadioButton.png') no-repeat;
    	        cursor:pointer; cursor:hand;
    	        margin:0 auto;
    	        position:relative;
    	        width:45px; height:43px;
            }
                	
        div.banner-info{
	        float:left;
	        margin-left:8px;
	        position:relative;
	        width:440px; min-height:64px;
        }
            div.banner-title{
    	        color:#0057C8;
                position:relative;
                width:256px; height:20px;
            }
            div.banner-img{
    	        margin-top:4px;
    	        position:relative;
            }

/* Step 2 + 3 */      
.textbox-properties{
    background:url('../Images/TextBox-BG.png') top left;
    border:1px solid #a2a2a2;
    margin:0 0 0 32px;
    padding:8px;
}
.hint{
    color:#444;
    font-size:0.7em;
    position:relative;
    margin:2px 0 0 32px;
    width:450px; height:16px;
}

/* Step 4 */      
div.color-picker_container{
    margin:0 auto;
    position:relative;
    width:512px; height:275px;
}
    div.bright-sat{
        background:url('../Images/BrightnessSaturation.png') no-repeat;
        border:1px solid #999;
        cursor:crosshair;
        left:0; top:0;
        position:absolute;
        width:256px; height:256px;
    }
    div.hue{
        background:url('../Images/Hue.png') no-repeat;
        border:1px solid #999;
        cursor:crosshair;
        left:262px; top:0;
        position:absolute;
        width:16px; height:256px;
    }
    div.slider_container{
        left:282px; top:0;
        position:absolute;
        width:20px; height:256px;
    }
        div.slider{
	        background:url('../Images/Slider.png') no-repeat;
	        cursor:s-resize;
	        position:absolute;
	        top:40%;
	        width:20px; height:17px;
        }
    div.your-color_container{
        left:334px; top:0;
        position:absolute;
        width:180px; height:164px;
    }
        .your-color-label{
	        color:#444;
	        position:relative;
	        text-align:center;
	        width:100%;
        }
        .color{
	        background-color:#6E86B8;
	        border:1px solid #999;
	        position:relative;
	        width:100%; height:96px;
        }
        .textbox-hex_container{
	        margin-top:8px;
            position:relative;            
            width:100%;
        }
            .textbox-hex{
    	        background:url('../Images/TextBox-BG.png') top left;
                border:1px solid #a2a2a2;
                display:block;
                margin:0 auto;
                position:relative;
                padding:8px;
                width:80px;
            }
 

/* Step 5 */            
div.preview-banner_container{
    display:none;
    margin:0 auto;
    position:relative;
    width:512px;
}
    div.flash_container{
        /*border:1px dotted #0057C8;*/
        line-height:50px;
        margin:0 auto 24px auto;
        position:relative;
        text-align:center;
    }
        
div.general-button{
    font-family:Arial;
    font-size:0.9em;
    line-height:42px;
    margin:0 auto;
    position:relative;
    width:169px; height:50px;
}
    .general-button a:link, .general-button a:visited{
        background:url('../Images/Button_Preview.png') no-repeat;
        color:#F0F0F0;
        left:0; top:0;
        position:absolute;
        text-align:center;
        text-decoration:none;
        width:169px; height:50px;
    }
    .general-button a:hover, .general-button a:active{
        background:url('../Images/Button_Preview.png') 0 -50px;
        color:#444;
        left:0; top:0;
        position:absolute;
        text-align:center;
        text-decoration:none;
        width:169px; height:50px;
    }
    
/* Step 6 */
div.install_container{
    margin:0 auto;
    position:relative;
    width:512px;
}
    div.option{
        margin:16px 0 0 14px;
        padding-bottom:16px;
        position:relative;
        width:100%;
    }
        div.form-element_textbox{
            position:relative;
            width:450px; height:32px;
        }
        div.form-element_textarea{
            position:relative;
            width:450px; height:128px;
        }
            div.form-label{
	            background-color:#CCC;
	            color:#444;
	            left:0; top:0;
	            line-height:28px;
	            font-size:0.8em;
	            padding-left:8px;
	            position:absolute;
	            text-align:left;
	            text-transform:uppercase;
	            width:80px; height:27px;
            }
            div.form-field{
	            left:80px; top:0;
	            position:absolute;
	            width:300px; height:32px;
            }
                .textbox-small{
    	            background:url('../Images/TextBox-BG.png') top left;
                    border:1px solid #a2a2a2;
                    color:#444;
                    font-size:0.9em;
                    padding:4px;
                }
                .textarea{
    	            background:url('../Images/TextArea-BG.png') top left;
                    border:1px solid #a2a2a2;
                    color:#444;
                    font-family:'Courier New', Courier, Monospace;
                    font-size:0.9em;
                    padding:4px;
                    overflow-x:hidden;
                    overflow-y:auto;
                }
    div.line{
        border-bottom:1px dotted #999;
        position:relative;
        width:100%; height:1px;
    }




/********************************/
/******** Photos + Notes ********/
/********************************/
div.general-label{
    color:#444; 
    left:24px; top:19px;
    position:absolute;
    width:384px;
}
div.secondary-label{
    color:#444; 
    font-size:0.8em;
    position:absolute;
    right:8px; top:21px;
    text-align:center;
    width:128px;
}

div.general-content{
    background:url('../Images/Repeater_Step.png') repeat-y;
    position:relative;
    width:586px;
}
    div.list_container{
        margin-left:6px;
        position:relative;
        overflow-x:hidden;
        overflow-y:auto;
        width:574px; max-height:384px;
    }
		div.catalog-name{
			background-color:#CCC;
			border-bottom:1px solid #C2C8DA;
			color:#000;
			font-size:1.2em;
			font-weight:bold;
			line-height:28px;
	        position:relative;
	        padding:2px 0;
	        text-align:center;
	        width:100%; height:32px;
		}
        a.list-element,
        a.list-element_photos, 
        a.list-element_notes{
	        border-bottom:1px solid #C2C8DA;
	        cursor:hand; cursor:pointer;
	        display:block;
	        position:relative;
	        padding:2px 0;
	        text-decoration:none;
	        width:100%; height:32px;
        }
        a.list-element:link, a.list-element:visited,
        a.list-element_photos:link, a.list-element_photos:visited,
        a.list-element_notes:link, a.list-element_notes:visited{
        	background-color:transparent;
        }
        a.list-element:hover, a.list-element:active,
        a.list-element_photos:hover, a.list-element_photos:active,
        a.list-element_notes:hover, a.list-element_notes:active{
        	background-color:#CCC;
        }
			span.loading{
				background:#CCC url('../Images/ajax-loader.gif') no-repeat center center;
				display:block;
				opacity:0.5; filter:alpha(opacity=50);
				margin:0; padding:0;
				position:absolute;
				top:0; left:0;
				width:100%; height:100%;
				z-index:6;
			}
            span.presentation{
    	        color:#444;
    	        display:block;
    	        font-size:0.75em;
    	        left:16px; top:0;
    	        line-height:37px;
    	        position:absolute;
    	        width:400px; height:32px;
            }
            span.photo-sets{
    	        color:#444;
    	        display:block;
    	        font-size:0.75em;
    	        right:16px; top:0;
    	        line-height:36px;
    	        position:absolute;
    	        width:48px; height:32px;
            }


/**** Overlays ****/         
div#overlay, div#master_overlay{
    background-color:#000;
    left:0; top:0;
    opacity:0.5; filter:alpha(opacity=50);
    position:fixed;
    width:100%; height:100%;
    z-index:7;
}
div#master_window{
	left:50%; top:40px;
    margin-left:-350px;
    position:fixed;
    width:701px; height:557px;
    z-index:8;
}
div#master_overlay, div#master_window{
	display:none;
}
div#master_window div.close-btn{
	right:0 !important; top:-32px !important;
}

/**** Photos Overlay ****/  
div#window_photos{
    left:50%; top:40px;
    margin-left:-315px;
    position:fixed;
    width:630px;
    z-index:8;
}
    div.close-btn{
        right:24px; top:16px;
        position:absolute;
        width:30px; height:28px;
    }
        .close-btn a:link{
	        background:url('../Images/Button_Close.png') no-repeat;
	        left:0; top:0;
	        position:absolute;
	        width:30px; height:28px;
        }
        .close-btn a:visited{
	        background:url('../Images/Button_Close.png') no-repeat;
	        left:0; top:0;
	        position:absolute;
	        width:30px; height:28px;
        }
        .close-btn a:hover{
	        background:url('../Images/Button_Close.png') 0 -28px;
	        left:0; top:0;
	        position:absolute;
	        width:30px; height:28px;
        }
    div.manager_container{
        margin-left:6px;
        overflow:auto;
        position:relative;
        width:574px; height:384px;
    }
        div.ba-set{
	        position:relative;
	        width:100%; height:264px;
        }
            div.set-title{
    	        color:#636363;
    	        padding-top:12px;
    	        position:relative;
    	        text-align:center;
    	        width:100%; height:24px;
            }
            div.photos{
    	        position:relative;
            }
                div.before_container{
        	        background:url('../Images/Photo-BG.png') no-repeat;
        	        left:80px; top:12px;
        	        position:absolute;
        	        width:186px; height:202px;
                }
                div.after_container{
        	        background:url('../Images/Photo-BG.png') no-repeat;
        	        right:80px; top:12px;
        	        position:absolute;
        	        width:186px; height:202px;
                }
                    div.photo-label{
            	        font-size:0.8em;
            	        position:absolute;
            	        text-align:center;
            	        text-transform:uppercase;
            	        width:100%; height:20px;
                    }
                    div.photo{
            	        left:12px; top:16px;
            	        position:absolute;
            	        width:162px; height:140px;
                    }
                    div.photo img{
                    	display:block;
                    	margin:0 auto;
                    }
                    div.upload-btn{
                        font-size:0.7em;
            	        left:10px; bottom:4px;
            	        line-height:29px;
            	        position:absolute;
            	        width:126px; height:34px;
                    }
                        .upload-btn a:link{
                	        background:url('../Images/Button_Upload.png') no-repeat;
                	        color:#F0F0F0;
                	        left:0; top:0;
                	        position:absolute;
                	        text-align:center;
                            text-decoration:none;
                            text-transform:uppercase;
                	        width:126px; height:34px;
                        }
                        .upload-btn a:visited{
                	        background:url('../Images/Button_Upload.png') no-repeat;
                	        color:#F0F0F0;
                	        left:0; top:0;
                	        position:absolute;
                	        text-align:center;
                            text-decoration:none;
                            text-transform:uppercase;
                	        width:126px; height:34px;
                        }
                        .upload-btn a:hover{
                	        background:url('../Images/Button_Upload.png') 0 -34px no-repeat;
                	        color:#444;
                	        left:0; top:0;
                	        position:absolute;
                	        text-align:center;
                            text-decoration:none;
                            text-transform:uppercase;
                	        width:126px; height:34px;
                        }
                    div.delete-btn{
            	        font-size:0.7em;
            	        right:8px; bottom:6px;
            	        position:absolute;
            	        width:33px; height:32px;
                    }
            	         .delete-btn a:link{
                	        background:url('../Images/Button_Delete.png') no-repeat;
                	        color:#F0F0F0;
                	        left:0; top:0;
                	        position:absolute;
                	        width:33px; height:32px;
                        }
                        .delete-btn a:visited{
                	        background:url('../Images/Button_Delete.png') no-repeat;
                	        color:#F0F0F0;
                	        left:0; top:0;
                	        position:absolute;
                	        width:33px; height:32px;
                        }
                        .delete-btn a:hover{
                	        background:url('../Images/Button_Delete.png') 0 -32px no-repeat;
                	        color:#444;
                	        left:0; top:0;
                	        position:absolute;
                	        width:33px; height:32px;
                        }
                        
                        
                        
/**** Notes Overlay ****/                        
div#window_notes{
    left:50%; top:40px;
    margin-left:-315px;
    position:fixed;
    width:630px;
    z-index:8;
}
    div.note_container{
        position:relative;
        width:100%; height:300px;
    }
        div.note-info{
            color:#636363;
            padding-top:24px;
            position:relative;
            text-align:left;
            width:100%; height:24px;
        }
            .indent{ margin-left:24px; }
        div.note-screenshot{
	        background-color:#444;
	        border:2px solid #AAA;
	        left:20px; top:60px;
	        position:absolute;
	        width:96px; height:96px;
        }
        div.note-title{
	        right:24px; top:56px;
	        position:absolute;
	        width:402px; height:48px;
        }
        div.note-text{
	        right:24px; top:112px;
	        position:absolute;
	        width:402px; height:164px;
        }
            div.note-label{
    	        color:#444;
    	        font-size:0.7em;
    	        position:relative;
    	        width:100%; height:14px;
            }
        div.characters-remaining{
	        color:#444;
	        font-size:0.7em;
	        position:absolute;
	        right:24px; bottom:12px;
	        text-align:right;
	        width:256px; height:16px;
        }
    div.content_container
    {
        position:relative;
        width:100%; height:292px;
    }
        div.step-title{
	        right:24px; top:0;
	        position:absolute;
	        width:402px; height:48px;
        }
        div.step-text{
	        right:24px; top:56px;
	        position:absolute;
	        width:402px; height:164px;
        }        
        div.step-audio{
	        right:24px; top:220px;
	        position:absolute;
	        width:402px; height:48px;
        }        
div.saves-changes-btn{
    font-size:0.7em;
    line-height:28px;
    position:absolute;
    right:24px; top:12px;
    width:128px; height:32px;
}
    .saves-changes-btn a:link{
        background:url('../Images/Button_SaveChanges.png') no-repeat;
        color:#F0F0F0;
        left:0; top:0;
        position:absolute;
        text-align:center;
        text-decoration:none;
        text-transform:uppercase;
        width:128px; height:32px;
    }
    .saves-changes-btn a:visited{
        background:url('../Images/Button_SaveChanges.png') no-repeat;
        color:#F0F0F0;
        left:0; top:0;
        position:absolute;
        text-align:center;
        text-decoration:none;
        text-transform:uppercase;
        width:128px; height:32px;
    }
    .saves-changes-btn a:hover{
        background:url('../Images/Button_SaveChanges.png') 0 -32px no-repeat;
        color:#444;
        left:0; top:0;
        position:absolute;
        text-align:center;
        text-decoration:none;
        text-transform:uppercase;
        width:128px; height:32px;
    }
div.cancel-btn{
    font-size:0.7em;
    line-height:28px;
    position:absolute;
    right:156px; top:12px;
    width:77px; height:32px;
}
    .cancel-btn a:link, .cancel-btn a:visited{
        background:url('../Images/Button_Cancel.png') no-repeat; 	
        color:#F0F0F0;
        left:0; top:0;
        position:absolute;
        text-align:center;
        text-decoration:none;
        text-transform:uppercase;
        width:77px; height:32px;
    }
    .cancel-btn a:hover, .cancel-btn a:active{
        background:url('../Images/Button_Cancel.png') 0 -32px no-repeat;
        color:#444;
        left:0; top:0;
        position:absolute;
        text-align:center;
        text-decoration:none;
        text-transform:uppercase;
        width:77px; height:32px;
    }
    
    
    
/****************************/
/******** Animations ********/
/****************************/
span.indicator-on, span.indicator-off{
    background:url('../Images/AnimationStateIndicator.png') no-repeat;
    display:block;
    right:32px; top:10px;
    line-height:36px;
    position:absolute;
    width:18px; height:18px;
}
span.indicator-off{
	background-position:0 -18px;
}
div.legend{
    border:1px dotted #AAA;
    color:#444;
    line-height:28px;
    margin-top:32px;
    padding:8px;
    position:relative;
    height:64px;
    width:65%;
}
    .legend .state{
        position:relative;
        height:32px;
    }
    .legend .on-symbol{
        background:url('../Images/AnimationStateIndicator.png') no-repeat;
        left:2px; top:6px;
        position:absolute;
        width:18px; height:18px;
    }
    .legend .off-symbol{
        background:url('../Images/AnimationStateIndicator.png') 0 -18px no-repeat;
        left:2px; top:6px;
        position:absolute;
        width:18px; height:18px;
    }
    .legend .text{
        left:28px;
        position:absolute;
        height:32px;
    }


    
/***************************/
/******** Brochures ********/
/***************************/
.print-indicator-off, .print-indicator-on{
    background:url('../Images/PrintIndicator.png') no-repeat;
    font-size:0.75em;
    right:32px; top:7px;
    line-height:36px;
    position:absolute;
    width:25px; height:24px;
}
.print-indicator-on{
	background-position:0 -24px;
}




/****************************/
/******** Statistics ********/
/****************************/
div.date-selection_container{
    background:url('../Images/Stats_Dates-BG.png') no-repeat;
    margin:0 auto;
    position:relative;
    width:620px; height:64px;
}
    div.date-selector{
        left:16px; top:12px;
        position:absolute;
        width:186px; height:40px;
    }
        .date-selector div.label{
	        color:#444;
	        font-size:0.8em;
	        left:0; top:10px;
	        line-height:17px;
	        position:absolute;
	        text-align:right;
	        text-transform:uppercase;
	        width:36px; height:18px;
        }
        .date-selector div.textbox{
	        left:40px; top:6px;
	        position:absolute;
	        width:96px; height:28px;
        }
        .date-selector div.calendar{
	        background:url('../Images/Stats_Calendar.png') no-repeat;
	        cursor:hand; cursor:pointer;
	        left:131px; top:6px;
	        position:absolute;
	        width:27px; height:27px;
        }
    div.arrow{
        background:url('../Images/Stats_Arrow.png') no-repeat;
        left:182px; top:20px;
        position:absolute;
        width:28px; height:24px;
    }
    div.divider{
        background:url('../Images/Stats_Divider.png') no-repeat;
        left:400px; top:0;
        position:absolute;
        width:2px; height:64px;
    }
    div.update-stats-btn{
        right:24px; top:9px;
        position:absolute;
        width:169px; height:50px;
    }

div.stats-overview_container{
    background-color:#e2e2e2;
    margin:6px auto 0 auto;
    position:relative;
    width:620px; height:168px;
}
    .stats-overview_container div.label{
        color:#0057C8;
        left:20px; top:16px;
        position:absolute;
        width:256px; height:24px;
    }
    div.statistics-triad{
        left:16px; top:48px;
        position:absolute;
        width:586px; height:96px;
    }
        div.statistic{
	        float:left;
	        margin-left:7px;
	        width:186px; height:96px;
        }
            div.stat-label{
    	        color:#444;
    	        font-size:0.9em;
                margin-top:16px;
    	        position:relative;
    	        text-align:center;
    	        width:100%;
            }
            div.stat-data{
    	        background:url('../Images/Stat_Data-BG.png') no-repeat;
    	        color:#0057C8;
    	        font-family:Arial;
    	        line-height:58px;
    	        font-size:2.0em;
    	        margin:2px auto 0 auto;
    	        position:relative;
    	        text-align:center;
    	        width:182px; height:58px;
            }

div.top-ten_container{
    background-color:#e2e2e2;
    margin:6px auto 0 auto;
    position:relative;
    width:620px;
}
    .top-ten_container div.label{
        color:#0057C8;
        padding:16px 0 0 20px;
        position:relative;
        width:256px; height:24px;
    }
    div.top-ten-list{
        margin:24px 0 0 20px;
        position:relative;
        width:543px;
    }
        div.list-item{
	        background:url('../Images/Stats_Top-10-BG.png') no-repeat;
	        margin-top:4px;
	        position:relative;
	        width:543px; height:43px;
        }
            .list-item div.rank{
    	        color:#F0F0F0;
    	        font-family:Arial;
    	        font-size:1.2em;
    	        line-height:42px;
    	        position:absolute;
    	        text-align:center;
    	        width:42px; height:43px;
            }
            .list-item div.presentation{
    	        color:#444;
    	        font-size:0.9em;
    	        left:56px; top:0;            	
    	        line-height:44px;  
    	        position:absolute;
    	        width:384px; height:43px;
            }
            .list-item div.views{
    	        color:#0057C8;
    	        font-size:0.8em;
    	        line-height:42px;
    	        position:absolute;
    	        text-align:right;
    	        right:20px; height:43px;
    	        width:96px; height:43px;
            }




/************************/
/******** Coupon ********/
/************************/
div.general-text{
    margin:16px 0 16px 32px;
    position:relative;
    width:512px;
}




/**********************/
/******** Logo ********/
/**********************/
div.image-upload-label{
    color:#444;
    margin:0 auto;
    padding-top:16px;
    position:relative;
    text-align:center;
    width:100%;
}
    div.image-upload-current{
        background-color:#D0D0D0;
        background-position:8px center;
        background-repeat:no-repeat;
        border:1px dotted #999;
        margin:2px auto; padding:8px 44px 8px 8px;
        position:relative;
    }
        div.image-upload-delete-btn{
            font-size:0.7em;
            position:absolute;
            right:4px; top:4px;
            width:33px; height:32px;
        }
        
        
        
        
/***********************/
/******** Color ********/
/***********************/
div.color-labels{
    color:#444;
    font-size:0.8em;
    position:relative;
    width:100%; height:16px;
}
    div.new-color-label{
        left:0; top:0;
        position:absolute;
        text-align:center;
        width:50%;
    }
    div.old-color-label{
        left:50%; top:0;
        position:absolute;
        text-align:center;
        width:50%;
    }
	
div.new-color{
    background-color:#ff6161;
    left:0; top:0;
    position:absolute;
    width:50%; height:96px;
}




/***********************/
/******** Codes ********/
/***********************/
div.install-codes_container{
    margin-left:6px;
    padding-bottom:24px;
    padding-top:24px;
    position:relative;
    width:574px;
}
    div.install-code{
        margin:8px auto 0 auto;
        position:relative;
        width:512px;
    }
        .install-code div.label{
	        color:#444;
	        font-size:0.9em;
	        position:relative;
	        width:512px; height:18px;
        }
        .code-area-properties{ 
	        width:450px; 
	        height:96px; 
        }




div.language-info{
    position:relative;
    margin:16px 0 16px 0;
    width:512px; height:32px;
}
    div.language-note{
        color:#444;
        float:left;
        font-size:0.9em;
        line-height:26px;
        position:relative;
        height:32px;
    }
    div.language-selector{
        display:inline;
        font-size:0.8em;
        margin-left:8px;
        padding:16px 0 16px 0;
        position:relative;
        width:256px; height:24px;
    }
        select{
	        color:#0057C8;
            border:1px solid #DDD;
            background:url('../Images/TextBox-BG.png') top left no-repeat;
            padding:4px;
            width:200px; 
        }
        option{
            background-color:#E8E8E8 !important;
            padding-left:2px; 
            padding-right:2px; 
            padding-left:8px;
    }
/************************/
/***** Color Picker *****/
/************************/
div.color_picker{
	/*background-color:#E0E0E0;*/
	position:relative;
	margin:0 auto; padding:0 0 0 280px;
	text-align:center;
	width:232px; height:256px;
}

/*256x256*/
div.color_picker_bg{
	position:absolute;
	top:0; left:0;
	width:256px; height:256px;
}
div#color_picker_bg1{
	background-color:#0FF;
	z-index:1;
}
div#color_picker_bg2{
	background:transparent url('../Images/ColorPickerOverlay1.png') no-repeat top left;
	z-index:2;
}
div#color_picker_bg3{
	background:transparent url('../Images/ColorPickerOverlay2.png') no-repeat top left;
	z-index:3;
}
div#selection_container{
	background-color:transparent;
	overflow:hidden;
	z-index:4;
}
div#selection{
	background:transparent url('../Images/ColorPickerSelection.png') no-repeat center center;
	position:absolute;
	top:-6px; left:249px;
	width:12px; height:12px;
}
div#hit_area{
    background-color:transparent;
    cursor:crosshair;
    z-index:5;
}

/*16x256*/
div#hue{
	background:transparent url('../Images/ColorPickerHue.png') no-repeat top left;
	/*cursor:pointer;*/
	position:absolute;
	top:0; left:264px;
	width:16px; height:256px;
}
div.slider_image{
	background:transparent url('../Images/ColorPickerSlider.png') no-repeat top left;
	cursor:n-resize;
	position:absolute;
	top:-8px; left:0;
	width:20px; height:17px;
}
div#slider{
	/*background:transparent url('../Images/ColorPickerSlider.png') no-repeat top left;*/
	/*cursor:n-resize;*/
	position:absolute;
	top:120px; left:282px;
	/*width:20px; height:17px;*/
}

/*info*/
label.selected_color_label{
	color:#404040;
}
div#selected_color{
	background-color:#0FF;
	border-top:1px solid #C0C0C0;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	border-left:1px solid #C0C0C0;
	margin:8px auto;
	width:126px; height:126px;
}
/* Text Meter */
.text_meter{
	border-top:1px solid #A2A2A2;
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	border-left:1px solid #A2A2A2;
	margin:0 0 0 32px;
}